/*
 Theme Name:   GeneratePress Child - ZAFHRM
 Template:     generatepress
 Version:      1.0
 Description:  ZAFHRM marketing site child theme
*/

/* ── Header: white bar, logo kept on its own white chip, brand-purple nav ── */
.site-header{background:#fff;box-shadow:0 2px 16px rgba(59,32,130,0.1);}
.site-header .inside-header{padding-top:10px;padding-bottom:10px;}
.site-header .site-logo img.header-image{
  max-height:80px;width:auto;background:#fff;border-radius:8px;
}

/* GP's own dynamic CSS forces .main-navigation to a background color
   (var(--base-3)) regardless of .site-header's color — override it so it
   never fights the white header bar above. */
.site-header .main-navigation,
.site-header .main-navigation .main-nav{
  background:transparent !important;
}

.site-header .main-navigation .main-nav > ul > li > a{
  color:#3B2082 !important;background:transparent;font-weight:500;
  padding:10px 16px;border-radius:8px;transition:background .2s ease,color .2s ease;
}
.site-header .main-navigation .main-nav > ul > li:hover > a,
.site-header .main-navigation .main-nav > ul > li > a:focus{
  background:rgba(59,32,130,0.08);color:#3B2082 !important;
}
.site-header .menu-toggle{color:#3B2082;background:transparent;}
.site-header .menu-toggle .gp-icon{fill:#3B2082;}

/* ── Platform mega menu ──────────────────────────────────────────────────── */
/* position:fixed, not absolute: GP's own dropdown CSS gives
   li.menu-item-has-children (and other nav ancestors) position:relative,
   which would hijack an absolutely-positioned panel's containing block to
   whichever ancestor GP decided to position. Fixed positioning is always
   relative to the viewport regardless, so left:50% reliably centers on the
   page instead of on the "Platform" text's own bounding box. */
.zh-mega-panel{
  display:none;position:fixed;left:50%;top:var(--zh-header-h,72px);transform:translateX(-50%);
  width:min(1100px,96vw);max-height:calc(100vh - var(--zh-header-h,72px) - 24px);background:#fff;border-radius:16px;
    box-shadow:0 24px 60px rgba(20,10,50,0.25);overflow-y:auto;overflow-x:hidden;z-index:200;
}
/* GeneratePress's own dropdown CSS (assets/css/all.css) hides every nested
   <ul> by shoving it off-screen (left:-99999px, opacity:0, height:0) and
   only reveals it via SuperFish's `li:hover > ul` selector — which never
   matches our <ul>s since they sit inside a <div class="zh-mega-col">, not
   directly inside an <li>. All of GP's hiding properties need overriding,
   not just display. */
.zh-mega-panel ul{
  display:block !important;position:static !important;left:auto !important;
  opacity:1 !important;height:auto !important;overflow:visible !important;
  pointer-events:auto !important;width:auto !important;box-shadow:none !important;
}
@media (min-width:961px){
  .zh-mega-parent:hover .zh-mega-panel,
  .zh-mega-parent:focus-within .zh-mega-panel{display:block;}
}
.zh-mega-inner{
  display:grid;grid-template-columns:repeat(5,1fr);gap:6px;
  padding:28px 28px 16px;
}
.zh-mega-col-head{
  display:flex;align-items:center;gap:8px;color:var(--brand-primary,#3B2082);
  font-weight:700;font-size:13.5px;text-decoration:none;margin-bottom:10px;
}
.zh-mega-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0;}
.zh-mega-col ul{list-style:none;margin:0;padding:0;}
.zh-mega-col ul li{margin-bottom:6px;}
.zh-mega-col ul li a{
  color:#555;font-size:13px;text-decoration:none;line-height:1.4;
  display:block;transition:color .15s ease;
}
.zh-mega-col ul li a:hover{color:var(--brand-primary,#3B2082);}
.zh-mega-footer{background:#F6F3FD;padding:16px 28px;text-align:right;}
.zh-mega-footer .zh-btn-primary{
  display:inline-block;background:var(--brand-primary,#3B2082);color:#fff;
  padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:600;text-decoration:none;
}

@media (max-width:1180px){ .zh-mega-inner{grid-template-columns:repeat(3,1fr);} }
@media (max-width:960px){ .zh-mega-panel{display:none !important;} }

.zh-footer-cols{background:#2C1866;padding:48px 0 8px;}
.zh-footer-cols-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.zh-footer-title{font-family:'Instrument Serif',serif;font-size:22px;color:#fff;margin-bottom:8px;}
.zh-footer-cols-inner p{color:#B9ADDD;font-size:13.5px;margin:0;}
.zh-footer-heading{color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;}
.zh-footer-cols-inner a{display:block;color:#D8CFF5;font-size:14px;margin-bottom:8px;transition:color .2s ease;}
.zh-footer-cols-inner a:hover{color:#fff;}

.zh-social-bar{background:#2C1866;padding:22px 0;}
.zh-social-inner{display:flex;justify-content:center;gap:14px;border-top:1px solid rgba(255,255,255,0.08);padding-top:22px;}
.zh-social-icon{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;color:#D8CFF5;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.zh-social-icon:hover{background:#A78BFA;color:#fff;transform:translateY(-2px);}

/* Floating WhatsApp button */
.zh-wa-float{
  position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,0.25);z-index:999;transition:transform .2s ease;
}
.zh-wa-float:hover{transform:scale(1.08);}

@media (max-width:860px){
  .zh-footer-cols-inner{grid-template-columns:1fr;gap:20px;}
}