/* =========================================================
   GLC BLUE MODERN 
   FULL REPLACE style.css
   ========================================================= */
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');


/* =========================
   1) Theme Variables
   ========================= */
:root{
  --glc-primary:#123B6D;        /* navy */
  --glc-primary-2:#0E2E55;      /* darker navy */
  --glc-accent:#2DD4BF;         /* accent */
  --glc-text:#111827;
  --glc-muted:#6B7280;
  --glc-border:#E5E7EB;
  --glc-soft:#F6F7FB;
  --glc-white:#ffffff;
  --glc-radius:14px;

  /* Sticky sizing (matches your layout) */
  --glc-topbar-h: 92px;
  --glc-nav-h: 58px;

  /* WP admin bar (auto on logged-in) */
  --glc-adminbar: 0px;
}
body.admin-bar{ --glc-adminbar: 32px; }
@media (max-width:782px){
  body.admin-bar{ --glc-adminbar: 46px; }
}

/* =========================
   2) Base
   ========================= */
*{box-sizing:border-box}
html,body{width:100%;overflow-x:hidden}
body{
  margin:0;
  font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--glc-text);
  background:var(--glc-white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

  /* space for fixed header+nav */
  padding-top: calc(var(--glc-adminbar) + var(--glc-topbar-h) + var(--glc-nav-h));
}

img{max-width:100%;height:auto;display:block}

.glc-wrap{max-width:1180px;margin:0 auto;padding:0 20px;}

/* =========================
   3) FIXED STICKY STACK
   ========================= */
/* IMPORTANT: sticky fails if any parent has overflow hidden/auto */
#page,.site,header,.glc-wrap{overflow:visible !important}

/* Top header fixed */
.glc-top{
  position:fixed;
  top:var(--glc-adminbar);
  left:0; right:0;
  width:100%;
  z-index:99999;

  background:var(--glc-white);
  border-bottom:1px solid var(--glc-border);
}

/* Nav fixed (under top header) */
.glc-nav{
  position:fixed;
  top:calc(var(--glc-adminbar) + var(--glc-topbar-h));
  left:0; right:0;
  width:100%;
  z-index:99998;

  background:var(--glc-primary);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

/* Professional look */
.glc-top,
.glc-nav{
  will-change: transform;
}

/* =========================
   4) Header Content
   ========================= */
.glc-top-inner{
  min-height:var(--glc-topbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.glc-logo{display:flex;align-items:center}
.glc-logo .custom-logo-link img{max-height:64px;width:auto}

.glc-text-logo{
  font-size:26px;
  font-weight:950;
  letter-spacing:.2px;
  color:var(--glc-primary);
  text-decoration:none;
}
.glc-text-logo:hover{opacity:.9}

/* Social icons */
.glc-social{display:flex;gap:10px;align-items:center}
.glc-social-btn{
  width:38px;height:38px;
  border-radius:999px;
  border:1px solid var(--glc-border);
  background:var(--glc-white);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.glc-social-btn svg{width:16px;height:16px;fill:var(--glc-primary)}
.glc-social-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 20px rgba(17,24,39,.10);
  background:var(--glc-soft);
}

/* =========================
   5) NAV Menu
   ========================= */
.glc-menu{
  list-style:none;
  margin:0;
  padding:16px 0;
  display:flex;
  gap:26px;
  align-items:center;
  flex-wrap:wrap;
}
.glc-menu > li{margin:0;position:relative}

.glc-menu a{
  color:#fff;
  text-decoration:none;
  font-weight:850;
  text-transform:uppercase;
  font-size:12.5px;
  letter-spacing:.5px;
  opacity:.93;
  position:relative;
  padding:6px 0;
  transition:opacity .18s ease;
}
.glc-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:2px;
  background:var(--glc-accent);
  border-radius:2px;
  transition:width .22s ease;
}
.glc-menu a:hover{opacity:1}
.glc-menu a:hover::after{width:100%}
.glc-menu .current-menu-item > a,
.glc-menu .current_page_item > a{opacity:1}
.glc-menu .current-menu-item > a::after,
.glc-menu .current_page_item > a::after{width:100%}

/* Dropdown */
.glc-menu ul{
  position:absolute;
  left:0;
  top:100%;
  min-width:230px;
  margin:14px 0 0;
  padding:10px;
  list-style:none;

  background:var(--glc-primary-2);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  box-shadow:0 18px 30px rgba(0,0,0,.22);

  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  pointer-events:none;
  transition:all .18s ease;
  z-index:999;
}
.glc-menu li:hover > ul{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.glc-menu ul li a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  text-transform:none;
  font-size:13px;
  font-weight:750;
}
.glc-menu ul li a:hover{
  background:rgba(255,255,255,.12);
  transform:translateX(2px);
}

/* =========================
   6) Footer
   ========================= */
.glc-footer{
  background:var(--glc-white);
  border-top:1px solid var(--glc-border);
}
.glc-footer-top{
  padding:58px 0 38px;
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr 1fr;
  gap:42px;
  align-items:start;
}
.glc-footer-title{
  margin:0 0 14px;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--glc-primary);
  font-weight:950;
}

/* Quick links */
.glc-footer-links{list-style:none;margin:0;padding:0}
.glc-footer-links li{margin:10px 0}
.glc-footer-links a{
  color:var(--glc-primary);
  font-weight:600;
  text-decoration:none;
  font-size:14px;
  position:relative;
  padding-bottom:2px;
}
.glc-footer-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:var(--glc-accent);
  transition:width .2s ease;
}
.glc-footer-links a:hover{color:var(--glc-primary-2)}
.glc-footer-links a:hover::after{width:100%}

/* Featured + partners */
.glc-footer-featured{text-align:center}
.glc-featured-logos{
  display:flex;
  justify-content:center;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:8px 0 18px;
}
.glc-featured-logos img{max-height:46px;width:auto}

.glc-partner-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.glc-partner-stack img{max-width:180px;width:100%;opacity:.98}

/* Contact */
.glc-footer-contact{
  list-style:none;margin:0;padding:0;
  color:#374151;
  font-size:14px;
  line-height:1.7;
}
.glc-footer-contact li{margin:10px 0}
.glc-footer-contact strong{color:#111827;font-weight:850;min-width:70px}

/* Brand */
.glc-footer-brandbox{display:flex;flex-direction:column;gap:10px}
.glc-footer-brand .custom-logo-link img{max-height:78px;width:auto}
.glc-footer-wordmark{font-size:22px;font-weight:950;color:var(--glc-primary)}
.glc-footer-tagline{font-size:13px;color:var(--glc-muted);line-height:1.45;max-width:280px}

/* Bottom */
.glc-footer-bottom{
  background:var(--glc-soft);
  border-top:1px solid var(--glc-border);
}
.glc-footer-bottom-inner{
  padding:18px 14px;
  display:flex;
  justify-content:center;
  text-align:center;
  font-size:14px;
  font-weight:600;
  color:#374151;
  letter-spacing:0.2px;
}


/* =========================
   7) Responsive
   ========================= */
@media (max-width:980px){
  .glc-footer-top{grid-template-columns:1fr 1fr}
}

@media (max-width:720px){
  :root{ --glc-topbar-h: 82px; --glc-nav-h: 54px; }
  body{
    padding-top: calc(var(--glc-adminbar) + var(--glc-topbar-h) + var(--glc-nav-h));
  }

  .glc-logo .custom-logo-link img{max-height:56px}
  .glc-text-logo{font-size:22px}
  .glc-menu{gap:18px}
}

@media (max-width:600px){
  .glc-footer-top{grid-template-columns:1fr;gap:28px}
  .glc-footer-featured{text-align:left}
  .glc-partner-stack{align-items:flex-start}
}

/* Touch devices dropdown safe */
@media (max-width:820px){
  .glc-menu ul{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    box-shadow:none;
    border-radius:12px;
    margin:8px 0 0;
  }
}
/* =========================
   HERO HEADING FIX
   ========================= */
.glcC-h1{
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 900;
  letter-spacing: -0.6px;
  line-height: 1.15;
  margin-bottom: 20px;
}

.glcC-h1Sub{
  display:block;
  margin-top: 18px;   /* 🔥 chipakna yahin se fix */
  font-size: clamp(18px, 2.4vw, 22px);
  font-weight: 700;
  color: #1f2937;
  letter-spacing: 0.2px;
  line-height: 1.5;
}

/* =========================
   SCROLLBAR FIX
   ========================= */
html, body {
  overflow-x: hidden !important;
}

body {
  overflow-y: auto;
}

#page, .site, main, .site-content {
  overflow: visible !important;
}


/* =========================
   HERO HEADING PROFESSIONAL
   ========================= */
.glcC-h1{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.glcC-h1 span{
  font-size:18px;
  font-weight:700;
  letter-spacing:.3px;
  color:#6B7280;
}

.glcC-h1 h1{
  font-size:clamp(32px,4vw,48px);
  font-weight:900;
  line-height:1.15;
  color:#111827;
}
/* =========================
   SCROLLBAR FINAL FIX
   ========================= */
html, body{
  height:auto !important;
  overflow-y:auto !important;
}

.elementor-section{
  overflow:visible !important;
}