/* ==========================================================================
   PARKAR BRAND LAYER
   Applies the Parkar colour palette to the shared chrome: header, footer and CTA buttons.
   Loaded last on every page, so it overrides the Tumara base styles without touching layout.
   Palette (brand colour sheet)
     Spring Green #34F4C5 -> Aqua Cyan #28DFE2 -> Sky Blue #1DCCFD   (signature gradient)
     Blue tonal   #113344                                            (header and footer ground)
   ========================================================================== */
:root{--brand-spring:#34F4C5;
  --brand-aqua:#28DFE2;
  --brand-sky:#1DCCFD;
  --brand-grad:linear-gradient(90deg,var(--brand-spring) 0%,var(--brand-aqua) 50%,var(--brand-sky) 100%);
  --brand-blue-tonal:#113344;
  --brand-blue-tonal-deep:#0D2A38;
  --brand-line:rgba(255,255,255,.16);
  --brand-white-soft:rgba(255,255,255,.82);
  --brand-radius:10px;
  --brand-ring:2px;}
/* ---------- CTA buttons: same solid aqua treatment as the header ----------
   Primary actions match .nav-cta: aqua fill, navy label, 6px corners.
   No gradient ring and no arrow. Ghost actions use a plain border. */
.btn, .br .text-link{position:relative;border-radius:6px}
.btn{border-color:transparent;gap:0;font-weight:600}
.btn::before, .btn::after,
.banner .btn::before, .banner .btn::after,
.section--navy .btn::before, .section--navy .btn::after,
.hero--tumara .btn::before, .hero--tumara .btn::after{content:none;display:none;width:0;height:0}
.btn:hover, .btn:hover::after, .banner .btn:hover, .banner .btn:hover::after{transform:none}
.br .text-link{border-color:transparent}
.br .text-link::before{content:"";position:absolute;inset:-1px;padding:var(--brand-ring);border-radius:7px;background:var(--brand-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.btn, .btn--primary{background:var(--brand-aqua);color:var(--brand-blue-tonal);box-shadow:none}
.btn--ghost{background:transparent;color:var(--brand-blue-tonal);border-color:rgba(17,51,68,.28);box-shadow:none}
.btn--light{background:#fff;color:var(--brand-blue-tonal);border-color:#fff}
.btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.banner .btn--primary, .section--navy .btn--primary{background:var(--brand-aqua);color:var(--brand-blue-tonal);border-color:transparent;box-shadow:none}
.banner .btn--primary:hover, .section--navy .btn--primary:hover{background:#5FE8EA;color:var(--brand-blue-tonal);border-color:transparent}
.banner .btn--ghost, .banner .btn--outline-light, .section--navy .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.hero--tumara .btn--primary{background:var(--brand-aqua);color:var(--brand-blue-tonal);border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero--tumara .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.btn.btn:hover{background:#5FE8EA;color:var(--brand-blue-tonal);border-color:transparent;box-shadow:none}
.btn--ghost.btn:hover, .btn--outline-light.btn:hover{background:var(--brand-aqua);color:var(--brand-blue-tonal);border-color:transparent}
.banner .btn--ghost.btn:hover, .section--navy .btn--ghost.btn:hover, .hero--tumara .btn--ghost.btn:hover{background:var(--brand-aqua);color:var(--brand-blue-tonal);border-color:transparent}
.btn:focus-visible{outline:2px solid var(--brand-aqua);outline-offset:3px}
/* Bordered pill links in the "Build / Operate" panels (home) are CTAs too */
.br .text-link, .br__run .text-link{color:var(--brand-blue-tonal)}
.br__run .text-link{color:#fff}
.br .text-link.text-link:hover, .br__run .text-link.text-link:hover{background:var(--brand-grad);color:var(--brand-blue-tonal)}
/* ---------- Header: blue tonal, white text ---------- */
/* The new nav uses .nav-bar instead of relying on .site-header for the background. */
.site-header{background:transparent;border-bottom:none}
.site-header a:focus-visible, .site-header button:focus-visible, .site-footer a:focus-visible{outline-color:var(--brand-aqua)}
.site-footer .btn{background:var(--brand-aqua);color:var(--brand-blue-tonal);box-shadow:none}
.site-footer .btn:hover{background:#5FE8EA;color:var(--brand-blue-tonal)}
.footnav a.sub{padding-left:14px;font-size:14px;opacity:.8}
/* ---------- Footer: blue tonal, white text, Parkar logo ---------- */
.site-footer{background:var(--brand-blue-tonal);color:#fff;border-top:1px solid var(--brand-line)}
.footer-top{border-bottom-color:var(--brand-line)}
.footer-brand h2, .footnav b{color:#fff}
.footer-brand p, .footer-bottom{color:var(--brand-white-soft)}
.site-footer a{color:#fff}
.site-footer .footer-logo{display:inline-flex;align-items:center;justify-self:start;padding:clamp(22px,2.6vw,34px) 0;background:none}
.site-footer .footer-logo:hover{background:none}
.footer-logo img{display:block;height:clamp(46px,4.6vw,62px);width:auto}
@media (max-width:860px){
.footer-logo{padding:28px 0 8px}
}
/* Utility bar above the header shares the blue tonal family */
.topbar{background:var(--brand-blue-tonal-deep);border-bottom:1px solid var(--brand-line)}

/* Shared header/footer mount points: no box of their own, so the sticky header and the footer behave as direct children of <body> */
#site-header,#site-footer{display:contents}
/* The header is injected by components.js. Until it arrives, keep its 81px free so the page does not jump down when it appears. */
#site-header:empty{display:block;min-height:81px}

/* ==========================================================================
   MEGA-MENU NAVIGATION
   Replaces the old .nav__* dropdown nav with a full-width panel system.
   KEY FIX: tumara.css applies display:flex + height:80px to ALL .site-header .wrap
   elements. We use a separate .nav-bar wrapper for the top bar so panel .wrap
   elements are completely unaffected.
   ========================================================================== */
:root{
  --nav-teal:#167282;
  --nav-pale:#E4F4F7;
  --nav-tint:#F3F8F9;
  --nav-line:#DDE3E6;
  --nav-muted:#4F6672;
  --nav-on-navy:#D6E7EC;
  --nav-panel-radius:12px;
}

/* --- Nav bar: the 80px flex row (NOT a .wrap so it avoids tumara's .site-header .wrap rule) --- */
.nav-bar{background:var(--brand-blue-tonal);border-bottom:1px solid var(--brand-line)}
.nav-bar__in{display:flex;align-items:center;gap:20px;height:80px}
/* Override tumara's .site-header .wrap flex rule for the bar's inner .wrap */
.site-header .nav-bar .wrap{display:flex;align-items:center;gap:20px;height:80px;justify-content:flex-start}

/* --- Desktop nav list --- */
.mainnav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;list-style:none;margin:0;padding:0}
.mainnav > li > a,
.mainnav > li > button{display:inline-flex;align-items:center;gap:6px;height:80px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:500;color:var(--nav-on-navy);background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;white-space:nowrap}
.mainnav > li > a:hover,
.mainnav > li > button:hover,
.mainnav > li > button[aria-expanded="true"]{color:#fff;border-bottom-color:var(--brand-aqua)}
.mainnav > li > a::after,.mainnav > li > button::after{display:none}
.chev{transition:transform .2s;flex:none}
button[aria-expanded="true"] .chev{transform:rotate(180deg)}

/* --- "Talk to us" CTA --- */
.nav-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:6px;background:var(--brand-aqua);color:var(--brand-blue-tonal);font-family:inherit;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;flex:none;border:none;cursor:pointer;letter-spacing:0}
.nav-cta:hover{background:#5FE8EA;color:var(--brand-blue-tonal)}
.nav-cta::before,.nav-cta::after{display:none}

/* --- Mobile burger: three bars, becomes an X when open --- */
.nav-burger{display:none;position:relative;width:44px;height:44px;padding:0;margin-left:auto;background:none;border:0;color:#fff;cursor:pointer;flex:none}
.nav-burger__bar{position:absolute;left:11px;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
.nav-burger__bar:nth-child(1){top:14px}
.nav-burger__bar:nth-child(2){top:21px}
.nav-burger__bar:nth-child(3){top:28px}
.nav-burger[aria-expanded="true"] .nav-burger__bar:nth-child(1){top:21px;transform:rotate(45deg)}
.nav-burger[aria-expanded="true"] .nav-burger__bar:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] .nav-burger__bar:nth-child(3){top:21px;transform:rotate(-45deg)}
.nav-burger:hover{color:#fff}

/* --- Mega-menu panels: absolutely positioned below the nav-bar --- */
.panel{position:absolute;left:0;right:0;background:#fff;border-bottom:1px solid var(--nav-line);box-shadow:0 18px 40px rgba(11,42,56,.18);display:none;z-index:49}
.panel.open{display:block}
/* Ensure the panel's inner .wrap is a plain block, NOT affected by .site-header .wrap */
.panel-inner{display:block !important;height:auto !important;flex:none !important;padding-top:36px !important;padding-bottom:28px !important;align-items:initial !important;justify-content:initial !important;gap:initial !important}
.site-header{overflow:visible}

/* --- Industries: 3-column card grid --- */
.ind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ind{border-radius:var(--nav-panel-radius);padding:22px 22px 24px;background:var(--nav-tint)}
.ind h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--brand-blue-tonal)}
.ind h2 a{text-decoration:none;color:var(--brand-blue-tonal)}
.ind h2 a:hover{color:var(--nav-teal)}
.ov{display:inline-block;margin-top:4px;font-size:14px;font-weight:600;color:var(--nav-teal);text-decoration:none}
.ov:hover{text-decoration:underline}

/* --- Groups: data foundation / AI workflows --- */
#hdr .grp{margin-top:18px}
#hdr .grp .lbl{font-size:12.5px;font-weight:600;color:var(--nav-muted);margin-bottom:6px}
#hdr .grp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#hdr .grp a{display:block;padding:8px 12px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;background:#fff;border-left:3px solid transparent;color:var(--brand-blue-tonal);letter-spacing:0;text-transform:none}
#hdr .grp a::after{display:none}
#hdr .grp.fd a{border-left-color:var(--brand-blue-tonal)}
#hdr .grp.wf a{border-left-color:var(--brand-aqua)}
#hdr .grp a:hover{color:var(--nav-teal);background:var(--nav-pale)}

/* --- Panel footer row --- */
.panel-foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--nav-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;color:var(--nav-muted)}
.panel-foot a{font-weight:600;color:var(--nav-teal);text-decoration:none}
.panel-foot a:hover{text-decoration:underline}

/* --- Services / Insights: card grid --- */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin-left:auto;margin-right:auto}
.svc{display:block;border-radius:var(--nav-panel-radius);padding:22px;background:var(--nav-tint);text-decoration:none;border-top:4px solid var(--brand-blue-tonal);color:inherit}
.svc:nth-child(2){border-top-color:var(--brand-aqua)}
.svc b{display:block;font-size:17px;color:var(--brand-blue-tonal)}
.svc span{display:block;font-size:15px;color:var(--nav-muted);margin-top:4px;font-weight:400}
.svc:hover b{color:var(--nav-teal)}

/* --- GlobalLogic-style 2-column panel: links left, featured cards right --- */
.panel-2col{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start}
/* Left column: plain link list */
.panel-linklist{padding-top:4px}
.panel-linklist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--nav-line)}
.panel-linklist li a{display:block;padding:13px 0;font-size:16px;font-weight:500;color:var(--brand-blue-tonal);text-decoration:none;border-bottom:1px solid var(--nav-line);letter-spacing:0;text-transform:none}
.panel-linklist li a::after{display:none}
.panel-linklist li a:hover{color:var(--nav-teal);padding-left:6px;transition:padding .15s}
/* Right column: 2 featured cards with images */
.panel-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pfcard{display:flex;flex-direction:column;text-decoration:none;color:var(--brand-blue-tonal);border-radius:var(--nav-panel-radius);background:var(--nav-tint);overflow:hidden;border:1px solid var(--nav-line);transition:box-shadow .2s,transform .2s}
.pfcard:hover{box-shadow:0 6px 24px rgba(0,30,80,.12);transform:translateY(-2px)}
.pfcard-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e8edf4;flex-shrink:0}
.pfcard-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.pfcard:hover .pfcard-img{transform:scale(1.04)}
.pfcard-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.pfcard-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-aqua);margin-bottom:8px}
.pfcard-title{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 8px;color:var(--brand-blue-tonal)}
.pfcard:hover .pfcard-title{color:var(--nav-teal)}
.pfcard-text{font-size:13px;line-height:1.5;color:var(--nav-muted);margin:0}

/* --- Mobile accordion menu --- */
@media (max-width:1000px){
  .mainnav,.nav-bar .nav-cta{display:none}
  .nav-burger{display:inline-flex;align-items:center}
  .site-header.menu-open .mobile-nav{display:block}
}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--brand-line);max-height:calc(100vh - 80px);overflow:auto}
.mobile-nav details{border-bottom:1px solid var(--nav-line)}
.mobile-nav summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;font-size:16px;color:var(--brand-blue-tonal)}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav > details > summary::after{content:"+";font-size:22px;font-weight:400;color:var(--nav-teal)}
.mobile-nav > details[open] > summary::after{content:"\2212"}
.mobile-nav .inner{padding:0 20px 18px}
.mobile-nav .inner details{border:0;background:var(--nav-tint);border-radius:10px;margin-bottom:8px}
.mobile-nav .inner summary{font-size:15px;padding:12px 14px;color:var(--brand-blue-tonal)}
.mobile-nav .inner summary::after{content:"+";font-size:18px;font-weight:400;color:var(--nav-teal)}
.mobile-nav .inner details[open] > summary::after{content:"\2212"}
.mobile-nav .inner .inner{padding:0 14px 14px}
.mobile-nav .plain{display:block;padding:16px 20px;font-weight:600;border-bottom:1px solid var(--nav-line);text-decoration:none;color:var(--brand-blue-tonal)}
.mobile-nav .plain:hover{color:var(--nav-teal)}
.mobile-nav .mob-ov{display:inline-block;font-size:14px;font-weight:600;color:var(--nav-teal);text-decoration:none;margin-bottom:8px}
.mobile-nav .mfoot{padding:18px 20px 24px;display:flex;flex-direction:column;gap:12px}
.mobile-nav .mfoot .nav-cta{justify-content:center;width:100%}
.mobile-nav .mfoot .diag{color:var(--nav-teal);font-weight:600;text-decoration:none;font-size:14px}
#hdr .mobile-nav .grp a{background:transparent}

@media (prefers-reduced-motion:reduce){.chev{transition:none}}