/* xdr-home-copy-1-overrides.css — 2026-08-18 (v6, mudhal-flat)
   Design-copy of the homepage (/home-copy-1/, page 949).
   Direction (user, final): exact mudhal.in-style flat white theme —
   pure white page/header/footer, screenshots bare on white, NO gray shading
   around sections (no hairlines, no box-shadows on content boxes, no header
   shadow), generous line spacing. Section separation = whitespace only.
   Loaded ONLY on home-copy-1, after homepage css + tour css, with mirrored
   selector specificity so these rules win. Live homepage untouched.
*/

/* ---- 1. Page canvas + wrappers: pure white ---- */
html:has(body.page-id-949),
html body.page-id-949,
html body.page-id-949 #wrapper,
html body.page-id-949 #main {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* ---- 1b. Header seam: white, no shadow, no border (menu = body color) ---- */
html body.page-id-949 .fusion-header-wrapper,
html body.page-id-949 .fusion-header,
html body.page-id-949 .fusion-header-v4,
html body.page-id-949 .fusion-sticky-header,
html body.page-id-949 header.fusion-header-wrapper {
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* ---- 1c. Avada overlay variables: transparent ---- */
html:has(body.page-id-949),
html body.page-id-949,
html body.page-id-949 #wrapper,
html body.page-id-949 #main,
html body.page-id-949 .fusion-builder-row,
html body.page-id-949 .fusion-column-wrapper,
html body.page-id-949 .post-content,
html body.page-id-949 .xdr-home-vembu,
html body.page-id-949 * {
  --bg-overlay-color: transparent !important;
  --awb-bg-overlay-color: transparent !important;
}

/* ---- 1d. Footer: white, no hairline ---- */
html body.page-id-949 .xdr-global-footer {
  background: #fff !important;
  border-top: 0 !important;
}
html body.page-id-949 .xdr-global-footer .xdr-footer-top,
html body.page-id-949 .xdr-global-footer .xdr-footer-bottom,
html body.page-id-949 .xdr-global-footer__inner,
html body.page-id-949 .xdr-global-footer__column { background: transparent !important; }

/* ---- 2. Root vars ---- */
html body .xdr-home-vembu {
  --soft: #ffffff;
  --soft2: #ffffff;
  --line: #ffffff;
  background: #fff !important;
}

/* ---- 3. Sections: white, borderless — separation by whitespace only ---- */
html body .xdr-home-vembu .xdr-hero {
  background: #fff !important;
  border: 0 !important;
  padding-top: 26px !important;
  padding-bottom: 30px !important;
}
html body .xdr-home-vembu .xdr-section,
html body .xdr-home-vembu .xdr-section.soft {
  background: #fff !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}
html body .xdr-home-vembu .xdr-final {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-top: 76px !important;
  padding-bottom: 80px !important;
}
html body .xdr-home-vembu .xdr-section-head { margin-bottom: 42px !important; }
html body .xdr-home-vembu .xdr-section-head .xdr-copy { margin-top: 18px !important; }

/* ---- 4. Screenshot: bare on white ---- */
html body .xdr-home-vembu .xdr-dashboard-proof,
html body .xdr-home-vembu .xdr-dashboard-proof.xdr-shot-surface,
html body .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body .xdr-home-vembu .xdr-shot-surface:after { content: none !important; display: none !important; }
html body .xdr-home-vembu .xdr-product-frame {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface:has(.xdr-tour-trigger) .xdr-hero-bg-img,
html body .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface:has(.xdr-tour-trigger) img,
html body .xdr-home-vembu .xdr-hero-bg-img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ---- 5. Flatten tinted panels and dark bands ---- */
html body .xdr-home-vembu .xdr-cycle-panel,
html body .xdr-home-vembu .xdr-operation,
html body .xdr-home-vembu .xdr-fit,
html body .xdr-home-vembu .xdr-pillar,
html body .xdr-home-vembu .xdr-case-panel,
html body .xdr-home-vembu .xdr-map {
  background: #fff !important;
}
html body .xdr-home-vembu .xdr-coverage-table thead th {
  background: #fff !important;
  color: #111820 !important;
  border-bottom: 2px solid #111820 !important;
}
html body .xdr-home-vembu .xdr-coverage-table tbody th {
  background: #fff !important;
}

/* ---- 6. Mudhal-flat: NO box-shadows on any content box (green CTA glows kept) ---- */
html body .xdr-home-vembu article,
html body .xdr-home-vembu .xdr-card,
html body .xdr-home-vembu .xdr-card.copper,
html body .xdr-home-vembu .xdr-card.graphite,
html body .xdr-home-vembu .xdr-metric,
html body .xdr-home-vembu .xdr-tile,
html body .xdr-home-vembu .xdr-step,
html body .xdr-home-vembu .xdr-fit,
html body .xdr-home-vembu .xdr-pillar,
html body .xdr-home-vembu .xdr-outcome,
html body .xdr-home-vembu .xdr-coverage,
html body .xdr-home-vembu .xdr-coverage-feature,
html body .xdr-home-vembu .xdr-case-panel,
html body .xdr-home-vembu .xdr-cycle-panel,
html body .xdr-home-vembu .xdr-cycle-card,
html body .xdr-home-vembu .xdr-operation,
html body .xdr-home-vembu .xdr-faq-item,
html body .xdr-home-vembu .xdr-coverage-table-wrap {
  box-shadow: none !important;
}

/* ---- 6b. Mudhal-flat: NO gray outline borders on content boxes either ---- */
html body .xdr-home-vembu .xdr-card,
html body .xdr-home-vembu .xdr-card.copper,
html body .xdr-home-vembu .xdr-card.graphite,
html body .xdr-home-vembu .xdr-tile,
html body .xdr-home-vembu .xdr-step,
html body .xdr-home-vembu .xdr-fit,
html body .xdr-home-vembu .xdr-pillar,
html body .xdr-home-vembu .xdr-outcome,
html body .xdr-home-vembu .xdr-coverage,
html body .xdr-home-vembu .xdr-coverage-feature,
html body .xdr-home-vembu .xdr-case-panel,
html body .xdr-home-vembu .xdr-cycle-card,
html body .xdr-home-vembu .xdr-metric,
html body .xdr-home-vembu .xdr-faq-item,
html body .xdr-home-vembu .xdr-cycle-panel,
html body .xdr-home-vembu .xdr-operation,
html body .xdr-home-vembu .xdr-coverage-table-wrap {
  border: 0 !important;
}

/* ---- 7. Line spacing for readability ---- */
html body .xdr-home-vembu .xdr-copy,
html body .xdr-home-vembu .xdr-section-head .xdr-copy { line-height: 1.85 !important; }
html body .xdr-home-vembu .xdr-lead { line-height: 1.80 !important; }
html body .xdr-home-vembu .xdr-card p,
html body .xdr-home-vembu .xdr-pillar p,
html body .xdr-home-vembu .xdr-fit p,
html body .xdr-home-vembu .xdr-coverage-feature p { line-height: 1.80 !important; }
html body .xdr-home-vembu .xdr-tile p,
html body .xdr-home-vembu .xdr-step p,
html body .xdr-home-vembu .xdr-cycle-card p { line-height: 1.72 !important; }
html body .xdr-home-vembu .xdr-faq-item p { line-height: 1.82 !important; }
html body .xdr-home-vembu .xdr-list li { line-height: 1.65 !important; }
html body .xdr-home-vembu .xdr-outcome span { line-height: 1.62 !important; }
html body .xdr-home-vembu .xdr-coverage-table td { line-height: 1.72 !important; }
html body .xdr-home-vembu .xdr-node { line-height: 1.5 !important; }

/* ---- 9. MILD DIFFERENTIATORS (user 2026-08-18 PM5: mild menu/section differentiator,
        mild feature-card background, feature-page icon size) ---- */

/* 9a. Menu: barely-there hairline (milder than the #e3e7ec Avada default).
        border-bottom alone is painted over by header menu content at the box edge,
        so the seam is enforced with a 1px box-shadow which paints outside the box
        and cannot be covered by header children. */
html body.page-id-949 .fusion-header-wrapper,
html body.page-id-949 .fusion-header,
html body.page-id-949 .fusion-header-v4,
html body.page-id-949 .fusion-sticky-header,
html body.page-id-949 header.fusion-header-wrapper {
  border-bottom: 1px solid #e6eae8 !important;
  box-shadow: 0 1px 0 0 #e6eae8 !important;
}

/* 9b. Sections: faint hairline separation (darkened one step for visibility, matches menu seam) */
html body .xdr-home-vembu .xdr-section,
html body .xdr-home-vembu .xdr-section.soft {
  border-top: 1px solid #e6eae8 !important;
}
html body .xdr-home-vembu .xdr-final {
  border-top: 1px solid #e6eae8 !important;
}

/* 9c. Feature cards: mild green-tinted surface, no borders/shadows, gentle hover */
html body .xdr-home-vembu .xdr-card,
html body .xdr-home-vembu .xdr-card.copper,
html body .xdr-home-vembu .xdr-card.graphite,
html body .xdr-home-vembu .xdr-tile,
html body .xdr-home-vembu .xdr-fit,
html body .xdr-home-vembu .xdr-pillar,
html body .xdr-home-vembu .xdr-outcome,
html body .xdr-home-vembu .xdr-coverage-feature,
html body .xdr-home-vembu .xdr-step,
html body .xdr-home-vembu .xdr-cycle-card,
html body .xdr-home-vembu .xdr-metric,
html body .xdr-home-vembu .xdr-case-panel {
  background: #f8faf9 !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .18s ease !important;
}
/* FAQ stays a clean bordered list, not tinted slabs (user: bg looked weird) */
html body .xdr-home-vembu .xdr-faq-item {
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #f2f4f3 !important;
  box-shadow: none !important;
}
html body .xdr-home-vembu .xdr-faq-item:last-child { border-bottom: 0 !important; }
html body .xdr-home-vembu .xdr-faq { border-top: 1px solid #f2f4f3 !important; }
html body .xdr-home-vembu .xdr-card:hover,
html body .xdr-home-vembu .xdr-card.copper:hover,
html body .xdr-home-vembu .xdr-card.graphite:hover,
html body .xdr-home-vembu .xdr-tile:hover,
html body .xdr-home-vembu .xdr-fit:hover,
html body .xdr-home-vembu .xdr-pillar:hover,
html body .xdr-home-vembu .xdr-outcome:hover,
html body .xdr-home-vembu .xdr-coverage-feature:hover {
  background: #f3f6f4 !important;
}

/* 9d. Icons: feature-page exact spec (26px, stroke-width 2, 12px under-margin) */
html body .xdr-home-vembu span.xdr-real-icon,
html body .xdr-home-vembu .xdr-real-icon {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 0 12px !important;
}
html body .xdr-home-vembu span.xdr-real-icon svg,
html body .xdr-home-vembu .xdr-real-icon svg {
  width: 26px !important;
  height: 26px !important;
}
html body .xdr-home-vembu .xdr-real-icon img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
}

/* 9e. Multi-line headings: more leading between title lines (user request) */
html body .xdr-home-vembu h1 { line-height: 1.3 !important; }
html body .xdr-home-vembu .xdr-hero h1 { line-height: 1.3 !important; }
html body .xdr-home-vembu h2 { line-height: 1.32 !important; }
html body .xdr-home-vembu .xdr-section-head h2 { line-height: 1.32 !important; }
html body .xdr-home-vembu h3 { line-height: 1.4 !important; }

/* 9f. Coverage section: full-bleed separation between table part and capabilities part.
        The subhead sits in a centered 940px column, so a border on it would render
        column-width while all other section lines span the full section. A ::before
        pseudo bleeds to the exact section edges: the subhead is always centered in the
        section and the page frame is a constant 20px (MAIN padding), so
        50% - 50vw + 20px is exact at every viewport (verified 1600/1366/768/390). */
html body .xdr-home-vembu .xdr-section-head.xdr-subhead {
  position: relative !important;
  margin-top: 64px !important;
  padding-top: 48px !important;
  border-top: 0 !important;
}
html body .xdr-home-vembu .xdr-section-head.xdr-subhead::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: calc(50% - 50vw + 20px) !important;
  right: calc(50% - 50vw + 20px) !important;
  border-top: 1px solid #e6eae8 !important;
}

/* 9g. Tighter rhythm for compact sections (user: reduce top/bottom space):
        protection cycle, "One console. Clear responsibility.", security outcomes */
html body .xdr-home-vembu .xdr-section:has(.xdr-cycle-panel),
html body .xdr-home-vembu .xdr-section:has(.xdr-operation),
html body .xdr-home-vembu .xdr-section:has(.xdr-metric-grid) {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

/* 9h. Security outcomes: the 100% metric matches the green of the other metrics.
        (The homepage gets this from xdrshield-home-security-outcomes-100-green mu-plugin,
        which loads only on body.home — replicate scoped to this page.) */
html body.page-id-949 .xdr-home-vembu .xdr-metric:nth-child(3) strong {
  color: #126e50 !important;
}

/* ---- 10. Responsive ---- */
@media (max-width: 800px) {
  html body .xdr-home-vembu .xdr-section,
  html body .xdr-home-vembu .xdr-section.soft {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* compact sections stay tight on mobile too (must come after the .soft rule:
     equal specificity tie on .soft sections is won by source order) */
  html body .xdr-home-vembu .xdr-section:has(.xdr-cycle-panel),
  html body .xdr-home-vembu .xdr-section:has(.xdr-operation),
  html body .xdr-home-vembu .xdr-section:has(.xdr-metric-grid) {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  html body .xdr-home-vembu .xdr-final { padding-top: 54px !important; padding-bottom: 58px !important; }
  html body .xdr-home-vembu .xdr-section-head { margin-bottom: 32px !important; }
}