/*
Theme Name: Perantara Native Editable Stable
Theme URI: https://perantara.my
Author: ZaiGPT
Description: Stable native WordPress theme for Akademi Perantara with editable page-based static content, plugin-managed events, posts-based publications/media/store, and built-in SMTP-compatible enquiry forms.
Version: 1.3.2
License: GPL-2.0-or-later
Text Domain: perantara-native
*/
:root{--ink:#101820;--muted:#5e6875;--gold:#b68d40;--gold2:#d6b46a;--ivory:#fbf7ef;--paper:#fff;--line:#e8e2d7;--dark:#07111f;--green:#123b32;--radius:18px;--shadow:0 18px 48px rgba(9,21,38,.12)}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:#8a641d;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1160px,92vw);margin:0 auto}.topbar{background:#050b14;color:#f7efe0;font-size:.88rem}.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.45rem 0}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink)}.brand-logo{width:54px;height:54px;object-fit:contain}.brand-text strong{display:block;font-family:Georgia,serif;font-size:1.12rem;letter-spacing:.02em}.brand-text span{display:block;font-size:.78rem;color:var(--muted);margin-top:-.1rem}.nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.nav a{color:var(--ink);padding:.55rem .68rem;border-radius:999px;font-size:.92rem;font-weight:600}.nav a:hover,.nav .current-menu-item>a{background:var(--ivory);text-decoration:none;color:#6e4c10}.lang-pill{border:1px solid var(--line);background:#fff}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.45rem .7rem;font-weight:700}.hero{background:radial-gradient(circle at 15% 10%,rgba(182,141,64,.24),transparent 28%),linear-gradient(135deg,#07111f,#10263a 58%,#1b3b36);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:3rem;align-items:center;min-height:560px;padding:4.3rem 0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:800;font-size:.8rem}.hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5.5vw,5rem);line-height:1;margin:.8rem 0}.hero p{font-size:1.12rem;color:#e9edf2;max-width:700px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.btn,.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.78rem 1.12rem;font-weight:800;border:1px solid transparent;text-decoration:none!important;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold),#e2c273);color:#111}.btn-dark{background:var(--ink);color:#fff}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.founder-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:1.2rem;box-shadow:var(--shadow)}.founder-card img{border-radius:22px;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center top}.founder-caption{padding:1rem .25rem .1rem}.founder-caption strong{display:block}.section{padding:4.2rem 0}.section.alt{background:var(--ivory)}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.8rem}.section h2,.content h1,.content h2{font-family:Georgia,serif;line-height:1.08}.section h2{font-size:clamp(2rem,3vw,3.2rem);margin:0}.lead{font-size:1.08rem;color:var(--muted);max-width:820px}.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 10px 28px rgba(9,21,38,.05)}.card h3{margin-top:0;font-size:1.12rem}.card p{color:var(--muted)}.flagship{border:1px solid rgba(182,141,64,.45);background:linear-gradient(135deg,#fff,#fff8e8)}.page-hero{background:linear-gradient(135deg,#081120,#153046);color:#fff;padding:3.2rem 0}.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,4rem);margin:.4rem 0}.page-hero p{color:#dce5ee;max-width:820px}.content{padding:3.2rem 0}.content article{max-width:920px}.content p{color:#384354}.list-check{list-style:none;padding:0;margin:1rem 0}.list-check li{padding:.35rem 0 .35rem 1.6rem;position:relative}.list-check li:before{content:'✓';position:absolute;left:0;color:#987024;font-weight:900}.listing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.post-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(9,21,38,.06)}.post-card .thumb{height:190px;background:#eee;display:block;overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:1rem}.post-meta{font-size:.82rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.4rem}.filter{border:1px solid var(--line);border-radius:999px;padding:.42rem .75rem;background:#fff;color:var(--ink);font-weight:700}.filter.active{background:var(--ink);color:#fff}.form-box{margin-top:2rem;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:700;margin-bottom:.25rem}input,textarea,select{width:100%;padding:.75rem;border:1px solid #cfc7bb;border-radius:10px;font:inherit;background:#fff}textarea{min-height:130px}.notice{border-radius:12px;padding:1rem;margin:1rem 0;font-weight:700}.notice.success{background:#e9f8ef;color:#14532d;border:1px solid #b8e5c8}.notice.error{background:#fff1f1;color:#7f1d1d;border:1px solid #f3c4c4}.org-chart{display:grid;gap:1rem}.org-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.org-node{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;min-width:220px;text-align:center;box-shadow:0 8px 20px rgba(9,21,38,.05)}.footer{background:#06101d;color:#d9e1ea;padding:3rem 0 1rem}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:2rem}.footer a{color:#f6d48a}.footer small{display:block;border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;color:#9aa7b6}.wp-caption,.aligncenter{display:block;margin-left:auto;margin-right:auto}.single-wrap{width:min(880px,92vw);margin:0 auto;padding:3rem 0}.single-wrap h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.single-thumb img{border-radius:18px;width:100%;max-height:520px;object-fit:cover}.submission-table{width:100%;border-collapse:collapse}.submission-table th,.submission-table td{border-bottom:1px solid #ddd;padding:.55rem;text-align:left}@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:1rem 4vw;box-shadow:0 18px 30px rgba(0,0,0,.08)}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav a{border-radius:10px}.hero-grid,.grid-3,.grid-2,.listing,.footer-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:3rem 0}.section-head{display:block}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

/* v1.3 editable page helpers */
.front-content .hero{margin-top:0}.wp-block-group.card,.wp-block-column.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 10px 28px rgba(9,21,38,.05)}.wp-block-group.flagship,.wp-block-column.flagship{border:1px solid rgba(182,141,64,.45);background:linear-gradient(135deg,#fff,#fff8e8)}.wp-block-columns.wrap{width:min(1160px,92vw);margin-left:auto!important;margin-right:auto!important}.wp-block-buttons.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.content article{max-width:100%}.content article > *{max-width:920px}.content article > .grid,.content article > .wp-block-columns,.content article > .org-chart{max-width:1160px}.content article .grid{margin-top:1rem}


/* v1.3.1 menu stability fix */
.nav ul,
.nav .menu,
.nav .sub-menu{margin:0;padding:0;list-style:none;}
.nav li{list-style:none;margin:0;padding:0;position:relative;}
.nav > ul,
.nav .menu{display:flex;align-items:center;justify-content:flex-end;gap:.15rem;flex-wrap:wrap;}
.nav a{display:block;white-space:nowrap;line-height:1.2;}
.header-inner{position:relative;}
.nav{flex:1;justify-content:flex-end;min-width:0;}
.brand{flex:0 0 auto;min-width:220px;}
@media(min-width:901px){
  .header-inner{flex-wrap:nowrap;}
  .brand-logo{width:48px;height:48px;}
  .brand-text strong{font-size:1rem;}
  .brand-text span{font-size:.72rem;}
  .nav a{font-size:.86rem;padding:.45rem .52rem;}
  .nav > a{display:inline-block;}
  .nav > li{display:block;}
}
@media(max-width:1100px) and (min-width:901px){
  .brand{min-width:185px;}
  .brand-logo{width:42px;height:42px;}
  .brand-text strong{font-size:.94rem;}
  .brand-text span{font-size:.68rem;}
  .nav a{font-size:.8rem;padding:.38rem .42rem;}
}
@media(max-width:900px){
  .nav ul,.nav .menu{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.15rem;}
  .nav li{width:100%;}
  .nav a{white-space:normal;}
}


/* v1.3.2 dropdown hierarchy: Team, Pengasas and Carta Organisasi under Akademi */
@media(min-width:901px){
  .nav li.menu-item-has-children > a::after{content:' ▾';font-size:.72em;color:#8a641d;}
  .nav li.menu-item-has-children{position:relative;}
  .nav li .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.45rem;box-shadow:0 18px 38px rgba(9,21,38,.14);z-index:999;}
  .nav li:hover > .sub-menu,.nav li:focus-within > .sub-menu{display:block;}
  .nav li .sub-menu li{display:block;width:100%;}
  .nav li .sub-menu a{border-radius:10px;padding:.62rem .78rem;font-size:.86rem;white-space:normal;}
}
@media(max-width:900px){
  .nav .sub-menu{display:block;position:static;border:0;box-shadow:none;padding-left:1rem;background:transparent;}
  .nav .sub-menu a{font-size:.9rem;opacity:.92;}
}