/*--------------------------------------------------------------
  Light Color Scheme — Global overrides (all pages)
  Applied sitewide via body selector
  Theme: Iso Board V2

  Color system:
  --light-accent:       #5e8ac7   (replaces gold #FFBB46)
  --light-accent-hover: #7ba3d4   (replaces gold-light #ffcc6e)
  --light-accent-dark:  #4a73ad   (replaces gold-dark #e5a030)
  --light-navy:         #191736   (primary text on light bg)
  --light-bg:           #f5f5f0   (warm off-white)
  --light-text:         #555      (body text)
  --light-muted:        #888      (secondary text)
--------------------------------------------------------------*/

/* ═══════════════════════════════════════════════════════════════
   1. HEADER — light bg, dark text
   ═══════════════════════════════════════════════════════════════ */
body .site-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom-color: #e0e0e0;
}

body .site-header.scrolled {
    background: rgba(255, 255, 255, 0.97);
    border-bottom-color: #ddd;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* Nav links */
body .main-menu-list > li > a {
    color: #191736;
}

body .main-menu-list > li > a:hover,
body .main-menu-list > li > a:focus {
    color: #5e8ac7;
}

/* Logo — keep original colors */
body .brand-logo .logo--light {
    filter: none;
}

/* Header Actions */
body .search-toggle {
    color: #191736;
}
body .search-toggle:hover {
    color: #5e8ac7;
}

/* Mobile menu toggle */
body .mobile-nav-toggle .hamburger-bar {
    background-color: #191736;
}

/* ═══════════════════════════════════════════════════════════════
   2. HERO — light overlay, dark text
   ═══════════════════════════════════════════════════════════════ */

/* Video background */
body .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Home hero video: responsive height guards to prevent oversized hero block */
body .hero-section--video {
    min-height: 100svh;
}

@supports not (height: 100svh) {
    body .hero-section--video {
        min-height: 100vh;
    }
}

@media (max-width: 991px) {
    body .hero-section--video {
        min-height: 82svh;
    }

    body .hero-section--video .hero-label {
        margin-top: 14px;
    }

    body .hero-section--video .hero-inner {
        gap: 24px;
        padding: 108px 0 40px;
    }

    body .hero-section--video .hero-description {
        margin-bottom: 0;
    }

    body .hero-section--video .hero-stats {
        display: none;
    }
}

@media (max-width: 575px) {
    body .hero-section--video {
        min-height: 72svh;
    }

    body .hero-section--video .hero-label {
        margin-top: 10px;
    }

    body .hero-section--video .hero-inner {
        padding: 96px 0 28px;
    }
}

body .hero-overlay {
    background: rgba(10, 10, 30, 0.65) !important;
}

body .hero-title,
body .hero-label,
body .hero-description {
    color: #ffffff !important;
}

/* Hero gold accent — keep original gold */
body .hero-title__gold {
    color: #FFBB46 !important;
}

body .hero-gold-line {
    background: #5e8ac7;
}

body .hero-accent-line {
    background: linear-gradient(90deg, transparent, #5e8ac7 40%, #7ba3d4 60%, transparent);
}

body .hero-scroll-indicator__text {
    color: #ffffff;
}

body .hero-scroll-indicator__line {
    background: linear-gradient(to bottom, #ffffff, transparent);
}

/* Hero CTA buttons — primary is gold (filled) */
body .hero-cta .btn-iso-primary {
    background: #FFBB46;
    color: #191736;
}

body .hero-cta .btn-iso-primary:hover {
    background: #ffcc6e;
    color: #191736;
}

body .hero-cta .btn-iso-white {
    color: #191736;
    border-color: #191736;
}

body .hero-cta .btn-iso-white:hover {
    background: #191736;
    color: #f5f5f0;
}

/* Hero stats card */
body .hero-stats__card {
    background: rgba(255, 255, 255, 0.9);
    border-color: #ddd;
    border-top-color: #5e8ac7;
}

body .hero-stats__number {
    color: #191736;
}

body .hero-stats__label {
    color: #555;
}

body .hero-stats__divider {
    background: rgba(94, 138, 199, 0.2);
}

/* ═══════════════════════════════════════════════════════════════
   GLOBAL — override all dark/steel/concrete section backgrounds
   ═══════════════════════════════════════════════════════════════ */
body.is-front-page .dark-section,
body.is-front-page .steel-section,
body.is-front-page .concrete-section {
    background-color: #f5f5f0;
    color: #191736;
}

body.is-front-page .dark-section h1,
body.is-front-page .dark-section h2,
body.is-front-page .dark-section h3,
body.is-front-page .dark-section h4,
body.is-front-page .dark-section h5,
body.is-front-page .dark-section h6,
body.is-front-page .steel-section h1,
body.is-front-page .steel-section h2,
body.is-front-page .steel-section h3,
body.is-front-page .steel-section h4,
body.is-front-page .steel-section h5,
body.is-front-page .steel-section h6,
body.is-front-page .concrete-section h1,
body.is-front-page .concrete-section h2,
body.is-front-page .concrete-section h3,
body.is-front-page .concrete-section h4,
body.is-front-page .concrete-section h5,
body.is-front-page .concrete-section h6 {
    color: #191736;
}

body.is-front-page .dark-section p,
body.is-front-page .steel-section p,
body.is-front-page .concrete-section p {
    color: #555;
}

/* Section labels — keep gold */
body .section-label {
    color: #FFBB46;
}

/* Global homepage alignment + spacing rhythm (desktop-first) */
body.is-front-page :is(
    .hero-section,
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) :is(h1, h2, h3, h4, h5, h6, p) {
    text-align: center;
}

body.is-front-page :is(
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) .section-header {
    margin-bottom: clamp(34px, 4vw, 56px) !important;
    text-align: center;
}

body.is-front-page :is(
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) .section-header > * {
    margin-left: auto;
    margin-right: auto;
}

/* Desktop headers that were offset by Bootstrap utility classes */
body.is-front-page .our-work-section .section-header {
    justify-content: center !important;
}

body.is-front-page .our-work-section .section-header > div {
    width: 100%;
    text-align: center;
}

body.is-front-page .services-section .row.align-items-end.mb-5 {
    justify-content: center;
    margin-bottom: clamp(34px, 4vw, 56px) !important;
}

body.is-front-page .services-section .row.align-items-end.mb-5 > [class*="col-"] {
    width: 100%;
    max-width: 860px;
    flex: 0 0 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

body.is-front-page :is(
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) .section-title {
    margin-bottom: clamp(12px, 1.6vw, 20px);
}

body.is-front-page :is(
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) .section-divider {
    margin: 0 auto 14px;
}

body.is-front-page :is(
    .hero-description,
    .section-subtitle,
    .about-content__text,
    .service-step__desc,
    .iso-card__desc,
    .numbers-item__label,
    .contact-info-panel__desc
) {
    margin-left: auto;
    margin-right: auto;
    max-width: 72ch;
}

body.is-front-page :is(
    .qualities-section,
    .about-section,
    .our-work-section,
    .products-section,
    .numbers-section,
    .testimonials-section,
    .services-section,
    .clients-section,
    .contact-section
) .section-subtitle {
    margin-top: 14px !important;
    margin-bottom: 0;
}

/* Keep spacing consistent with .section-padding for sections that don't use it */
body.is-front-page .numbers-section,
body.is-front-page .clients-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 991px) {
    body.is-front-page .numbers-section,
    body.is-front-page .clients-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 575px) {
    body.is-front-page .numbers-section,
    body.is-front-page .clients-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* Section dividers — blue (used as underline/border) */
body .section-divider {
    background: #5e8ac7;
}

/* Section title italic/em words — keep original gold */
body .section-title em {
    color: #FFBB46;
}

/* ═══════════════════════════════════════════════════════════════
   GLOBAL — Buttons: keep gold for filled, blue for borders only
   ═══════════════════════════════════════════════════════════════ */

/* Primary filled button — keep gold */
body .btn-iso-primary {
    background: #FFBB46;
    color: #191736;
}

body .btn-iso-primary:hover,
body .btn-iso-primary:focus {
    background: #ffcc6e;
    color: #191736;
}

body .btn-iso-primary:active {
    background: #e5a030;
}

/* Outline button — blue border */
body .btn-iso-outline {
    color: #191736;
    border-color: #5e8ac7;
}

body .btn-iso-outline:hover,
body .btn-iso-outline:focus {
    background: rgba(94, 138, 199, 0.1);
    color: #191736;
    border-color: #5e8ac7;
}

/* Icon button (nav arrows etc.) — blue border only */
body .btn-iso-icon {
    border-color: #ddd;
    color: #191736;
}

body .btn-iso-icon:hover {
    background: #191736;
    color: #fff;
    border-color: #191736;
}

/* ═══════════════════════════════════════════════════════════════
   2b. QUALITIES — light cards
   ═══════════════════════════════════════════════════════════════ */
body .iso-card {
    background: #fff;
    border-color: #e0e0e0;
    border-top-color: #5e8ac7;
}

/* Remove gold ::before gradient on cards */
body .iso-card::before {
    background: linear-gradient(135deg, rgba(94, 138, 199, 0.03) 0%, transparent 60%);
}

/* Card hover → blue accents */
body .iso-card:hover {
    border-color: #5e8ac7;
    box-shadow: 0 24px 60px rgba(94, 138, 199, 0.08),
                0 8px 20px rgba(0, 0, 0, 0.06);
}

body .iso-card__title {
    color: #191736;
}

body .iso-card__desc {
    color: #555;
}

/* Card icon — keep gold */
body .iso-card__icon svg,
body .iso-card__icon img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(28%) saturate(684%) hue-rotate(337deg) brightness(99%) contrast(92%);
}

body .iso-card__link {
    color: #FFBB46;
}

body .iso-card__link:hover {
    color: #ffcc6e;
}

/* ═══════════════════════════════════════════════════════════════
   3. OUR WORK — light background
   ═══════════════════════════════════════════════════════════════ */
body .our-work-section {
    background-color: #f5f5f0;
}

body .our-work-section .section-title,
body .our-work-section .section-label {
    color: #191736;
}

/* 3-column grid: large | 2 small stacked | large */
body .projects-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 220px 220px;
    gap: 16px;
}
/* Card 1: large, spans 2 rows in col 1 */
body .projects-grid .project-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}
/* Card 2: small, top of col 2 */
body .projects-grid .project-card:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}
/* Card 3: small, bottom of col 2 */
body .projects-grid .project-card:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}
/* Card 4: large, spans 2 rows in col 3 */
body .projects-grid .project-card:nth-child(4) {
    grid-column: 3;
    grid-row: 1 / 3;
}
/* Tablet: 2 cols */
@media (max-width: 991px) {
    body .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-auto-rows: 250px;
    }
    body .projects-grid .project-card:nth-child(1),
    body .projects-grid .project-card:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
    body .projects-grid .project-card:nth-child(2),
    body .projects-grid .project-card:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
    }
}
/* Mobile: 1 col */
@media (max-width: 575px) {
    body .projects-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-rows: 280px;
    }
}

/* Project card overlay — dark gradient for readability */
body .project-card__overlay {
    background: linear-gradient(to top, rgba(10, 10, 26, 0.92) 0%, rgba(10, 10, 26, 0.3) 50%, transparent 100%);
}

body .project-card__title {
    color: #f5f5f0 !important;
}

/* Project tags → gold pill with navy background for legibility */
body .project-card__tags {
    color: #FFBB46;
    background-color: rgba(10, 10, 26, 0.7);
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

body .project-card__arrow {
    color: #FFBB46;
    border-color: rgba(255, 187, 70, 0.4);
}

/* ═══════════════════════════════════════════════════════════════
   4. TESTIMONIALS — light background
   ═══════════════════════════════════════════════════════════════ */
body .testimonials-section.concrete-section {
    background-color: #f5f5f0;
}

body .testimonials-section .section-title,
body .testimonials-section .section-label {
    color: #191736;
}

body .testimonial-card {
    background: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    border-left-color: #5e8ac7;
}

body .testimonial-card__text,
body .testimonial-card__text p {
    color: #444;
}

body .testimonial-card__name {
    color: #191736;
}

body .testimonial-card__position {
    color: #FFBB46;
}

body .testimonial-card__line {
    background: #5e8ac7;
}

/* Quote icon → gold */
body .testimonial-card__quote svg,
body .testimonial-card__quote-icon svg {
    fill: #FFBB46;
    opacity: 0.35;
}

/* Splide pagination → gold */
body .testimonials-splide .splide__pagination__page {
    background: rgba(255, 187, 70, 0.3);
}

body .testimonials-splide .splide__pagination__page.is-active {
    background: #FFBB46;
}

/* Nav arrows */
body .testimonials-nav .btn-iso-icon,
body .testimonials-nav__prev,
body .testimonials-nav__next {
    color: #191736;
    border-color: #ddd;
}

body .testimonials-nav .btn-iso-icon:hover,
body .testimonials-nav__prev:hover,
body .testimonials-nav__next:hover {
    background: #5e8ac7;
    color: #fff;
    border-color: #5e8ac7;
}

body .testimonials-nav__prev svg,
body .testimonials-nav__next svg {
    stroke: currentColor;
}

/* ═══════════════════════════════════════════════════════════════
   5. FOOTER — light background, dark text
   ═══════════════════════════════════════════════════════════════ */
body .site-footer,
body .site-footer.dark-section {
    background-color: #f5f5f0;
    color: #555;
}

body .site-footer.dark-section h1,
body .site-footer.dark-section h2,
body .site-footer.dark-section h3,
body .site-footer.dark-section h4,
body .site-footer.dark-section h5,
body .site-footer.dark-section h6 {
    color: #191736;
}

body .site-footer.dark-section p {
    color: #555;
}

body .footer-widget__title {
    color: #191736 !important;
}

body .footer-about__text,
body .footer-cta__text {
    color: #666;
}

body .footer-contact-list__item,
body .footer-contact-list__item a {
    color: #555;
}

body .footer-nav-list li a {
    color: #555;
}

body .footer-nav-list li a:hover {
    color: #5e8ac7;
}

body .footer-social__link {
    color: #555;
    border-color: #ddd;
}

body .footer-social__link:hover {
    background: #5e8ac7;
    color: #fff;
    border-color: #5e8ac7;
}

/* Footer logo — remove invert filter */
body .footer-logo img {
    filter: none;
    opacity: 1;
}

/* Footer bottom bar */
body .footer-bottom {
    border-top-color: #ddd;
}

body .footer-bottom__copy p {
    color: #888;
}

body .footer-legal-list li a {
    color: #888;
}

body .footer-legal-list li a:hover {
    color: #5e8ac7;
}

/* Footer divider → blue */
body .footer-divider {
    background: linear-gradient(90deg, transparent 0%, rgba(94, 138, 199, 0.3) 20%, #5e8ac7 50%, rgba(94, 138, 199, 0.3) 80%, transparent 100%);
}

/* Footer CTA button — gold (filled element) */
body .site-footer .btn-iso-primary {
    background: #FFBB46;
    color: #191736;
}

body .site-footer .btn-iso-primary:hover {
    background: #ffcc6e;
    color: #191736;
}

/* ═══════════════════════════════════════════════════════════════
   6. PRODUCTS — light cards
   ═══════════════════════════════════════════════════════════════ */
body .products-section {
    background-color: #f5f5f0;
}

body .product-card__inner {
    background: #fff;
    border-color: #e0e0e0;
    border-top-color: #5e8ac7;
}

body .product-card__inner:hover {
    border-color: rgba(94, 138, 199, 0.4);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

body .product-card__title {
    color: #191736;
}

body .product-card__desc {
    color: #555;
}

/* ═══════════════════════════════════════════════════════════════
   7. NUMBERS — light background
   ═══════════════════════════════════════════════════════════════ */
body .numbers-section {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* Number counts → navy (not gold) */
body .numbers-item__count,
body .numbers-item__count.odometer,
body .numbers-item__count.odometer-theme-default,
body .numbers-item__count.odometer-auto-theme {
    color: #191736 !important;
}

body .numbers-item__suffix {
    color: #FFBB46;
}

body .numbers-item__label {
    color: #555;
}

/* Divider between items → blue tint */
body .numbers-item::after {
    background: rgba(94, 138, 199, 0.15);
}

/* Legacy class fallback */
body .numbers-section .stat-number,
body .numbers-section .odometer {
    color: #191736;
}

body .numbers-section .stat-label {
    color: #555;
}

/* ═══════════════════════════════════════════════════════════════
   8. SERVICES / FABRICATION — light background
   ═══════════════════════════════════════════════════════════════ */
body .services-section {
    background-color: #f5f5f0;
}

body .service-step {
    background: #fff;
    border-color: #e0e0e0;
}

body .service-step:hover {
    background: #fff;
    border-color: rgba(94, 138, 199, 0.25);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}

body .service-step__title {
    color: #191736;
}

body .service-step__desc {
    color: #555;
}

/* Background number → subtle blue-tinted gray */
body .service-step__bg-number {
    color: rgba(94, 138, 199, 0.06);
}

/* Badge (01, 02, etc.) → gold text, blue border */
body .service-step__badge {
    color: #FFBB46;
    border-color: rgba(94, 138, 199, 0.35);
}

/* Icons — gold for all service step icons */
body .service-step__icon {
    color: #FFBB46;
}

body .service-step__icon svg {
    color: #FFBB46;
    fill: currentColor;
    stroke: currentColor;
}

/* Override: SVGs that use ONLY stroke (02 Modelisation, 05 Livraison) need fill:none */
body .service-step__icon svg[fill="none"] {
    fill: none;
}

body .service-step__icon svg[fill="none"] path,
body .service-step__icon svg[fill="none"] circle,
body .service-step__icon svg[fill="none"] rect {
    stroke: #FFBB46;
}

/* Override: SVGs that use ONLY fill need stroke reset */
body .service-step__icon svg path[fill="currentColor"],
body .service-step__icon svg g path {
    fill: #FFBB46;
}

/* ═══════════════════════════════════════════════════════════════
   9. CLIENTS — light background
   ═══════════════════════════════════════════════════════════════ */
body .clients-section {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

body .clients-section img {
    filter: none;
    opacity: 0.6;
}

/* ═══════════════════════════════════════════════════════════════
   10. CONTACT — light background
   ═══════════════════════════════════════════════════════════════ */
body .contact-section {
    background-color: #f5f5f0;
}

/* Contact info panel: keep gold bg (filled element) */
body .contact-info-panel {
    background: #FFBB46;
}

body .contact-info-panel .section-label {
    color: rgba(25, 23, 54, 0.6);
}

body .contact-info-panel__title,
body .contact-info-panel__title em {
    color: #191736;
}

body .contact-info-panel__desc {
    color: rgba(25, 23, 54, 0.75);
}

body .contact-info-item span,
body .contact-info-item a {
    color: #191736;
}

body .contact-info-item__icon {
    color: #191736;
}

body .contact-form-panel {
    background: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

body .contact-form-panel__title {
    color: #191736;
}

body .contact-form-wrap input[type="text"],
body .contact-form-wrap input[type="email"],
body .contact-form-wrap input[type="tel"],
body .contact-form-wrap input[type="url"],
body .contact-form-wrap textarea,
body .contact-form-wrap select {
    background: #f5f5f0 !important;
    border-color: #ddd !important;
    border-bottom-color: rgba(94, 138, 199, 0.3) !important;
    color: #333 !important;
}

body .contact-form-wrap input[type="text"]:focus,
body .contact-form-wrap input[type="email"]:focus,
body .contact-form-wrap input[type="tel"]:focus,
body .contact-form-wrap input[type="url"]:focus,
body .contact-form-wrap textarea:focus,
body .contact-form-wrap select:focus {
    border-bottom-color: #5e8ac7 !important;
    background: #fff !important;
}

body .contact-form-wrap input[type="text"]::placeholder,
body .contact-form-wrap input[type="email"]::placeholder,
body .contact-form-wrap input[type="tel"]::placeholder,
body .contact-form-wrap input[type="url"]::placeholder,
body .contact-form-wrap textarea::placeholder {
    color: #999;
}

body .contact-form-wrap select option {
    background: #fff;
    color: #333;
}

/* CF7 response output → blue accent */
body .contact-form-wrap .wpcf7-response-output {
    border-left-color: #5e8ac7;
    background: rgba(94, 138, 199, 0.05);
    color: #444;
}

/* ═══════════════════════════════════════════════════════════════
   11. MAP — full-width embed
   ═══════════════════════════════════════════════════════════════ */
body .map-section {
    background-color: #f5f5f0;
}

body .map-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 30%; /* ~3.3:1 aspect ratio */
    min-height: 300px;
    overflow: hidden;
}

body .map-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ═══════════════════════════════════════════════════════════════
   12. ABOUT SECTION — light adjustments
   ═══════════════════════════════════════════════════════════════ */
body .about-section {
    background-color: #fff;
}

body .about-section .section-label {
    color: #FFBB46;
}

/* ═══════════════════════════════════════════════════════════════
   13. GLOBAL ACCENT OVERRIDES — catch any remaining gold
   ═══════════════════════════════════════════════════════════════ */

/* Tag pills — gold text, blue border */
body .tag-pill {
    color: #FFBB46;
    border-color: rgba(94, 138, 199, 0.3);
}

body .tag-pill:hover {
    background: #FFBB46;
    color: #191736;
}

/* Blockquote accent */
body blockquote {
    border-left-color: #5e8ac7;
}

/* Links inside content */
body .wp-content a {
    color: #5e8ac7;
}

body .wp-content a:hover {
    color: #4a73ad;
}


/* ═══════════════════════════════════════════════════════════════
   14. GLOBAL LIGHT MODE CLEANUP — menus, overlays, footer
   ═══════════════════════════════════════════════════════════════ */
html {
    color-scheme: light;
}

body {
    background: #f8f6f1;
    color: #555;
}

body .brand-logo .logo--light {
    display: none;
}

body .brand-logo .logo--dark {
    display: block;
}

body .main-menu-list .dropdown-menu {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(25, 23, 54, 0.08);
    border-top: 2px solid #5e8ac7;
    box-shadow: 0 18px 48px rgba(25, 23, 54, 0.12);
}

body .main-menu-list .dropdown-menu .dropdown-item {
    color: #191736;
}

body .main-menu-list .dropdown-menu .dropdown-item:hover,
body .main-menu-list .dropdown-menu .dropdown-item:focus,
body .main-menu-list .dropdown-menu .current-menu-item > .dropdown-item,
body .main-menu-list .dropdown-menu .current_page_item > .dropdown-item {
    background: rgba(94, 138, 199, 0.1);
    color: #191736;
}

body .main-menu-list .dropdown-menu .dropdown-divider {
    border-top-color: rgba(25, 23, 54, 0.08);
}



body .mobile-nav-overlay {
    background: linear-gradient(180deg, #fcfbf7 0%, #f5f5f0 100%);
    color: #191736;
}

body .mobile-nav-close,
body .mobile-nav-social a,
body .mobile-menu-list li a {
    color: #191736;
}

body .mobile-nav-close:hover,
body .mobile-menu-list li a:hover,
body .mobile-menu-list li.current-menu-item > a,
body .mobile-menu-list li.current-menu-ancestor > a {
    color: #5e8ac7;
}

body .mobile-nav-social a {
    background: #fff;
    border-color: rgba(94, 138, 199, 0.22);
}

body .mobile-nav-social a:hover {
    background: rgba(94, 138, 199, 0.12);
    border-color: #5e8ac7;
    color: #191736;
}

body .mobile-nav-logo img {
    filter: none;
}

body .nav-backdrop {
    background: rgba(25, 23, 54, 0.12);
}

body .search-overlay {
    background: rgba(248, 246, 241, 0.96);
    color: #191736;
}

body .search-form {
    border-bottom-color: #5e8ac7;
}

body .search-field {
    color: #191736;
}

body .search-field::placeholder {
    color: rgba(25, 23, 54, 0.35);
}

body .search-submit,
body .search-close {
    color: #191736;
}

body .search-submit:hover,
body .search-close:hover {
    color: #5e8ac7;
}

body .site-footer,
body .footer-inner,
body .footer-main,
body .footer-bottom {
    background: #f8f6f1;
    color: #555;
}

body .footer-widget__title,
body .footer-bottom,
body .footer-bottom p,
body .footer-bottom span {
    color: #191736;
}

body .footer-about__text,
body .footer-contact-list__item,
body .footer-contact-list__item a,
body .footer-nav-list li a,
body .footer-legal-list li a,
body .footer-cta__text {
    color: #555;
}

body .footer-contact-list__item a:hover,
body .footer-nav-list li a:hover,
body .footer-legal-list li a:hover {
    color: #5e8ac7;
}

body .footer-social__link {
    background: #fff;
    border-color: rgba(94, 138, 199, 0.2);
    color: #191736;
}

body .footer-social__link:hover {
    background: rgba(94, 138, 199, 0.12);
    border-color: #5e8ac7;
    color: #191736;
}

body .footer-logo img {
    filter: none;
    opacity: 1;
}

body .footer-divider {
    background: linear-gradient(90deg, transparent, rgba(94, 138, 199, 0.25) 20%, #5e8ac7 50%, rgba(94, 138, 199, 0.25) 80%, transparent);
}

body .footer-divider-sm {
    background: #5e8ac7;
}

body.is-front-page .bg-dark-iso,
body.is-front-page .bg-steel,
body.is-front-page [data-bs-theme="dark"],
body.is-front-page .dark-section,
body.is-front-page .steel-section,
body.is-front-page .concrete-section {
    background-color: #f8f6f1 !important;
    color: #191736 !important;
}

body.is-front-page .bg-dark-iso *,
body.is-front-page .bg-steel *,
body.is-front-page [data-bs-theme="dark"] *,
body.is-front-page .dark-section *,
body.is-front-page .steel-section *,
body.is-front-page .concrete-section * {
    border-color: rgba(25, 23, 54, 0.08);
}

body.is-front-page .bg-dark-iso h1,
body.is-front-page .bg-dark-iso h2,
body.is-front-page .bg-dark-iso h3,
body.is-front-page .bg-dark-iso h4,
body.is-front-page .bg-dark-iso h5,
body.is-front-page .bg-dark-iso h6,
body.is-front-page .bg-steel h1,
body.is-front-page .bg-steel h2,
body.is-front-page .bg-steel h3,
body.is-front-page .bg-steel h4,
body.is-front-page .bg-steel h5,
body.is-front-page .bg-steel h6,
body.is-front-page [data-bs-theme="dark"] h1,
body.is-front-page [data-bs-theme="dark"] h2,
body.is-front-page [data-bs-theme="dark"] h3,
body.is-front-page [data-bs-theme="dark"] h4,
body.is-front-page [data-bs-theme="dark"] h5,
body.is-front-page [data-bs-theme="dark"] h6,
body.is-front-page .dark-section h1,
body.is-front-page .dark-section h2,
body.is-front-page .dark-section h3,
body.is-front-page .dark-section h4,
body.is-front-page .dark-section h5,
body.is-front-page .dark-section h6,
body.is-front-page .steel-section h1,
body.is-front-page .steel-section h2,
body.is-front-page .steel-section h3,
body.is-front-page .steel-section h4,
body.is-front-page .steel-section h5,
body.is-front-page .steel-section h6,
body.is-front-page .concrete-section h1,
body.is-front-page .concrete-section h2,
body.is-front-page .concrete-section h3,
body.is-front-page .concrete-section h4,
body.is-front-page .concrete-section h5,
body.is-front-page .concrete-section h6 {
    color: #191736 !important;
}

body.is-front-page .bg-dark-iso p,
body.is-front-page .bg-steel p,
body.is-front-page [data-bs-theme="dark"] p,
body.is-front-page .dark-section p,
body.is-front-page .steel-section p,
body.is-front-page .concrete-section p {
    color: #555 !important;
}