/* =============================================================
   DEVIS PAGE - Overrides chromatiques
   Page Devis (ID 559) - alignement charte "Maison de tradition"
   Tous les overrides scopes sur body.page-id-559 pour eviter
   tout impact sur les autres pages.
   ============================================================= */

/* ============================================================
   1. FOND DE PAGE + RETIRER L'IMAGE DE FOND ACTUELLE
   ============================================================ */
body.page-id-559 {
    background-color: #F2EEE3 !important;
}

/* Neutraliser l'image de fond du container racine */
body.page-id-559 .wp-block-uagb-container.uagb-block-677a2ebc {
    background-image: none !important;
    background-color: #F2EEE3 !important;
}

/* Neutraliser l'overlay du container racine si present */
body.page-id-559 .wp-block-uagb-container.uagb-block-677a2ebc::before,
body.page-id-559 .wp-block-uagb-container.uagb-block-677a2ebc > .uagb-overlay {
    background: transparent !important;
    opacity: 0 !important;
}

/* Fond global du formulaire (overrides l'inline #f8f6f1) */
body.page-id-559 .devis-page {
    background-color: #F2EEE3 !important;
    font-family: 'Lora', Georgia, serif !important;
}

/* ============================================================
   2. HERO - Eyebrow, trait, titre, sous-titre
   ============================================================ */
body.page-id-559 .devis-hero-label {
    color: #A88B5C !important;
    letter-spacing: 3.5px !important;
    font-family: 'Playfair Display', serif !important;
}

body.page-id-559 .devis-hero-trait {
    background: #A88B5C !important;
    background-color: #A88B5C !important;
    height: 1px !important;
}

body.page-id-559 .devis-hero-titre {
    color: #5C4F36 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
}

body.page-id-559 .devis-hero-sous {
    color: #5A5A55 !important;
    font-family: 'Lora', serif !important;
    font-style: italic;
}

/* ============================================================
   3. CARTE PRINCIPALE DU FORMULAIRE
   ============================================================ */
body.page-id-559 .devis-carte {
    background: #FFFFFF !important;
    border: 1px solid rgba(168, 139, 92, 0.18) !important;
    box-shadow: 0 12px 36px -18px rgba(26, 26, 26, 0.18) !important;
}

/* ============================================================
   4. SECTIONS - Headers + Titres + Lignes decoratives
   ============================================================ */
body.page-id-559 .dv-section-header {
    border-bottom-color: rgba(168, 139, 92, 0.25) !important;
}

body.page-id-559 .dv-section-titre {
    color: #5C4F36 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
}

body.page-id-559 .dv-section-line {
    background: #A88B5C !important;
    background-color: #A88B5C !important;
    height: 1px !important;
}

/* ============================================================
   5. SOUS-SECTIONS (avec puce decorative ::before)
   ============================================================ */
body.page-id-559 .dv-subsection {
    color: #1A1A1A !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
}

body.page-id-559 .dv-subsection::before {
    background: #A88B5C !important;
    background-color: #A88B5C !important;
    color: #A88B5C !important;
}

/* ============================================================
   6. LABELS + ASTERISQUES OBLIGATOIRES
   ============================================================ */
body.page-id-559 .dv-label {
    color: #1C1C1C !important;
    font-family: 'Lora', serif !important;
    font-weight: 600 !important;
}

body.page-id-559 .dv-label .obligatoire,
body.page-id-559 .dv-label span[style*="color"],
body.page-id-559 .dv-label sup,
body.page-id-559 .obligatoire {
    color: #7A1E2E !important;
}

/* ============================================================
   7. CHAMPS INPUT + TEXTAREA + FOCUS
   ============================================================ */
body.page-id-559 .dv-input,
body.page-id-559 .dv-textarea {
    background: #FAF8F3 !important;
    border: 1px solid #E0DDD6 !important;
    color: #1A1A1A !important;
    font-family: 'Lora', serif !important;
    transition: border-color 0.3s ease, background 0.3s ease !important;
}

body.page-id-559 .dv-input:focus,
body.page-id-559 .dv-textarea:focus {
    border-color: #A88B5C !important;
    background: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(168, 139, 92, 0.12) !important;
}

/* ============================================================
   8. LIGNES PRODUITS DYNAMIQUES + SEPARATEURS
   ============================================================ */
body.page-id-559 .ligne-produit {
    border-color: rgba(168, 139, 92, 0.18) !important;
}

body.page-id-559 .separateur {
    background: rgba(216, 210, 194, 0.6) !important;
    background-color: rgba(216, 210, 194, 0.6) !important;
}

/* ============================================================
   9. BOUTON "AJOUTER UN PRODUIT"
   ============================================================ */
body.page-id-559 .btn-ajouter {
    background: #F2EEE3 !important;
    background-color: #F2EEE3 !important;
    color: #A88B5C !important;
    border: 1px solid #A88B5C !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

body.page-id-559 .btn-ajouter:hover {
    background: #A88B5C !important;
    background-color: #A88B5C !important;
    color: #F0EBE0 !important;
}

/* ============================================================
   10. BOUTON "SUPPRIMER" UNE LIGNE PRODUIT
   ============================================================ */
body.page-id-559 .btn-suppr {
    color: #7A1E2E !important;
    background: transparent !important;
    border-color: #7A1E2E !important;
    transition: color 0.3s ease, background 0.3s ease !important;
}

body.page-id-559 .btn-suppr:hover {
    color: #F0EBE0 !important;
    background: #7A1E2E !important;
    background-color: #7A1E2E !important;
}

/* ============================================================
   11. RECAPITULATIF
   ============================================================ */
body.page-id-559 .recap {
    background: #F2EEE3 !important;
    background-color: #F2EEE3 !important;
    border: 1px solid rgba(168, 139, 92, 0.25) !important;
}

body.page-id-559 .recap-label {
    color: #5C4F36 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
}

body.page-id-559 .recap-item {
    border-bottom-color: rgba(168, 139, 92, 0.15) !important;
    color: #1C1C1C !important;
}

/* ============================================================
   12. BOUTON SUBMIT "ENVOYER LA DEMANDE"
   Signature finale - kaki + outline dore comme "Demander un devis"
   ============================================================ */
body.page-id-559 .btn-submit {
    background: #3A3D2E !important;
    background-color: #3A3D2E !important;
    color: #F0EBE0 !important;
    border: 1px solid #A88B5C !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease !important;
    box-shadow: none !important;
}

body.page-id-559 .btn-submit:hover {
    background: #A88B5C !important;
    background-color: #A88B5C !important;
    color: #1A1A1A !important;
    border-color: #A88B5C !important;
}

body.page-id-559 .btn-submit:disabled {
    background: #5A5A55 !important;
    background-color: #5A5A55 !important;
    color: rgba(240, 235, 224, 0.6) !important;
    border-color: #5A5A55 !important;
    cursor: not-allowed !important;
}

/* ============================================================
   13. MESSAGES DE SUCCES (signal positif desature)
   ============================================================ */
body.page-id-559 .msg-succes {
    background: #EFE9D8 !important;
    background-color: #EFE9D8 !important;
    border: 1px solid #A88B5C !important;
    color: #3A3D2E !important;
}

body.page-id-559 .msg-succes-titre {
    color: #3A3D2E !important;
    font-family: 'Playfair Display', serif !important;
}

body.page-id-559 .msg-succes-sous {
    color: #5A5A55 !important;
}

/* ============================================================
   14. MESSAGES D'ERREUR (signal universellement compris)
   Rouge mate, fond rose maintenu pour la reconnaissance
   ============================================================ */
body.page-id-559 .msg-erreur {
    background: #FEF0F0 !important;
    background-color: #FEF0F0 !important;
    border: 1px solid #C0A0A0 !important;
    color: #7A1E2E !important;
}

/* ============================================================
   15. NOTE "* Champ obligatoire"
   ============================================================ */
body.page-id-559 .note-obligatoire {
    color: #5A5A55 !important;
    font-family: 'Lora', serif !important;
    font-style: italic;
}

/* ============================================================
   16. BOUTON SCROLL-TO-TOP - meme style que les autres pages
   ============================================================ */
body.page-id-559 #ast-scroll-top,
body.page-id-559 .ast-scroll-top-icon,
body.page-id-559 .astra-scrolltotop {
    background-color: #1A1A1A !important;
    color: #A88B5C !important;
    border: 1px solid #A88B5C !important;
    box-shadow: 0 4px 14px -6px rgba(0,0,0,0.4) !important;
    transition: background 0.4s ease, color 0.4s ease !important;
}

body.page-id-559 #ast-scroll-top:hover,
body.page-id-559 .ast-scroll-top-icon:hover,
body.page-id-559 .astra-scrolltotop:hover {
    background-color: #A88B5C !important;
    color: #1A1A1A !important;
}

body.page-id-559 #ast-scroll-top svg,
body.page-id-559 .ast-scroll-top-icon svg,
body.page-id-559 .astra-scrolltotop svg {
    fill: #A88B5C !important;
    color: #A88B5C !important;
}

body.page-id-559 #ast-scroll-top:hover svg,
body.page-id-559 .ast-scroll-top-icon:hover svg,
body.page-id-559 .astra-scrolltotop:hover svg {
    fill: #1A1A1A !important;
    color: #1A1A1A !important;
}