/**
 * DARNEO Premium Landing. aligné maquette Stitch (crème, or, charbon, enchaînement des sections).
 * Page d’accueil : body.darneo-home-premium
 */

.darneo-home-premium {
    --premium-charcoal: #1E1E1E;
    --premium-gold: #C6A96B;
    --premium-gold-soft: rgba(198, 169, 107, 0.32);
    --premium-cream: #F5EFE7;
    --premium-cream-deep: #EFE7DC;
    --premium-white-soft: #FFFFFF;
}

/* ─── Fonds alternés (scroll long type Stitch) ─── */
.darneo-home-premium #estimation-ia-promo {
    background: linear-gradient(180deg, var(--premium-white-soft) 0%, var(--premium-cream) 100%) !important;
}
.darneo-home-premium #accueil.darneo-main-intro {
    background: var(--premium-cream) !important;
}
.darneo-home-premium #expertise-atouts {
    background: #fff !important;
}
html.dark .darneo-home-premium #expertise-atouts {
    background: var(--premium-charcoal) !important;
}

/* Pourquoi : bande claire + cartes blanches (comme maquette) */
.darneo-home-premium #pourquoi-darneo {
    background: linear-gradient(180deg, var(--premium-cream) 0%, var(--premium-white-soft) 100%) !important;
}
html.dark .darneo-home-premium #pourquoi-darneo {
    background: linear-gradient(180deg, #1e242c 0%, var(--premium-charcoal) 100%) !important;
}
.darneo-home-premium #pourquoi-darneo .engagement-card {
    background: #fff !important;
    box-shadow: 0 4px 24px rgba(28, 43, 58, 0.06);
}
html.dark .darneo-home-premium #pourquoi-darneo .engagement-card {
    background: rgba(255, 255, 255, 0.06) !important;
}

.darneo-home-premium #temoignages {
    background: #fff !important;
}
html.dark .darneo-home-premium #temoignages {
    background: #151a20 !important;
}

/* Bandeau chiffres (entre avis et services) */
.darneo-home-premium #darneo-trust-strip {
    background: var(--premium-cream-deep) !important;
}
html.dark .darneo-home-premium #darneo-trust-strip {
    background: #1e242c !important;
}

.darneo-home-premium #services {
    background: var(--premium-white-soft) !important;
}
html.dark .darneo-home-premium #services {
    background: linear-gradient(180deg, var(--premium-charcoal) 0%, #151a20 100%) !important;
}

.darneo-home-premium #processus {
    background: var(--premium-cream) !important;
}
html.dark .darneo-home-premium #processus {
    background: #12161c !important;
}

.darneo-home-premium #contact,
.darneo-home-premium #faq {
    background: var(--premium-white-soft) !important;
}
html.dark .darneo-home-premium #contact,
html.dark .darneo-home-premium #faq {
    background: #1a1f26 !important;
}

/* Nav : couleurs portées par #mainNav (design-system, fond beige) */
.darneo-home-premium #mainNav.darneo-react-header {
    background-color: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom-color: rgba(198, 169, 107, 0.22) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}
html.dark .darneo-home-premium #mainNav.darneo-react-header {
    background-color: transparent !important;
}

/* Double bordure or. bloc estimation (équivalent .gold-outline React) */
.darneo-home-premium .darneo-gold-outline {
    position: relative;
    border: 1.5px solid rgba(198, 169, 107, 0.45);
}
.darneo-home-premium .darneo-gold-outline::before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px solid rgba(198, 169, 107, 0.28);
    border-radius: inherit;
    pointer-events: none;
}
html.dark .darneo-home-premium .darneo-gold-outline {
    border-color: rgba(198, 169, 107, 0.55);
}

/* Hero */
.darneo-home-premium #hero-visual-intro .hero-badge {
    display: none !important;
}
/* Sous-titre hero : italique caps (App.tsx). classe .hero-react-kicker */
.darneo-home-premium #hero-visual-intro .hero-react-kicker {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.45);
}

/* Cartes « sérénité » (#accueil) */
.darneo-home-premium #accueil .darneo-card-feature {
    border-left: none !important;
    border: 1px solid var(--premium-gold-soft) !important;
    box-shadow: 0 8px 32px rgba(28, 43, 58, 0.06);
    background: #fff !important;
}
html.dark .darneo-home-premium #accueil .darneo-card-feature {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(198, 169, 107, 0.28) !important;
}

.darneo-home-premium #accueil .darneo-icon-service {
    background: var(--premium-charcoal) !important;
    color: var(--premium-gold) !important;
    border: 1px solid var(--premium-gold-soft);
    border-radius: 0.5rem !important;
}

/* Bloc estimation IA (fond crème + ombre ; bordure double via .darneo-gold-outline) */
.darneo-home-premium #estimation-ia-promo .darneo-gold-outline {
    box-shadow: 0 20px 50px rgba(28, 43, 58, 0.1);
}
html.dark .darneo-home-premium #estimation-ia-promo .darneo-gold-outline {
    background: rgba(255, 255, 255, 0.06) !important;
}

/* Expertise */
.darneo-home-premium #expertise-atouts .darneo-card-feature {
    border: 1px solid var(--premium-gold-soft) !important;
    border-left: none !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(28, 43, 58, 0.05);
}
html.dark .darneo-home-premium #expertise-atouts .darneo-card-feature {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Stats confiance */
.darneo-home-premium .darneo-trust-stats > div {
    border: 1px solid var(--premium-gold-soft) !important;
    background: rgba(255, 255, 255, 0.92) !important;
}
html.dark .darneo-home-premium .darneo-trust-stats > div {
    background: rgba(255, 255, 255, 0.06) !important;
}

/* Grille prestations */
.darneo-home-premium .darneo-prestations-grid a {
    border-color: rgba(198, 169, 107, 0.25) !important;
    background: #fff !important;
}
html.dark .darneo-home-premium .darneo-prestations-grid a {
    background: rgba(255, 255, 255, 0.04) !important;
}

.darneo-home-premium #services .bg-white\/50 {
    border: 1px solid var(--premium-gold-soft) !important;
    background: rgba(255, 255, 255, 0.75) !important;
}

/* Témoignages */
.darneo-home-premium #temoignages .rounded-xl.shadow-sm,
.darneo-home-premium #temoignages .border-l-4 {
    border: 1px solid var(--premium-gold-soft) !important;
    border-left-width: 3px !important;
    border-left-color: rgba(198, 169, 107, 0.65) !important;
    box-shadow: 0 16px 40px rgba(31, 26, 23, 0.06) !important;
    border-radius: 0.75rem !important;
}

/* Processus. terracotta → taupe profond, palette charte darneo */
.darneo-home-premium #processus .processus-panel {
    background: linear-gradient(
        150deg,
        #C17A5A 0%,
        #8B6B5A 45%,
        #3A2E28 100%
    ) !important;
    border: 1px solid rgba(255, 236, 214, 0.2);
}

.darneo-home-premium #processus .processus-step-icon--lux {
    background: linear-gradient(
        155deg,
        rgba(255, 255, 255, 0.12) 0%,
        rgba(255, 255, 255, 0.03) 100%
    ) !important;
    border-color: rgba(198, 169, 107, 0.5) !important;
    color: var(--premium-gold) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.darneo-home-premium #processus .processus-step-glyph {
    color: var(--premium-gold) !important;
}
.darneo-home-premium #processus .processus-step-icon:not(.processus-step-icon--lux) {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--premium-gold) !important;
    color: var(--premium-gold) !important;
}

/* Contact / FAQ */
.darneo-home-premium #contact [class*="bg-white"] {
    border-color: rgba(198, 169, 107, 0.22) !important;
}

.darneo-home-premium #faq details {
    border-color: rgba(198, 169, 107, 0.22) !important;
    background: rgba(255, 255, 255, 0.85) !important;
}
html.dark .darneo-home-premium #faq details {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Footer */
.darneo-home-premium #main-footer {
    background: var(--premium-charcoal) !important;
}

/* Titres de section : barre or sous H2 principaux */
.darneo-home-premium .section-title-accent::after {
    opacity: 1;
    height: 3px;
    max-width: 4rem;
    margin-left: auto;
    margin-right: auto;
}