/* UPep - gaya tapak seragam: header, footer, warna, serasi dengan markup lama (Bootstrap) */
:root{
  --upep-navy:#0b2a4a;--upep-navy2:#143e6b;--upep-gold:#d9a521;--upep-ink:#1c2a3a;
  --upep-mut:#64748b;--upep-line:#e3e8ef;--upep-bg:#f5f7fa;
}

/* ---------- Asas ---------- */
body{color:var(--upep-ink);background:#fff;-webkit-font-smoothing:antialiased}
a{transition:color .15s}
:focus-visible{outline:2px solid var(--upep-gold);outline-offset:2px}
.skip-link:focus{background:var(--upep-gold);color:#102}

/* ---------- Serasi markup lama (templat custom guna .container/.row/.col-md-12) ---------- */
#content.site-content{width:100%;background:transparent}
#content.site-content>.container{width:100%;max-width:1240px;margin:0 auto;padding:24px 16px 8px}
#content.site-content .content-sidebar-wrapper,#content.site-content .row{display:block;margin:0}
#content.site-content .content-area{float:none;width:100%;max-width:100%;padding:0}
#content.site-content .content-wrapper{width:100%}
#content.site-content article.page{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
#content.site-content center{display:block;text-align:center}
#content.site-content img{max-width:100%;height:auto}

/* ---------- Header ---------- */
body .site-header .site-main-header-wrap .site-header-row-container-inner,
body .site-header .site-top-header-wrap .site-header-row-container-inner{background:linear-gradient(135deg,var(--upep-navy),var(--upep-navy2))}
body .site-header{box-shadow:0 2px 14px rgba(11,42,74,.25);border-bottom:3px solid var(--upep-gold)}
body .site-branding a.brand{display:flex;align-items:center;gap:12px;color:#fff}
body .site-branding .site-title,body .site-branding .site-title a{color:#fff;font-weight:800;letter-spacing:.4px}
body .site-branding .site-description{color:#cfdcec}
body .site-branding img.custom-logo{width:auto;max-height:50px}
body .header-navigation .header-menu-container>ul>li.menu-item>a,
body .main-navigation .primary-menu-container>ul>li.menu-item>a{color:#fff;font-weight:600;font-size:14.5px;padding-top:1.4em;padding-bottom:1.4em;transition:color .15s,background .15s}
body .main-navigation .primary-menu-container>ul>li.menu-item>a:hover,
body .main-navigation .primary-menu-container>ul>li.menu-item.current-menu-item>a,
body .main-navigation .primary-menu-container>ul>li.menu-item.current-menu-ancestor>a,
body .main-navigation .primary-menu-container>ul>li.menu-item:focus-within>a{color:var(--upep-gold)}
body .main-navigation .primary-menu-container>ul>li.menu-item>a .dropdown-nav-toggle{color:var(--upep-gold)}
/* menu juntai bawah */
body .header-navigation ul ul.sub-menu,body .main-navigation .primary-menu-container ul ul.sub-menu{
  background:#fff;border:1px solid var(--upep-line);border-top:3px solid var(--upep-gold);border-radius:0 0 12px 12px;
  box-shadow:0 14px 34px rgba(11,42,74,.2);min-width:260px;padding:6px 0}
body .main-navigation .primary-menu-container ul ul li.menu-item>a{color:var(--upep-ink);font-size:14px;padding:.65em 1.1em;font-weight:500}
body .main-navigation .primary-menu-container ul ul li.menu-item>a:hover,
body .main-navigation .primary-menu-container ul ul li.menu-item:focus-within>a{background:#f3f7fc;color:var(--upep-navy2)}
body .main-navigation .primary-menu-container ul ul ul.sub-menu{border-radius:12px;border-top-width:1px}
/* butang Login (item terakhir) */
body .main-navigation .primary-menu-container>ul>li.menu-item>a[href$="/login"],
body .main-navigation .primary-menu-container>ul>li.menu-item>a[href*="logout"]{background:var(--upep-gold);color:#102;border-radius:10px;padding:.55em 1.2em;margin-left:8px;font-weight:700}
body .main-navigation .primary-menu-container>ul>li.menu-item>a[href$="/login"]:hover,
body .main-navigation .primary-menu-container>ul>li.menu-item>a[href*="logout"]:hover{background:#fff;color:var(--upep-navy)}
/* mudah alih */
body .mobile-toggle-open-container .menu-toggle-open{color:#fff}
body #mobile-drawer .drawer-inner{background:var(--upep-navy)}
body #mobile-drawer .mobile-navigation ul li>a{color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
body #mobile-drawer .mobile-navigation ul li>a:hover{color:var(--upep-gold)}
body #mobile-drawer .mobile-navigation ul ul li>a{color:#dbe6f3;font-size:.95em}
body #mobile-drawer .drawer-toggle,body #mobile-drawer .menu-toggle-close{color:#fff}

/* ---------- Footer ---------- */
body .site-footer{background:var(--upep-navy);color:#cfdcec;border-top:3px solid var(--upep-gold)}
body .site-footer .site-footer-wrap .site-footer-row-container-inner{background:transparent}
body .site-footer a{color:#e9eef6}
body .site-footer a:hover{color:var(--upep-gold)}
body .site-footer .footer-navigation .footer-menu-container>ul>li>a{color:#e9eef6;font-weight:500}
body .site-footer .footer-html{color:#a9bdd6;font-size:13.5px}
body .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner{border-top:1px solid rgba(255,255,255,.1)}

/* ---------- Kandungan umum (halaman Elementor/biasa) ---------- */
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry-content table td,.entry-content table th{border:1px solid var(--upep-line);padding:8px 10px}
.entry-content table th{background:#f3f7fc;color:var(--upep-navy)}
.entry-content img{height:auto;max-width:100%}
.content-wrap .entry-content a{text-decoration-thickness:1px;text-underline-offset:2px}
button,input[type=submit],.button,.wp-block-button__link{transition:background .15s,transform .15s}

/* ---------- Cetak ---------- */
@media print{
  .site-header,.site-footer,#wpadminbar,.kadence-scroll-to-top{display:none!important}
  #content.site-content>.container{max-width:none;padding:0}
}

/* ---------- Tajuk halaman (Kadence entry-hero) ---------- */
body .entry-hero.page-hero-section,body .entry-hero.post-hero-section,body .entry-hero.archive-hero-section{background:linear-gradient(135deg,var(--upep-navy),var(--upep-navy2))}
body .entry-hero .hero-section-overlay{background:transparent}
body .entry-hero .entry-hero-container-inner{background:transparent}
body .entry-hero .entry-title,body .entry-hero h1,body .entry-hero .kadence-breadcrumbs,body .entry-hero .kadence-breadcrumbs a,body .entry-hero .entry-meta,body .entry-hero .entry-meta a{color:#fff}
body .entry-hero .entry-hero-container-inner{padding:0}
body .entry-hero .hero-container{min-height:0}
body .entry-hero.page-hero-section .entry-header,body .entry-hero.post-hero-section .entry-header,body .entry-hero.archive-hero-section .entry-header{min-height:130px}
body .entry-hero .entry-title{font-weight:800;letter-spacing:.2px}
/* halaman Elementor / laman utama mempunyai tajuk sendiri */
body.home .entry-hero,body.elementor-page .entry-hero,body.elementor-default .entry-hero{display:none}
body.home .content-container,body.elementor-page .content-container{padding-top:0}
/* kad kandungan */
body.content-style-boxed .content-bg,body.content-style-boxed .entry.single-entry{box-shadow:0 2px 14px rgba(11,42,74,.07);border-radius:14px}

/* ---------- Footer: kontras pautan ---------- */
body .site-footer .footer-navigation .footer-menu-container>ul li.menu-item>a,
body .site-footer .footer-navigation .footer-menu-container>ul li.menu-item>a:visited{color:#e9eef6!important;opacity:1;font-size:14px;padding:.4em .9em}
body .site-footer .footer-navigation .footer-menu-container>ul li.menu-item>a:hover{color:var(--upep-gold)!important}
body .site-footer .site-footer-section-2 .footer-navigation{justify-content:flex-end}
body .site-footer .footer-html-inner,body .site-footer .footer-html-inner p{color:#b9c9de}
@media(max-width:767px){body .site-footer .site-footer-section-2 .footer-navigation{justify-content:flex-start}}

/* =====================================================================
   v1.1 - Header: sentiasa navy (termasuk semasa scroll/sticky), menu lebih besar,
   panel "mega" yang memaparkan menu + semua sub-menu sekali gus apabila hover.
   ===================================================================== */
body .site-header .site-header-row-container-inner,
body .site-header .kadence-sticky-header.item-is-fixed .site-header-row-container-inner,
body .site-header .kadence-sticky-header.item-is-stuck .site-header-row-container-inner,
body .site-header .item-is-stuck,
body .site-header .item-is-fixed{background:linear-gradient(135deg,var(--upep-navy),var(--upep-navy2))!important}
body .site-header .item-is-stuck{box-shadow:0 6px 22px rgba(11,42,74,.35)}
body .site-header .site-main-header-inner-wrap{min-height:78px}
body .site-header a,body .site-header .site-title,body .site-header .menu-toggle-open{color:#fff}
body .site-header .item-is-stuck .main-navigation .primary-menu-container>ul>li.menu-item>a{color:#fff!important}
body .site-header .item-is-stuck .main-navigation .primary-menu-container>ul>li.menu-item>a:hover,
body .site-header .item-is-stuck .main-navigation .primary-menu-container>ul>li.menu-item.current-menu-item>a{color:var(--upep-gold)!important}

@media(min-width:1025px){
  body .main-navigation .primary-menu-container>ul>li.menu-item>a{font-size:16.5px;padding:1.5em 1em;letter-spacing:.2px}
  body .main-navigation .primary-menu-container>ul>li.menu-item>a .dropdown-nav-toggle{margin-left:4px;font-size:.85em}
  /* panel utama */
  body .main-navigation .primary-menu-container>ul>li.menu-item>ul.sub-menu{
    min-width:290px;padding:10px;border:0;border-top:3px solid var(--upep-gold);border-radius:0 0 16px 16px;background:#fff;
    box-shadow:0 22px 50px rgba(11,42,74,.28)}
  /* satu paras sahaja (cth. kosong sub-menu) */
  body .main-navigation .primary-menu-container>ul>li.menu-item>ul.sub-menu>li.menu-item>a{font-size:15.5px;padding:.7em 1em;border-radius:8px;color:var(--upep-ink)}
  /* panel dengan kumpulan: grid berlajur */
  body .main-navigation .primary-menu-container>ul>li.menu-item:hover>ul.sub-menu:has(ul.sub-menu),
  body .main-navigation .primary-menu-container>ul>li.menu-item:focus-within>ul.sub-menu:has(ul.sub-menu),
  body .main-navigation .primary-menu-container>ul>li.menu-item.menu-item--toggled-on>ul.sub-menu:has(ul.sub-menu){
    display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 18px;padding:18px 20px 20px}
  body .main-navigation .primary-menu-container>ul>li.menu-item-206>ul.sub-menu{width:min(900px,94vw)}
  body .main-navigation .primary-menu-container>ul>li.menu-item-135>ul.sub-menu{width:min(560px,94vw);left:auto!important;right:0!important}
  /* tajuk kumpulan (item peringkat 2 yang mempunyai anak) */
  body .main-navigation .primary-menu-container>ul>li>ul.sub-menu>li.menu-item-has-children>a{
    font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a6200;
    padding:.4em 1em .6em;border-bottom:2px solid var(--upep-gold);border-radius:0;margin-bottom:6px;background:transparent!important;cursor:default;pointer-events:none}
  body .main-navigation .primary-menu-container>ul>li>ul.sub-menu>li.menu-item-has-children>a .dropdown-nav-toggle{display:none}
  /* anak kumpulan dipaparkan terus (bukan terbang ke sisi) */
  body .main-navigation .primary-menu-container ul.sub-menu ul.sub-menu{
    position:static!important;display:block!important;opacity:1!important;visibility:visible!important;clip:auto!important;clip-path:none!important;
    transform:none!important;width:auto!important;height:auto!important;min-width:0!important;overflow:visible!important;pointer-events:auto!important;
    margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
  body .main-navigation .primary-menu-container ul.sub-menu ul.sub-menu>li>a{font-size:15.5px;padding:.6em 1em;border-radius:8px;color:var(--upep-ink);display:block}
  body .main-navigation .primary-menu-container ul.sub-menu li.menu-item>a:hover,
  body .main-navigation .primary-menu-container ul.sub-menu li.menu-item>a:focus-visible{background:#f3f7fc;color:var(--upep-navy2)}
  body .main-navigation .primary-menu-container ul.sub-menu ul.sub-menu>li>a:hover{padding-left:1.35em;transition:padding .15s,background .15s}
  /* jarak hover supaya panel tidak tertutup apabila kursor bergerak */
  body .main-navigation .primary-menu-container>ul>li.menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
}
/* Mudah alih: fon lebih besar & kebolehbacaan */
@media(max-width:1024px){
  body #mobile-drawer .mobile-navigation ul li>a{font-size:17px;padding:.85em 1em}
  body #mobile-drawer .mobile-navigation ul ul li>a{font-size:16px;padding-left:2em}
}
@media(min-width:1025px){
  body .main-navigation .primary-menu-container>ul>li.menu-item-206:hover>ul.sub-menu:has(ul.sub-menu),
  body .main-navigation .primary-menu-container>ul>li.menu-item-206:focus-within>ul.sub-menu:has(ul.sub-menu),
  body .main-navigation .primary-menu-container>ul>li.menu-item-206.menu-item--toggled-on>ul.sub-menu:has(ul.sub-menu){grid-template-columns:repeat(4,minmax(0,1fr))}
  body .main-navigation .primary-menu-container>ul>li.menu-item-206>ul.sub-menu{width:min(960px,94vw)}
  body .main-navigation .primary-menu-container>ul>li>ul.sub-menu>li.menu-item-has-children>a{letter-spacing:.08em;white-space:nowrap}
  body .main-navigation .primary-menu-container>ul>li.menu-item-135:hover>ul.sub-menu:has(ul.sub-menu){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  body #mobile-drawer .drawer-nav-drop-wrap>a,body #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap a{font-size:17px!important;color:#fff!important;padding:.85em 1em!important;font-weight:600}
  body #mobile-drawer .drawer-nav-drop-wrap .drawer-sub-toggle{color:var(--upep-gold);width:3.2em}
  body #mobile-drawer .mobile-navigation ul ul .drawer-nav-drop-wrap>a{font-size:16px!important;color:#dbe6f3!important;font-weight:500;padding-left:2em!important}
  body #mobile-drawer .mobile-navigation>div>ul>li:last-child>a{background:var(--upep-gold);color:#102!important;border-radius:10px;margin:14px 1em;text-align:center;font-weight:800}
}

/* Item menu semasa (halaman yang sedang dibuka) dalam dropdown: latar cerah + teks navy supaya jelas dibaca */
body .header-navigation ul.sub-menu li.menu-item.current-menu-item>a,
body .header-navigation ul.sub-menu li.menu-item.current_page_item>a,
body .header-navigation ul.sub-menu li.menu-item.current-menu-ancestor>a,
body .main-navigation ul.sub-menu li.menu-item.current-menu-item>a,
body .main-navigation .primary-menu-container ul.sub-menu li.menu-item.current-menu-item>a,
body .main-navigation .primary-menu-container ul ul li.menu-item.current-menu-item>a{
  background:#fdf3d6!important;color:#0b2a4a!important;font-weight:700;box-shadow:inset 3px 0 0 var(--upep-gold)}
body .header-navigation ul.sub-menu li.menu-item>a:hover,
body .main-navigation .primary-menu-container ul.sub-menu li.menu-item>a:hover,
body .main-navigation .primary-menu-container ul.sub-menu li.menu-item.current-menu-item>a:hover{background:#e9f1fb!important;color:#0b2a4a!important}
/* tajuk kumpulan yang kebetulan 'semasa' kekal sebagai tajuk */
body .main-navigation .primary-menu-container>ul>li>ul.sub-menu>li.menu-item-has-children.current-menu-ancestor>a{background:transparent!important;box-shadow:none;color:#8a6200!important}
/* mudah alih */
body #mobile-drawer .mobile-navigation li.current-menu-item>.drawer-nav-drop-wrap>a,
body #mobile-drawer .mobile-navigation li.current-menu-item>a{background:rgba(217,165,33,.22)!important;color:#fff!important;font-weight:700}