/**
 * Locali Kitchen & Bath Landing Page - overrides on top of backyard.css.
 * Body class: .lc-kb-page (combined with .lc-by-page for shared chrome).
 * Goal: keep brand parity, lean slightly warmer (kitchens read as warm interior shots
 * vs backyard's outdoor green-heavy palette). Subtle copper/gold weight increase on accents.
 */

/* ------------------------------------------------------------------ Hero */
.lc-kb-page .lc-by-hero__bg {
    /* Interior kitchen shots want less darkening so warm wood/stone reads true */
    filter: brightness(0.82) saturate(1.08);
}

/* Slight warm tint on the form card to match interior aesthetic */
.lc-kb-page .lc-by-hero__form-card {
    background: #FFFCF7;
}

/* ------------------------------------------------------------------ Pain section - quieter, more advisory */
.lc-kb-page .lc-by-transform .lc-by-transform__card {
    background: #FAF7F1;
    border-left: 3px solid var(--lc-gold, #C8A96E);
}

.lc-kb-page .lc-by-transform .lc-by-transform__card-number {
    color: var(--lc-copper, #B87333);
}

/* ------------------------------------------------------------------ Services grid (10 items) */
@media (min-width: 1280px) {
    .lc-kb-page .lc-by-services__grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* ------------------------------------------------------------------ Stats + reviews - slightly warmer rule lines */
.lc-kb-page .lc-by-stats {
    border-top-color: rgba(184, 115, 51, 0.18);
    border-bottom-color: rgba(184, 115, 51, 0.18);
}

/* ------------------------------------------------------------------ Process section - 5 steps not 4 */
.lc-kb-page .lc-by-process__cards {
    /* allow 5 cards in a row on wide screens */
}
@media (min-width: 1200px) {
    .lc-kb-page .lc-by-process__cards {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* ------------------------------------------------------------------ Final CTA */
.lc-kb-page .lc-by-cta::before {
    background: linear-gradient(180deg, rgba(26, 60, 42, 0.50) 0%, rgba(26, 60, 42, 0.82) 100%);
}

/* ------------------------------------------------------------------ Mobile bar */
.lc-kb-page .lc-by-mobile-bar {
    grid-template-columns: 1fr 1fr;
}