/*
 * Yende UI v2 recovery layer.
 * Loaded last on purpose: one predictable cascade boundary after the legacy
 * foundation, Symfony, SEO and photo styles. The spacing/gutter rhythm follows
 * familiar Bootstrap/Tailwind conventions without loading either framework and
 * creating a second runtime cascade.
 */
:root{
  --y-bg:#ffffff;
  --y-surface:#ffffff;
  --y-surface-soft:#f5f6f7;
  --y-surface-warm:#faf9f7;
  --y-ink:#171a21;
  --y-text:#343942;
  --y-muted:#6d737d;
  --y-line:#e2e5e9;
  --y-red:#cf1f2c;
  --y-red-dark:#a91621;
  --y-shadow:0 18px 55px rgb(22 26 33 / 10%);
  --y-shadow-soft:0 10px 30px rgb(22 26 33 / 7%);
  --y-radius:18px;
  --y-radius-lg:28px;
  --y-gutter:clamp(1rem,3vw,2rem);
}

body.yende-ui-v2{background:var(--y-bg);color:var(--y-text)}
body.yende-ui-v2 .container{width:min(calc(100% - (var(--y-gutter) * 2)),1200px)}
body.yende-ui-v2 .section-light{background:var(--y-bg)}
body.yende-ui-v2 .section-muted{background:var(--y-surface-soft)}
body.yende-ui-v2 .section-dark{background:var(--y-bg);color:var(--y-ink)}
body.yende-ui-v2 .section{border-color:var(--y-line)}

/* White site chrome; black is retained only as a supporting accent. */
body.yende-ui-v2 .site-header,
body.yende-ui-v2 .site-header.scrolled{
  background:rgb(255 255 255 / 96%);
  color:var(--y-ink);
  border-bottom:1px solid rgb(23 26 33 / 8%);
  box-shadow:0 8px 28px rgb(23 26 33 / 6%);
  backdrop-filter:blur(16px);
}
body.yende-ui-v2 .brand-logo-header{background:#fff;box-shadow:none;border:1px solid var(--y-line)}
body.yende-ui-v2 .primary-nav{color:#353a43}
body.yende-ui-v2 .nav-link,
body.yende-ui-v2 .primary-nav>a,
body.yende-ui-v2 .nav-dropdown-toggle{color:#353a43;border-radius:10px}
body.yende-ui-v2 .nav-link:hover,
body.yende-ui-v2 .primary-nav>a:hover,
body.yende-ui-v2 .nav-dropdown-toggle:hover,
body.yende-ui-v2 .nav-dropdown:focus-within .nav-dropdown-toggle{color:var(--y-ink);background:#f1f3f5}
body.yende-ui-v2 .nav-cta{background:var(--y-red)!important;color:#fff!important;box-shadow:0 10px 24px rgb(207 31 44 / 18%)}
body.yende-ui-v2 .nav-toggle{color:var(--y-ink);border-color:#d9dde2;background:#fff}
body.yende-ui-v2 .nav-toggle span:not(.sr-only){background:var(--y-ink)}
body.yende-ui-v2 .services-menu{background:rgb(255 255 255 / 99%);border-color:var(--y-line);box-shadow:var(--y-shadow)}
body.yende-ui-v2 .services-menu a:hover,
body.yende-ui-v2 .services-menu a:focus{background:#f4f5f6}
body.yende-ui-v2 .services-menu .featured-service{background:#fff4f4;color:var(--y-ink);border:1px solid #f2d8db}
body.yende-ui-v2 .services-menu .featured-service strong{color:var(--y-ink)}
body.yende-ui-v2 .services-menu .featured-service span{color:var(--y-muted)}

/* Hero and page headers: light, spacious, photography-led. */
body.yende-ui-v2 .hero,
body.yende-ui-v2 .page-hero,
body.yende-ui-v2 .service-hero{
  background:linear-gradient(135deg,#fff 0 62%,#f4f5f7 62%);
  color:var(--y-ink);
}
body.yende-ui-v2 .hero::before{
  background:radial-gradient(circle at 76% 22%,rgb(207 31 44 / 10%),transparent 33%),linear-gradient(135deg,#fff 0 60%,#f4f5f7 60%);
}
body.yende-ui-v2 .hero h1,
body.yende-ui-v2 .page-hero h1,
body.yende-ui-v2 .service-hero h1{color:var(--y-ink)}
body.yende-ui-v2 .hero-lead{color:#555c66}
body.yende-ui-v2 .button{border-radius:10px}
body.yende-ui-v2 .button-primary{background:var(--y-red);color:#fff;box-shadow:0 10px 24px rgb(207 31 44 / 15%)}
body.yende-ui-v2 .button-primary:hover{background:var(--y-red-dark)}
body.yende-ui-v2 .button-ghost{color:var(--y-ink);border-color:#c9ced5;background:#fff}
body.yende-ui-v2 .button-ghost:hover{background:#f4f5f7;border-color:#adb4bd}
body.yende-ui-v2 .proof-strip{border-color:var(--y-line)}
body.yende-ui-v2 .proof-strip strong{color:var(--y-ink)}
body.yende-ui-v2 .proof-strip span{color:var(--y-muted)}
body.yende-ui-v2 .breadcrumbs{color:var(--y-muted)}

/* Photography should carry the contrast, not black panels around it. */
body.yende-ui-v2 .photo-frame,
body.yende-ui-v2 .hero-visual,
body.yende-ui-v2 .service-hero-media,
body.yende-ui-v2 .service-card-media{background:#e8ebee}
body.yende-ui-v2 .hero-visual,
body.yende-ui-v2 .service-hero-media{box-shadow:var(--y-shadow)}
body.yende-ui-v2 .hero-visual::after{background:linear-gradient(0deg,rgb(23 26 33 / 18%),transparent 42%)}
body.yende-ui-v2 .service-hero-media::after{background:linear-gradient(0deg,rgb(23 26 33 / 22%),transparent 48%)}
body.yende-ui-v2 .photo-frame figcaption,
body.yende-ui-v2 .service-hero-media figcaption{
  color:var(--y-ink);
  background:rgb(255 255 255 / 92%);
  border-left:3px solid var(--y-red);
  backdrop-filter:blur(10px);
}

/* Cards and content: remove stacked dark blocks and restore hierarchy. */
body.yende-ui-v2 .service-card,
body.yende-ui-v2 .service-card.featured,
body.yende-ui-v2 .proof-card,
body.yende-ui-v2 .process-card,
body.yende-ui-v2 .evidence-card,
body.yende-ui-v2 .related-card,
body.yende-ui-v2 .why-grid article,
body.yende-ui-v2 .impact-cards article{
  background:#fff;
  color:var(--y-ink);
  border-color:var(--y-line);
  box-shadow:var(--y-shadow-soft);
}
body.yende-ui-v2 .service-card.featured{transform:none;border-top-color:var(--y-red)}
body.yende-ui-v2 .service-card.featured p,
body.yende-ui-v2 .service-card.featured li,
body.yende-ui-v2 .process-card p,
body.yende-ui-v2 .related-card span{color:var(--y-muted)}
body.yende-ui-v2 .process-card{border-top:3px solid var(--y-red)}
body.yende-ui-v2 .evidence-card{border:1px solid var(--y-line);border-top:4px solid var(--y-red)}
body.yende-ui-v2 .capability-list li{background:#f5f6f7;color:var(--y-text)}
body.yende-ui-v2 .related-section{background:var(--y-surface-soft)}
body.yende-ui-v2 .related-card{border:1px solid var(--y-line)}

/* Forms: Symfony layer previously re-darkened fields; this is the final owner. */
body.yende-ui-v2 .section-contact{background:#f6f7f8}
body.yende-ui-v2 .contact-form{background:#fff;border:1px solid var(--y-line);box-shadow:var(--y-shadow)}
body.yende-ui-v2 .contact-form input,
body.yende-ui-v2 .contact-form select,
body.yende-ui-v2 .contact-form textarea{
  background:#fff;
  color:var(--y-ink);
  border:1px solid #cfd4da;
  border-radius:9px;
}
body.yende-ui-v2 .contact-form input:focus,
body.yende-ui-v2 .contact-form select:focus,
body.yende-ui-v2 .contact-form textarea:focus{border-color:var(--y-red);outline:3px solid rgb(207 31 44 / 10%)}

/* Dark is now an accent, not the page default. */
body.yende-ui-v2 .innovation-section,
body.yende-ui-v2 .section-impact{background:#fff7f7;color:var(--y-ink)}
body.yende-ui-v2 .innovation-grid>div>p:not(.eyebrow):not(.fine-print),
body.yende-ui-v2 .impact-grid .section-heading>p:last-child{color:var(--y-muted)}
body.yende-ui-v2 .spec-grid{background:#eadfe1}
body.yende-ui-v2 .spec-grid div{background:#fff;color:var(--y-ink)}
body.yende-ui-v2 .spec-grid dt{color:var(--y-muted)}
body.yende-ui-v2 .cta-band{background:#fff}
body.yende-ui-v2 .cta-inner{background:#fff7f7;color:var(--y-ink);border:1px solid #f0d8db;box-shadow:var(--y-shadow-soft)}

/* Keep one confident dark anchor at the bottom, softened from near-black. */
body.yende-ui-v2 .site-footer{background:#252a31;color:#e9ebee}
body.yende-ui-v2 .site-footer .footer-grid a,
body.yende-ui-v2 .site-footer .footer-grid span,
body.yende-ui-v2 .site-footer .footer-grid p{color:#c2c7ce}
body.yende-ui-v2 .footer-bottom{color:#a9afb7;border-top-color:#414750}

@media(max-width:980px){
  body.yende-ui-v2 .primary-nav{background:#fff;border:1px solid var(--y-line);box-shadow:var(--y-shadow)}
  body.yende-ui-v2 .services-menu{background:#f8f9fa}
}

@media(max-width:640px){
  body.yende-ui-v2 .hero,
  body.yende-ui-v2 .page-hero,
  body.yende-ui-v2 .service-hero{background:#fff}
  body.yende-ui-v2 .contact-form{padding:1.15rem}
}