/*
Theme Name: Perantara Block Editor Portal
Theme URI: https://perantara.my
Author: OpenAI for Akademi Perantara
Description: A stable bilingual WordPress theme with fully editable Gutenberg page content, native Posts for News/Publications/Media/Store, The Events Calendar integration, and built-in enquiry forms delivered through wp_mail/FluentSMTP.
Version: 3.2.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: perantara
*/

:root{
  --p-navy:#081624;--p-navy-2:#10283a;--p-gold:#b69145;--p-ivory:#f7f3ea;
  --p-ink:#1b2530;--p-muted:#647180;--p-line:#dde3e8;--p-white:#fff;
  --p-shadow:0 18px 50px rgba(8,22,36,.10);--p-radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--p-ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:#775b24;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-topbar{background:#06111c;color:#fff;font-size:.9rem}
.site-topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
.site-topbar a{color:#fff}
.site-header{position:relative;background:#fff;border-bottom:1px solid var(--p-line);z-index:30}
.header-inner{display:flex;align-items:center;gap:28px;min-height:92px}
.brand{display:flex;align-items:center;gap:13px;min-width:250px;color:var(--p-ink)}
.brand:hover{text-decoration:none}
.brand img,.custom-logo{width:58px;height:58px;object-fit:contain}
.brand-text strong{display:block;font-family:Georgia,serif;font-size:1.16rem;line-height:1.15}
.brand-text span{display:block;color:var(--p-muted);font-size:.83rem;margin-top:4px}
.primary-nav{margin-left:auto}
.main-menu,.main-menu ul{list-style:none;margin:0;padding:0}
.main-menu{display:flex;align-items:center;gap:3px}
.main-menu>li{position:relative}
.main-menu a{display:block;color:var(--p-ink);font-weight:700;font-size:.92rem;padding:14px 11px;border-radius:999px;white-space:nowrap}
.main-menu a:hover,.main-menu .current-menu-item>a,.main-menu .current-menu-ancestor>a{background:var(--p-ivory);text-decoration:none;color:#6d511f}
.main-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:265px;background:#fff;border:1px solid var(--p-line);border-radius:14px;padding:8px;box-shadow:var(--p-shadow)}
.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block}
.main-menu .sub-menu li{position:relative}
.main-menu .sub-menu a{border-radius:9px;padding:10px 12px;font-weight:600;white-space:normal}
.main-menu .sub-menu .sub-menu{left:100%;top:0}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--p-line);border-radius:999px;padding:9px 12px;font-size:.85rem;font-weight:800;color:var(--p-ink)}
.lang-switch:hover{background:var(--p-navy);color:#fff;text-decoration:none}
.menu-toggle{display:none;border:0;background:var(--p-navy);color:#fff;border-radius:10px;padding:9px 11px;font-weight:800}
.site-main{min-height:60vh}
.page-title-band{background:linear-gradient(135deg,var(--p-navy),#123c50);color:#fff;padding:54px 0 48px}
.page-title-band .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800;color:#d6bf86}
.page-title-band h1{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.06;margin:.25rem 0 0;color:#fff}
.entry-content{padding:54px 0 72px}
.entry-content>.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}
.entry-content>.alignwide{max-width:1380px;width:min(1380px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
.entry-content h1,.entry-content h2,.entry-content h3{font-family:Georgia,serif;line-height:1.16;color:var(--p-navy)}
.entry-content h2{font-size:clamp(1.85rem,4vw,3rem);margin-top:1.8em}
.entry-content h3{font-size:1.45rem}
.entry-content p,.entry-content li{font-size:1.05rem}
.entry-content .wp-block-button__link{border-radius:999px;font-weight:800;padding:.82rem 1.25rem}
.p-hero{background:linear-gradient(135deg,#071521 0%,#123649 70%,#173f3c 100%);color:#fff}
.p-hero h1,.p-hero h2,.p-hero h3,.p-hero p{color:#fff}
.p-hero .wp-block-heading{font-size:clamp(3rem,8vw,6rem);margin:.25rem 0}
.p-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.86rem;color:#d9c18b!important}
.p-founder-image img{border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.22)}
.p-section{padding-top:68px!important;padding-bottom:68px!important}
.p-section-alt{background:#f6f3ec}
.p-card{height:100%;border:1px solid var(--p-line);border-radius:var(--p-radius);padding:26px;background:#fff;box-shadow:0 8px 25px rgba(8,22,36,.05)}
.p-card--dark{background:var(--p-navy);border-color:var(--p-navy);color:#fff}
.p-card--dark h2,.p-card--dark h3,.p-card--dark p,.p-card--dark li{color:#fff}
.p-pill-row{display:flex;flex-wrap:wrap;gap:10px}
.p-pill{display:inline-block;background:#f1eadb;border:1px solid #e0d2b1;border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:700}
.p-profile-photo img{border-radius:20px;box-shadow:var(--p-shadow)}
.p-org-node{border:1px solid var(--p-line);border-radius:14px;padding:18px;text-align:center;background:#fff;box-shadow:0 8px 20px rgba(8,22,36,.05)}
.dynamic-section{padding:8px 0 76px}
.dynamic-section h2{font-family:Georgia,serif;font-size:2.2rem;color:var(--p-navy)}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.content-card{border:1px solid var(--p-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(8,22,36,.06)}
.content-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.content-card-body{padding:20px}
.content-card h3{font-family:Georgia,serif;margin:.2rem 0 .6rem;font-size:1.35rem}
.content-card .meta{font-size:.8rem;color:var(--p-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.content-card .price{font-size:1.1rem;color:#7b5d22;font-weight:900}
.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.category-filter button{border:1px solid var(--p-line);background:#fff;border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}
.category-filter button.active,.category-filter button:hover{background:var(--p-navy);color:#fff}
.child-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.enquiry-wrap{margin-top:54px;background:#f6f3ec;border:1px solid #e4dccb;border-radius:20px;padding:28px}
.enquiry-wrap h2{margin-top:0;font-size:2rem}
.perantara-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.perantara-form .full{grid-column:1/-1}
.perantara-form label{display:block;font-size:.87rem;font-weight:800;margin-bottom:5px}
.perantara-form input,.perantara-form textarea,.perantara-form select{width:100%;border:1px solid #cbd3d9;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}
.perantara-form textarea{min-height:150px;resize:vertical}
.perantara-form button{border:0;border-radius:999px;padding:12px 20px;background:var(--p-navy);color:#fff;font-weight:900;cursor:pointer}
.form-message{padding:13px 15px;border-radius:10px;margin-bottom:18px;font-weight:700}
.form-message.success{background:#e7f7ec;color:#195c2e}
.form-message.error{background:#fdebea;color:#87251e}
.site-footer{background:#06111c;color:#d7dee4;padding:48px 0 26px}
.site-footer h3{color:#fff;font-family:Georgia,serif}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.site-footer a{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;margin-top:28px;font-size:.88rem}
@media(max-width:1050px){
 .menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;border-top:1px solid var(--p-line);padding:12px 20px;box-shadow:var(--p-shadow)}
 .primary-nav.open{display:block}.main-menu{display:block}.main-menu>li{border-bottom:1px solid #edf0f2}.main-menu a{border-radius:8px;padding:11px 8px}
 .main-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 18px;min-width:0}
 .lang-switch{margin-left:8px}.header-inner{min-height:82px}
}
@media(max-width:800px){
 .site-topbar .wrap{display:block;text-align:center}.brand{min-width:0}.brand-text span{display:none}
 .listing-grid,.child-page-grid,.footer-grid{grid-template-columns:1fr}
 .perantara-form{grid-template-columns:1fr}.perantara-form .full{grid-column:auto}
 .entry-content{padding-top:34px}.p-section{padding-top:44px!important;padding-bottom:44px!important}
}

.p-award-card{height:100%;border:1px solid #e1d4b4;border-top:5px solid var(--p-gold);border-radius:var(--p-radius);padding:24px;background:#fff;box-shadow:0 8px 25px rgba(8,22,36,.05)}
.p-award-year{display:inline-block;color:#6d511f;background:#f1eadb;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:900;letter-spacing:.06em}
.p-logo-card{height:100%;border:1px solid var(--p-line);border-radius:16px;padding:20px;background:#fff;text-align:center;box-shadow:0 8px 25px rgba(8,22,36,.04)}
.p-logo-placeholder img{width:100%;max-width:150px;aspect-ratio:5/3;object-fit:contain;border-radius:12px;margin-inline:auto}
.p-logo-card p{margin:.7rem 0 0}
.p-network-note{font-size:.92rem;color:var(--p-muted)}