/* WAHA PRO Qatar B03 public-presentation overrides. Never apply to Admin or .com. */
body.public-route-active {
  --qa-maroon: #8A1538;
  --qa-maroon-deep: #570C2A;
  --qa-maroon-ink: #39091D;
  --qa-pale: #FFF6F8;
  --qa-gold: #F4D7AD;
  --blue: var(--qa-maroon);
  --deep: var(--qa-maroon-deep);
  --ink: var(--qa-maroon-ink);
  --ink2: #5A3341;
}
/* Navigation: the selected text must remain legible on every background. */
body.public-route-active .site-header .main-nav a,
body.public-route-active .site-header .main-nav a:visited { color: #fff !important; }
body.public-route-active .site-header .main-nav a.active,
body.public-route-active .site-header .main-nav a[aria-current="page"] {
  background: rgba(255,255,255,.21) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 var(--qa-gold);
}
body.public-route-active .site-header .main-nav a:hover {
  background: rgba(255,255,255,.25) !important;
  color: #fff !important;
}
body.public-route-active .site-header .main-nav a:focus-visible,
body.public-route-active .site-header .theme-toggle:focus-visible,
body.public-route-active a:focus-visible,
body.public-route-active button:focus-visible {
  outline: 3px solid var(--qa-gold) !important;
  outline-offset: 3px !important;
}
body.public-route-active .site-header .brand img,
body.public-route-active .logo-display img { background: var(--qa-maroon) !important; }
body.public-route-active .site-header .theme-toggle:hover,
body.public-route-active .site-header .theme-toggle:focus-visible {
  background: #fff !important;
  color: var(--qa-maroon-ink) !important;
  border-color: #fff !important;
}
/* Remove blue V10 islands without modifying original components or dashboard tokens. */
body.public-route-active .services-v10,
body.public-route-active .testimonials-v10,
body.public-route-active .cta-v10 {
  background: linear-gradient(130deg,#8A1538 0%,#6C102F 54%,#470B25 100%) !important;
  color: #fff !important;
}
body.public-route-active .services-v10 .lead,
body.public-route-active .services-v10 .section-head p,
body.public-route-active .services-v10 .service-card-v10 p,
body.public-route-active .testimonials-v10 p { color: #FFE5ED !important; }
body.public-route-active .services-v10 .eyebrow {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.4) !important;
  color: #fff !important;
}
body.public-route-active .service-card-v10 {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.31) !important;
}
body.public-route-active .service-card-v10:hover,
body.public-route-active .service-card-v10:focus-within { background: rgba(255,255,255,.20) !important; }
body.public-route-active .services-v10 .service-card-v10 a,
body.public-route-active .services-v10 .service-card-v10 a:visited,
body.public-route-active .service-card .service-more,
body.public-route-active .service-card .service-more:visited {
  color: #fff !important;
  text-underline-offset: .23em;
}
body.public-route-active .service-card .service-more:hover,
body.public-route-active .service-card-v10 a:hover { text-decoration: underline !important; }
body.public-route-active .service-card-v10 .service-icon-v10,
body.public-route-active .service-card .icon-box {
  background: rgba(255,255,255,.13) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}
/* Context-aware links: dark ink on pale surfaces, pale foreground on saturated sections. */
body.public-route-active .blog-read,
body.public-route-active .read-more,
body.public-route-active .insight-body .read-more,
body.public-route-active .article-rich a,
body.public-route-active .side-card .social,
body.public-route-active .blog-category-pills a,
body.public-route-active .blog-pagination a { color: #74102F !important; }
body.public-route-active .blog-category-pills a:hover,
body.public-route-active .blog-category-pills a.active,
body.public-route-active .blog-pagination a.active {
  color: #fff !important;
  background: #74102F !important;
  border-color: #74102F !important;
}
body.public-route-active .article-rich h1,
body.public-route-active .article-rich h2,
body.public-route-active .article-rich h3,
body.public-route-active .side-card h3,
body.public-route-active .related-heading { color: var(--qa-maroon-ink) !important; }
body.public-route-active .article-rich blockquote {
  background: #FFF0F4 !important;
  color: #4D0C26 !important;
  border-left-color: #8A1538 !important;
}
body.public-route-active .tag,
body.public-route-active .reading-time-badge,
body.public-route-active .blog-v13 .eyebrow,
body.public-route-active .insights-v10 .eyebrow {
  background: #FAE4EC !important;
  border-color: #E3B2C2 !important;
  color: #66112F !important;
}
body.public-route-active .step-v10 span,
body.public-route-active .founder-initials,
body.public-route-active .author-badge,
body.public-route-active .article-banner-card,
body.public-route-active .article-final-cta .cta-panel {
  background: linear-gradient(135deg,#8A1538,#570C2A) !important;
  color: #fff !important;
}
body.public-route-active .value-mini-grid .line-icon,
body.public-route-active .step-icon .line-icon { color: #8A1538 !important; }
body.public-route-active .section-head.split .btn.secondary,
body.public-route-active .founder-v10 .btn.primary {
  background: #8A1538 !important;
  color: #fff !important;
  border-color: #8A1538 !important;
}
body.public-route-active .person-v10 > span { background: #fff !important; color: #74102F !important; }
body.public-route-active .cta-v10 a,
body.public-route-active .testimonials-v10 a { color: #fff; }
/* Cookie banner and message-bubble never hide navigation or action labels at zoom. */
body.public-route-active .cookie-sheet { max-width: calc(100vw - 24px); }
body.public-route-active .cookie-sheet a { text-decoration: underline; }
@media (max-width:760px) {
  body.public-route-active .site-header .main-nav { background: #4C0926 !important; }
  body.public-route-active .site-header .main-nav a { color: #fff !important; }
}
@media (forced-colors:active) {
  body.public-route-active .site-header .main-nav a.active { outline: 2px solid Highlight !important; }
}

/* Keep public and dashboard themes independent; preserve a readable dark mode. */
body.public-route-active.visitor-dark .services-v10,
body.public-route-active.visitor-dark .testimonials-v10,
body.public-route-active.visitor-dark .cta-v10 {
  background: linear-gradient(130deg,#540D2A 0%,#37091E 100%) !important;
}
body.public-route-active.visitor-dark .services-v10 .service-card-v10 {
  background: rgba(255,255,255,.10) !important;
}
body.public-route-active .main-nav .nav-close:focus-visible,
body.public-route-active .main-nav .nav-toggle:focus-visible {
  outline:3px solid #F4D7AD !important;
}
/* Visitor calls-to-action and consent controls belong to the same palette. */
body.public-route-active .site-header .header-cta,
body.public-route-active .site-header .header-cta:visited {
  background: #F4D7AD !important;
  border: 1px solid #F4D7AD !important;
  color: #4B0B27 !important;
}
body.public-route-active .site-header .header-cta:hover {
  background: #FFF4E5 !important;
  color: #3C0920 !important;
}
body.public-route-active .cookie-sheet {
  background: linear-gradient(110deg,#430D27,#5C122F) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}
body.public-route-active .cookie-sheet b,
body.public-route-active .cookie-sheet p,
body.public-route-active .cookie-sheet a { color: #fff !important; }
body.public-route-active .cookie-sheet button {
  min-height: 44px !important;
}
body.public-route-active .cookie-sheet .btn.primary,
body.public-route-active .cookie-sheet button:last-child {
  background: #fff !important;
  color: #570C2A !important;
}
body.public-route-active .whatsapp-bubble {
  color: #4D0B25 !important;
  border: 1px solid #E4BBC8 !important;
}

/* B04 — release-focused default palette and logo visibility correction. */
body.public-route-active img[loading="lazy"] { opacity: 1 !important; }
body.public-route-active .site-header .brand img,
body.public-route-active .hero-card-v10 .logo-display img {
  opacity: 1 !important;
  background-color: #8A1538 !important;
  object-fit: contain !important;
}
/* Honor CMS label colors when deliberate; fallback/legacy blue is normalized in app.js. */
body.public-route-active .eyebrow,
body.public-route-active .badge.hero-badge,
body.public-route-active .blog-image-badge {
  color: var(--eyebrow-color, #74102F) !important;
  background: var(--eyebrow-bg, #FAE4EC) !important;
  border-color: var(--eyebrow-border, #E3B2C2) !important;
}
body.public-route-active.visitor-dark .eyebrow,
body.public-route-active.visitor-dark .badge.hero-badge,
body.public-route-active.visitor-dark .blog-image-badge {
  color: var(--eyebrow-color, #FFF1F5) !important;
  background: var(--eyebrow-bg, rgba(255,255,255,.16)) !important;
  border-color: var(--eyebrow-border, rgba(255,255,255,.35)) !important;
}
/* Specific contrast rule keeps labels legible on the maroon services surface. */
body.public-route-active .services-v10 .eyebrow,
body.public-route-active .cta-v10 .eyebrow,
body.public-route-active .testimonials-v10 .eyebrow {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.4) !important;
}

/* B05 editorial presentation: Qatar only. Avoid touching Admin and .com. */
body.public-route-active .article-detail-hero {
  background: linear-gradient(128deg, #39091D 0%, #8A1538 55%, #570C2A 100%) !important;
  color: #fff !important;
}
body.public-route-active .article-detail-hero p,
body.public-route-active .article-detail-hero .article-meta-line {
  color: #FFF1F5 !important;
}
body.public-route-active .article-detail-hero .eyebrow {
  color: #39091D !important;
  background: #F4D7AD !important;
  border-color: #F4D7AD !important;
}
body.public-route-active .article-banner-card .article-gradient {
  background: linear-gradient(90deg, rgba(57,9,29,.90), rgba(108,16,47,.63) 45%, rgba(138,21,56,.12)) !important;
}
body.public-route-active .article-banner-card .article-logo-mark {
  background: #6C102F !important;
}
body.public-route-active .article-detail-page {
  background: #FFF8FA !important;
}
body.public-route-active.visitor-dark .article-detail-page {
  background: #220915 !important;
}