/*
 Theme Name:   Picostrap5 Divorce Neutral Child
 Theme URI:    http://divorce-neutral.local
 Description:  Neutral Third Party credibility site — calm, structured, professional.
 Author:       Artificial Automation House
 Template:     picostrap5
 Version:      1.0.0
 Text Domain:  picostrap5-divorce-neutral-child
*/

:root, [data-bs-theme=light] {
    --bs-primary: #4A7FA5 !important;
    --bs-primary-rgb: 74, 127, 165 !important;
    --bs-secondary: #3D7068 !important;
    --bs-secondary-rgb: 61, 112, 104 !important;
    --bs-success: #3D7068 !important;
    --bs-info: #78909C !important;
    --bs-warning: #B8922B !important;
    --bs-danger: #8C6B1F !important;
    --bs-dark: #2C3E50 !important;
    --bs-dark-rgb: 44, 62, 80 !important;
    --bs-light: #F7F7F5 !important;
    --bs-body-bg: #FFFFFF !important;
    --bs-body-color: #2D3436 !important;
    --bs-link-color: #4A7FA5 !important;
    --bs-link-hover-color: #3D7068 !important;

    /* Backward-compatible aliases — cascade from Bootstrap vars so Theme Studio works */
    --dn-navy: var(--bs-dark);
    --dn-steel: var(--bs-primary);
    --dn-teal: var(--bs-secondary);
    --dn-stone: var(--bs-info);
    --dn-amber: var(--bs-warning);
    --dn-cream: var(--bs-light);
    --dn-light-bg: #F0F4F7;
    --dn-white: #FFFFFF;
    --dn-text: var(--bs-body-color);
    --dn-text-muted: #6C757D;
    --overlay-dark: linear-gradient(rgba(var(--bs-dark-rgb), 0.45), rgba(var(--bs-dark-rgb), 0.65));
    --overlay-medium: linear-gradient(rgba(var(--bs-dark-rgb), 0.30), rgba(var(--bs-dark-rgb), 0.50));
    --overlay-teal: linear-gradient(rgba(var(--bs-secondary-rgb), 0.70), rgba(var(--bs-dark-rgb), 0.85));
    --font-display: "Cormorant Garamond", "Georgia", serif;
    --font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --shadow-card: 0 4px 20px rgba(44,62,80,0.10);
    --shadow-card-hover: 0 12px 40px rgba(44,62,80,0.18);
    --radius-card: 12px;
    --transition-base: 0.3s ease;
}

#lc-header { margin: 0 !important; padding: 0 !important; }
#lc-footer { margin: 0 !important; }
body.lc-custom-header { padding-top: 0 !important; margin-top: 0 !important; }

body { font-family: var(--font-body); color: var(--dn-text); line-height: 1.7; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-heading); color: var(--dn-navy); font-weight: 700; }
.dn-hero h1, .dn-section-heading h2, .dn-cta-banner h2 { font-family: var(--font-display); }

.dn-hero { position:relative; min-height:520px; display:flex; align-items:center; justify-content:center; text-align:center; background-size:cover; background-position:center; color:#fff; padding:80px 20px; overflow:hidden; }
.dn-hero::before { content:''; position:absolute; inset:0; background:var(--overlay-dark); z-index:1; }
.dn-hero > * { position:relative; z-index:2; }
.dn-hero h1 { color:#fff; font-size:clamp(2rem,5vw,3.5rem); font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,0.3); margin-bottom:1rem; }
.dn-hero p { font-size:clamp(1rem,2vw,1.25rem); max-width:720px; margin:0 auto 2rem; opacity:0.95; }
.dn-hero .btn { background:var(--dn-amber); color:#fff; border:none; padding:14px 36px; font-family:var(--font-heading); font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:0.05em; border-radius:6px; text-decoration:none; display:inline-block; transition:var(--transition-base); box-shadow:0 4px 15px rgba(184,146,43,0.4); }
.dn-hero .btn:hover { background:var(--dn-teal); transform:translateY(-2px); }
.dn-hero .btn-outline { background:transparent; border:2px solid rgba(255,255,255,0.8); color:#fff; margin-left:12px; margin-top:14px; }
.dn-hero .btn-outline:hover { background:rgba(255,255,255,0.15); }

.dn-section-clean { background:var(--dn-white); padding:80px 0; }
.dn-section-slate { background:var(--dn-light-bg); padding:80px 0; }
.dn-section-cream { background:var(--dn-cream); padding:80px 0; }
.dn-section-photo { position:relative; background-size:cover; background-position:center; color:#fff; padding:80px 0; }
.dn-section-photo::before { content:''; position:absolute; inset:0; background:var(--overlay-medium); z-index:1; }
.dn-section-photo > .container { position:relative; z-index:2; }

.dn-section-heading { text-align:center; margin-bottom:50px; }
.dn-section-heading h2 { font-size:clamp(1.5rem,3vw,2.2rem); margin-bottom:1rem; display:inline-block; }
.dn-section-heading h2::after { content:''; display:block; width:60px; height:3px; background:var(--dn-amber); margin:12px auto 0; border-radius:2px; }
.dn-section-heading p { font-size:1.1rem; color:var(--dn-text-muted); max-width:640px; margin:0 auto; }

.dn-cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding:20px 0; }
.dn-cards-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:20px 0; }

.dn-card { background:var(--dn-white); border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-card); transition:transform 0.3s ease,box-shadow 0.3s ease; height:100%; display:flex; flex-direction:column; }
.dn-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-card-hover); }
.dn-card-image { width:100%; overflow:hidden; }
.dn-card-image img { width:100%; height:200px; object-fit:cover; display:block; transition:transform 0.5s ease; }
.dn-card:hover .dn-card-image img { transform:scale(1.05); }
.dn-card-body { padding:24px; flex:1; display:flex; flex-direction:column; }
.dn-card-body h3 { font-size:1.1rem; margin-bottom:0.75rem; color:var(--dn-navy); }
.dn-card-body p { font-size:0.95rem; color:var(--dn-text-muted); flex:1; line-height:1.65; }
.dn-card-link { color:var(--dn-steel); font-weight:600; text-decoration:none; font-size:0.9rem; margin-top:1rem; display:inline-block; transition:var(--transition-base); }
.dn-card-link:hover { color:var(--dn-amber); }

.dn-stat-number { font-family:var(--font-heading); font-size:2.5rem; font-weight:800; color:var(--dn-amber); display:block; line-height:1.2; }
.dn-stat-label { font-size:0.9rem; color:rgba(255,255,255,0.85); text-transform:uppercase; letter-spacing:0.08em; font-weight:600; }

.dn-testimonial { background:var(--dn-white); border-radius:var(--radius-card); padding:32px; box-shadow:var(--shadow-card); text-align:center; border-top:4px solid var(--dn-teal); }
.dn-testimonial-headshot { width:80px; height:80px; border-radius:50%; object-fit:cover; margin:0 auto 16px; display:block; border:3px solid var(--dn-teal); }
/* Initial-avatars (replace amateur headshots). Colors resolve through --bs-* so they
   stay Theme-Customizer controllable. */
.dn-testimonial-avatar { width:80px; height:80px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-weight:700; font-size:1.6rem; line-height:1; letter-spacing:0.02em; color:#fff; }
.dn-avatar-1 { background:var(--bs-primary); }
.dn-avatar-2 { background:var(--bs-secondary); }
.dn-avatar-3 { background:var(--bs-dark); }
.dn-avatar-4 { background:var(--bs-warning); }
.dn-testimonial blockquote { font-style:italic; font-size:1rem; line-height:1.7; margin:0 0 16px; padding:0; border:none; color:var(--dn-text); }
.dn-testimonial .dn-testimonial-name { font-family:var(--font-heading); font-weight:700; color:var(--dn-navy); font-size:0.95rem; }
.dn-testimonial .dn-testimonial-role { font-size:0.85rem; color:var(--dn-text-muted); }

.dn-steps-list { list-style:none; padding:0; margin:0; counter-reset:steps; }
.dn-steps-list li { counter-increment:steps; display:flex; align-items:flex-start; gap:20px; padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.06); }
.dn-steps-list li:last-child { border-bottom:none; }
.dn-steps-list li::before { content:counter(steps); background:var(--dn-navy); color:#fff; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-weight:700; font-size:0.9rem; flex-shrink:0; }
.dn-steps-list li div h4 { font-size:1rem; color:var(--dn-navy); margin-bottom:0.3rem; }
.dn-steps-list li div p { font-size:0.9rem; color:var(--dn-text-muted); margin:0; }

.dn-options-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.dn-option-card { background:var(--dn-white); border-radius:var(--radius-card); padding:32px 24px; text-align:center; box-shadow:var(--shadow-card); border-top:4px solid var(--dn-steel); }
.dn-option-card.featured { border-top-color:var(--dn-amber); background:var(--dn-light-bg); }
.dn-option-card h3 { font-size:1.15rem; margin-bottom:1rem; color:var(--dn-navy); }
.dn-option-card ul { list-style:none; padding:0; margin:0; text-align:left; }
.dn-option-card ul li { padding:6px 0; font-size:0.9rem; color:var(--dn-text-muted); border-bottom:1px solid rgba(0,0,0,0.05); }
.dn-option-card ul li:last-child { border:none; }
.dn-option-card ul li::before { content:'→ '; color:var(--dn-steel); font-weight:700; }

.dn-faq-item { border-bottom:1px solid rgba(0,0,0,0.08); padding:20px 0; }
.dn-faq-item:last-child { border:none; }
.dn-faq-item h4 { font-size:1rem; color:var(--dn-navy); margin-bottom:0.75rem; display:flex; align-items:center; gap:10px; }
.dn-faq-item h4::before { content:'Q'; background:var(--dn-steel); color:#fff; width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:0.75rem; flex-shrink:0; }
.dn-faq-item p { font-size:0.95rem; color:var(--dn-text-muted); line-height:1.7; padding-left:38px; }

.dn-cta-banner { position:relative; background-size:cover; background-position:center; padding:70px 20px; text-align:center; color:#fff; }
.dn-cta-banner::before { content:''; position:absolute; inset:0; background:var(--overlay-teal); z-index:1; }
.dn-cta-banner > * { position:relative; z-index:2; }
.dn-cta-banner h2 { color:#fff; font-size:2rem; margin-bottom:1rem; }
.dn-cta-banner p { color:rgba(255,255,255,0.9); max-width:600px; margin:0 auto 2rem; }
.dn-cta-banner .btn { background:var(--dn-amber); color:#fff; padding:14px 36px; border-radius:6px; text-decoration:none; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; display:inline-block; transition:var(--transition-base); }
.dn-cta-banner .btn:hover { background:var(--bs-danger); transform:translateY(-2px); }

.dn-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.dn-about-img { border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-card-hover); }
.dn-about-img img { width:100%; height:450px; object-fit:cover; display:block; }
.dn-about-content h2 { font-family:var(--font-display); font-size:2rem; margin-bottom:1.5rem; }
.dn-about-content p { color:var(--dn-text-muted); margin-bottom:1rem; }
.dn-about-badges { display:flex; flex-wrap:wrap; gap:12px; margin-top:1.5rem; }
.dn-badge { background:var(--dn-light-bg); border:1px solid rgba(74,127,165,0.2); border-radius:30px; padding:8px 18px; font-size:0.85rem; font-weight:600; color:var(--dn-navy); }

.dn-contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; }
.dn-contact-info h3 { font-size:1.3rem; margin-bottom:1rem; color:var(--dn-navy); }
.dn-contact-info p { color:var(--dn-text-muted); margin-bottom:1.5rem; }
.dn-contact-bullet { display:flex; align-items:flex-start; gap:14px; margin-bottom:1.2rem; }
.dn-contact-bullet i { color:var(--dn-teal); font-size:1.2rem; margin-top:2px; }
.dn-contact-form { background:var(--dn-white); border-radius:var(--radius-card); padding:40px; box-shadow:var(--shadow-card); }
.dn-contact-form h3 { font-size:1.3rem; margin-bottom:1.5rem; }
.dn-form-group { margin-bottom:1.2rem; }
.dn-form-group label { display:block; font-weight:600; font-size:0.9rem; margin-bottom:6px; color:var(--dn-navy); }
.dn-form-group input, .dn-form-group textarea, .dn-form-group select { width:100%; padding:12px 14px; border:1px solid #DDE3EA; border-radius:6px; font-size:0.95rem; font-family:var(--font-body); transition:border-color 0.2s; }
.dn-form-group input:focus, .dn-form-group textarea:focus { outline:none; border-color:var(--dn-steel); box-shadow:0 0 0 3px rgba(74,127,165,0.1); }
.dn-form-group textarea { min-height:120px; resize:vertical; }
.dn-form-btn { background:var(--dn-navy); color:#fff; border:none; padding:14px 32px; border-radius:6px; font-family:var(--font-heading); font-weight:700; font-size:1rem; cursor:pointer; width:100%; transition:var(--transition-base); text-transform:uppercase; letter-spacing:0.05em; }
.dn-form-btn:hover { background:var(--dn-teal); }

/* Nav */
.dn-nav { background:var(--dn-navy); padding:0; }
.dn-nav-inner { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:70px; }
.dn-nav-brand { font-family:var(--font-heading); font-weight:800; font-size:1.2rem; color:#fff; text-decoration:none; }
.dn-nav-brand span { color:var(--dn-amber); }
.dn-nav-links { display:flex; gap:8px; list-style:none; margin:0; padding:0; }
.dn-nav-links a { color:rgba(255,255,255,0.85); text-decoration:none; font-size:0.9rem; font-weight:600; padding:8px 14px; border-radius:4px; transition:var(--transition-base); }
.dn-nav-links a:hover { color:#fff; background:rgba(255,255,255,0.1); }
.dn-nav-cta { background:var(--dn-amber); color:#fff !important; border-radius:6px; }
.dn-nav-cta:hover { background:var(--bs-danger) !important; }

/* Footer */
.dn-footer { background:var(--dn-navy); color:#D0D7DE; font-family:var(--font-body); padding:60px 20px 0; }
.dn-footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; }
.dn-footer h4 { font-family:var(--font-heading); font-weight:700; color:#fff; font-size:0.95rem; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:16px; }
.dn-footer p { font-size:0.88rem; line-height:1.7; }
.dn-footer-links { list-style:none; padding:0; margin:0; }
.dn-footer-links li { margin-bottom:8px; }
.dn-footer-links a { color:#B0BEC5; text-decoration:none; font-size:0.88rem; transition:color 0.2s; }
.dn-footer-links a:hover { color:var(--dn-amber); }
.dn-footer-copy { border-top:1px solid rgba(255,255,255,0.08); text-align:center; padding:20px 0; font-size:0.78rem; color:#78909C; max-width:1200px; margin:0 auto; }

.site-footer .colophon, #colophon, #wrapper-footer-colophon { display:none !important; }

@media (max-width:991.98px) { .dn-cards-grid { grid-template-columns:repeat(2,1fr); } .dn-cards-grid-4 { grid-template-columns:repeat(2,1fr); } .dn-options-grid { grid-template-columns:1fr; } .dn-about-grid { grid-template-columns:1fr; } .dn-contact-grid { grid-template-columns:1fr; } .dn-footer-inner { grid-template-columns:1fr 1fr; } }
@media (max-width:767.98px) { .dn-nav-inner { flex-direction:column; height:auto; padding:14px 20px; gap:10px; } .dn-nav-links { flex-wrap:wrap; justify-content:center; gap:2px; } .dn-nav-links a { font-size:0.82rem; padding:6px 10px; } }
@media (max-width:575.98px) { .dn-cards-grid { grid-template-columns:1fr; } .dn-cards-grid-4 { grid-template-columns:1fr; } .dn-hero { min-height:420px; padding:60px 16px; } .dn-section-clean, .dn-section-slate, .dn-section-cream, .dn-section-photo { padding:50px 0; } .dn-footer-inner { grid-template-columns:1fr; } }

a { color:var(--dn-steel); text-decoration:underline; text-decoration-color:rgba(74,127,165,0.3); text-underline-offset:3px; transition:color 0.2s ease; }
a:hover { color:var(--dn-teal); }
a:visited { color:var(--dn-steel); opacity:0.85; }

/* === customizer-aligned buttons (2026-07-08) — .btn-primary/.btn-secondary track --bs-* at runtime. !important because child style.css loads BEFORE bundle.css. See brain/20-system-frameworks/atl-theme-customizer-mechanism.md === */
.btn-primary{--bs-btn-bg:var(--bs-primary)!important;--bs-btn-border-color:var(--bs-primary)!important;--bs-btn-hover-bg:var(--bs-dark)!important;--bs-btn-hover-border-color:var(--bs-dark)!important;--bs-btn-active-bg:var(--bs-dark)!important;--bs-btn-active-border-color:var(--bs-dark)!important;--bs-btn-disabled-bg:var(--bs-primary)!important;--bs-btn-disabled-border-color:var(--bs-primary)!important;}
.btn-secondary{--bs-btn-bg:var(--bs-secondary)!important;--bs-btn-border-color:var(--bs-secondary)!important;--bs-btn-hover-bg:var(--bs-dark)!important;--bs-btn-hover-border-color:var(--bs-dark)!important;--bs-btn-active-bg:var(--bs-dark)!important;--bs-btn-active-border-color:var(--bs-dark)!important;}

/* === Client revision fixes 2026-07-21 (accessibility) === */
:root { --bs-warning: #806619 !important; --bs-danger: #5F4E13 !important; } /* AA: white-on-amber 2.9 -> 5.5 */
.dn-nav-links a:visited { color: rgba(255,255,255,0.85); }
.dn-nav-cta:visited, a[class*="btn"]:visited { color:#fff; }
.dn-footer-links a:visited { color:#B0BEC5; }
.dn-footer a:visited, .dn-footer-copy a:visited { color: inherit; }
.dn-footer-copy, .dn-footer-copy p { color: rgba(255,255,255,0.82) !important; }
/* Correction: keep brand amber bright (nav-brand accent needs light-on-dark); dark text on amber buttons for AA */
:root { --bs-warning: #B8922B !important; --bs-danger: #8C6B1F !important; }
.dn-hero .btn, .dn-cta-banner .btn, .dn-nav-cta, .dn-footer a[style*="dn-amber"] { color:#241a05 !important; }
.dn-hero .btn:hover, .dn-cta-banner .btn:hover, .dn-nav-cta:hover { background:#CDA43C !important; color:#241a05 !important; }
/* Real axe-core WCAG-AA fix: muted text (4.24) + card-link brand-blue on white (4.31) */
:root { --dn-text-muted: #565D64 !important; }
.dn-card-link { color:#3C688A !important; }
.dn-avatar-1,.dn-avatar-2,.dn-avatar-3,.dn-avatar-4{ color:#1f2630 !important; }
.dn-avatar-4{ background:#806619 !important; color:#fff !important; }
.dn-avatar-2{ background:#4d6a5a !important; color:#fff !important; }
.dn-avatar-1,.dn-avatar-2,.dn-avatar-3,.dn-avatar-4{ color:#fff !important; }


/* ── Forminator submit button — recolor with the palette ──────────────────
   Forminator ships its own button styling (stock blue #097BAA) which ignores
   the theme and matches no palette. Track --bs-primary so the submit button
   recolors with the customizer, exactly as probate-credibility already does. */
.forminator-ui.forminator-custom-form button.forminator-button-submit,
.forminator-ui .forminator-button.forminator-button-submit,
button.forminator-button-submit,
.forminator-button-submit { background-color: var(--bs-primary) !important; color: #fff !important; border-color: var(--bs-primary) !important; }
html body button.forminator-button-submit span,
html body .forminator-button.forminator-button-submit span { color: #fff !important; }


/* Gold .btn-warning CTAs — recolor with the palette accent, dark label (Bootstrap
   default) for WCAG-AA. Overrides the .text-white utility the markup forces on them. */
.btn-warning {
    --bs-btn-bg: var(--bs-warning) !important;
    --bs-btn-border-color: var(--bs-warning) !important;
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-warning) 88%, #000) !important;
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-warning) 88%, #000) !important;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-warning) 82%, #000) !important;
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-warning) 82%, #000) !important;
}
html body .btn.btn-warning,
html body a.btn.btn-warning,
html body button.btn.btn-warning,
html body .btn.btn-warning span { color: #212529 !important; }

/* ============================================================================
   DIVORCE "BALANCED-NEUTRAL" DESIGN SYSTEM  (dv-* archetype + dvx- signature)
   Added 2026-07-28 (CredForge). Even-handed two-sides motif = the neutrality
   signature. All colour via --bs-* so the customizer drives it.
   ============================================================================ */

/* --- A11y + consistency fixes --- */
/* Amber CTA: white on #B8922B is 2.9:1 (AA fail). Warm near-black on amber = ~6:1. */
.dn-hero .btn, .dn-cta-banner .btn, .dn-footer a[style*="dn-amber"],
.btn.btn-warning, a.dn-nav-cta { color: #20160a !important; }
.dn-nav-cta { background: var(--dn-amber); }
/* Adjacent hero buttons must match in size/weight AND vertical alignment (2026-07-28).
   The outline btn had margin-top:14px (pushed down) + a 2px border the filled btn lacked
   (4px taller) — both broke the baseline. Equalise the border on both, zero the top margin,
   and lay the hero actions out in a centered flex row so they always line up. */
.dn-hero .btn, .dn-hero .btn-outline {
  font-size: 1rem !important; font-weight: 700 !important; padding: 14px 32px !important; line-height: 1.2;
  letter-spacing: .05em; border-radius: 6px; text-transform: uppercase;
  border: 2px solid transparent !important;   /* equal height (border-box) so both sit level */
  margin-top: 0 !important;                    /* the outline had margin-top:14px — that dropped it */
  vertical-align: middle;                      /* align the two inline-block buttons on one baseline */
}
.dn-hero .btn-outline { color: #fff !important; border-color: rgba(255,255,255,0.85) !important; margin-left: 14px !important; }
/* Form fields: #DDE3EA border ~1.2:1 on white is invisible. Darker, visible boundary. */
.dn-form-group input, .dn-form-group textarea, .dn-form-group select,
.forminator-input, .forminator-textarea {
  border: 1px solid #8ea3b7 !important;
}
.dn-form-group label { color: #223541; }

/* --- .dv-split : balanced mirrored two-column (the neutrality signature) --- */
.dv-split { display:grid; grid-template-columns:1fr 2px 1fr; max-width:1060px; margin:0 auto;
  background:#fff; border:1px solid rgba(var(--bs-primary-rgb),.16); border-radius:16px; overflow:hidden;
  box-shadow:0 18px 44px -28px rgba(35,41,47,.35); }
.dv-split__side { padding:2.4rem 2rem; }
.dv-split__side h3 { font-family:"Cormorant Garamond",serif; font-size:1.55rem; color:var(--bs-primary);
  margin-bottom:.6rem; display:flex; align-items:center; gap:.55rem; }
.dv-split__side p { color:#3a4a57; line-height:1.7; font-size:.98rem; margin:0; }
.dv-split__side--a { background:linear-gradient(180deg, rgba(var(--bs-primary-rgb),.05), transparent); }
.dv-split__side--b { background:linear-gradient(180deg, rgba(var(--bs-warning-rgb),.06), transparent); }
.dv-split__axis { position:relative; background:linear-gradient(180deg,transparent,rgba(var(--bs-primary-rgb),.4),transparent); }
.dv-split__axis::before { content:""; position:absolute; top:50%; left:50%; width:34px; height:34px;
  transform:translate(-50%,-50%); border-radius:50%; background:#fff;
  border:2px solid var(--bs-warning); box-shadow:0 4px 14px -6px rgba(35,41,47,.4);
  transform-origin:center; animation:dvx-sway 5.5s ease-in-out infinite; }
@media (max-width:768px){ .dv-split{grid-template-columns:1fr;} .dv-split__axis{height:2px;width:60%;margin:0 auto;} }

/* --- .dv-pathpick : 'which path are you on?' selector --- */
.dv-pathpick { max-width:960px; margin:0 auto; }
.dv-pathpick__opts { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1.6rem; }
.dv-pathpick__opt { border:1px solid rgba(var(--bs-primary-rgb),.18); border-radius:12px; padding:1.4rem 1.2rem;
  background:#fff; cursor:pointer; text-align:center; transition:border-color .25s, box-shadow .25s, transform .25s;
  font-family:"Montserrat",sans-serif; font-weight:700; color:var(--bs-primary); }
.dv-pathpick__opt:hover { transform:translateY(-3px); }
.dv-pathpick__opt.is-active { border-color:var(--bs-warning); box-shadow:0 12px 28px -16px rgba(35,41,47,.4); }
.dv-pathpick__opt small { display:block; font-weight:400; font-size:.8rem; color:#5a6b78; margin-top:.35rem; text-transform:none; }
.dv-pathpick__panel { display:none; background:#fff; border:1px solid rgba(var(--bs-primary-rgb),.14);
  border-radius:12px; padding:1.8rem; color:#3a4a57; line-height:1.75; }
.dv-pathpick__panel.is-active { display:block; animation:dvx-rise .5s ease both; }
@media (max-width:640px){ .dv-pathpick__opts{grid-template-columns:1fr;} }

/* --- .dv-figure : restrained single-stroke line illustrations --- */
.dv-figure { display:inline-flex; }
.dv-figure svg { width:100%; height:auto; }
.dv-figure svg [stroke]{ stroke:var(--bs-primary); }
.dv-figure svg .accent{ stroke:var(--bs-warning); }

/* --- .dv-note : initials-only discreet testimonial (privacy-respecting) --- */
.dv-note { max-width:640px; margin:1.2rem auto; padding:1.6rem 1.8rem; background:#fff;
  border-left:3px solid var(--bs-warning); border-radius:0 12px 12px 0;
  box-shadow:0 12px 30px -22px rgba(35,41,47,.4); }
.dv-note p { font-family:"Cormorant Garamond",serif; font-size:1.2rem; font-style:italic; color:#2b3a45; line-height:1.6; margin:0 0 .7rem; }
.dv-note cite { font-style:normal; font-weight:700; color:var(--bs-primary); font-size:.85rem; letter-spacing:.04em; }
.dv-note cite span { font-weight:400; color:#6a7b88; }

/* --- signature animation dvx-* + scroll reveal --- */
@keyframes dvx-sway { 0%,100%{ transform:translate(-50%,-50%) rotate(-7deg);} 50%{ transform:translate(-50%,-50%) rotate(7deg);} }
@keyframes dvx-rise { from{ opacity:0; transform:translateY(14px);} to{ opacity:1; transform:none;} }
.dv-reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
.dv-reveal.is-in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .dv-split__axis::before{ animation:none; }
  .dv-reveal{ opacity:1; transform:none; transition:none; }
  .dv-pathpick__panel.is-active{ animation:none; }
}

.brand-tbd{font-style:italic;opacity:.85;}

/* --- AA fixes for small primary-on-white text (2026-07-28) ---
   --bs-primary #4A7FA5 is 4.31:1 on white — fine for large headings (>=24px -> 3:1 threshold),
   but small labels/cites and reversed buttons need a darker steel. */
.dv-pathpick__opt, .dv-note cite { color: #3c6d96; }
.dv-note cite span { color: #566572; }
.forminator-button, .forminator-button-submit,
.forminator-ui.forminator-custom-form button.forminator-button-submit {
  background: var(--bs-dark) !important; color: #fff !important; border-color: var(--bs-dark) !important;
}

/* Mobile hamburger nav (2026-07-28) — collapse into a toggle instead of stacking links. */
.dn-nav-toggle { display:none; }
@media (max-width:767.98px){
  .dn-nav-inner { flex-direction:row !important; flex-wrap:wrap; align-items:center; justify-content:space-between; height:auto; }
  .dn-nav-toggle { display:inline-flex; flex-direction:column; justify-content:center; background:none; border:0; cursor:pointer; padding:8px; }
  .dn-nav-toggle span { display:block; width:26px; height:2px; background:#fff; margin:4px 0; border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
  .dn-nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  .dn-nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .dn-nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
  .dn-nav-links { display:none !important; flex-basis:100%; width:100%; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch; gap:2px; margin-top:10px; }
  .dn-nav-links.is-open { display:flex !important; }
  .dn-nav-links a { display:block; font-size:0.95rem; padding:12px 8px; }
  .dn-nav-links .dn-nav-cta { text-align:center; margin-top:6px; }
}

/* ============================================================================
   HERO SLIDER (rotating) — 2026-07-28. Slide 1 keeps the textured photo; the
   others alternate a transparent line-art house on a brand-colour ground. Each
   slide speaks to one divorce-property situation. Crossfade, dots, autoplay,
   pause-on-hover, reduced-motion safe. All colour via --bs-*/--dn-*.
   ============================================================================ */
.dn-hero-slider { position:relative; min-height:580px; overflow:hidden; }
.dn-hero-slider .dn-slide {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:90px 20px; background-size:cover; background-position:center;
  opacity:0; visibility:hidden; transition:opacity .9s ease, visibility .9s;
}
.dn-hero-slider .dn-slide.is-active { opacity:1; visibility:visible; }
.dn-hero-slider .dn-slide::before {
  content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(rgba(var(--bs-dark-rgb),0.55), rgba(var(--bs-dark-rgb),0.72));
}
.dn-slide--house { background:linear-gradient(135deg, var(--dn-navy), var(--dn-steel)); }
.dn-slide--house::before { background:linear-gradient(rgba(var(--bs-dark-rgb),0.20), rgba(var(--bs-dark-rgb),0.35)); }
.dn-slide__inner { position:relative; z-index:1; max-width:840px; color:#fff; }
.dn-slide__house { width:min(300px,52vw); margin:0 auto 1.4rem; display:block; }
.dn-slide__house [stroke] { stroke:rgba(255,255,255,0.92); }
.dn-slide__house .accent { stroke:var(--dn-amber); }
.dn-slide__kicker { text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:700; color:var(--dn-amber); margin-bottom:.9rem; }
.dn-slide h1, .dn-slide h2 { color:#fff; font-family:var(--font-heading); font-weight:700; font-size:clamp(2rem,5vw,3.3rem); line-height:1.12; margin-bottom:1rem; text-shadow:0 2px 10px rgba(0,0,0,.3); }
.dn-slide p { color:rgba(255,255,255,0.94); font-size:1.12rem; line-height:1.6; max-width:640px; margin:0 auto 1.7rem; }
.dn-slide__cta { display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center; align-items:center; }
.dn-slide__cta .btn { background:var(--dn-amber); color:#20160a; border:2px solid transparent; padding:14px 32px; font-family:var(--font-heading); font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:.05em; border-radius:6px; text-decoration:none; }
.dn-slide__cta .btn-outline { background:transparent; border:2px solid rgba(255,255,255,.85); color:#fff; }
.dn-hero-dots { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; gap:11px; z-index:3; }
.dn-hero-dot { width:11px; height:11px; padding:0; border-radius:50%; border:2px solid rgba(255,255,255,.75); background:transparent; cursor:pointer; transition:background .25s,border-color .25s; }
.dn-hero-dot.is-active { background:var(--dn-amber); border-color:var(--dn-amber); }
.dn-hero-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; border-radius:50%; border:0; background:rgba(255,255,255,.15); color:#fff; font-size:1.4rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.dn-hero-arrow:hover { background:rgba(255,255,255,.3); }
.dn-hero-arrow--prev { left:18px; } .dn-hero-arrow--next { right:18px; }
@media (max-width:640px){ .dn-hero-arrow{ display:none; } .dn-hero-slider{ min-height:520px; } }
@media (prefers-reduced-motion: reduce){ .dn-hero-slider .dn-slide{ transition:none; } }

/* ---- Homepage services section (mirrors the fleet's service grid) ---- */
.dn-services .section-kicker, .dn-service-intro .section-kicker { text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; font-weight:700; color:#8a6a1a; margin-bottom:.6rem; display:block; } /* dark gold: AA on white */
.dn-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:2.4rem; }
.dn-service-card { display:block; background:#fff; border:1px solid rgba(var(--bs-primary-rgb),.14); border-radius:14px; padding:1.8rem 1.5rem; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.dn-service-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px -22px rgba(44,62,80,.45); border-color:var(--dn-amber); }
.dn-service-ico { width:50px; height:50px; margin-bottom:1rem; }
.dn-service-ico svg { width:100%; height:100%; }
.dn-service-ico svg [stroke] { stroke:#3c6d96; } .dn-service-ico svg .accent { stroke:var(--dn-amber); }
.dn-service-card h3 { font-family:var(--font-heading); font-size:1.06rem; color:var(--dn-navy); margin-bottom:.5rem; }
.dn-service-card p { color:#43535f; font-size:.92rem; line-height:1.6; margin-bottom:.9rem; }
.dn-service-link { color:#3c6d96; font-weight:700; font-size:.85rem; }  /* darker steel: AA on white */
.dn-service-card:hover .dn-service-link { color:#8a6a1a; }
@media (max-width:900px){ .dn-services-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .dn-services-grid{ grid-template-columns:1fr; } }