/*
Theme Name: Astra Child - SOS Panne Batterie
Description: Thème enfant Astra pour SOS Panne Batterie - Dark Dispatch Pro V9
Author: SOS Panne Batterie
Template: astra
Version: 9.0.0
*/

/* ============================================================
 * ASTRA CSS VARIABLE OVERRIDE - NUCLEAR LEVEL
 * ============================================================ */
:root,
html,
body {
    --ast-global-color-0: #F97316 !important;
    --ast-global-color-1: #FB923C !important;
    --ast-global-color-2: #FFFFFF !important;
    --ast-global-color-3: #E2E8F0 !important;
    --ast-global-color-4: #0A1628 !important;
    --ast-global-color-5: #0A1628 !important;
    --ast-global-color-6: #0F1D32 !important;
    --ast-global-color-7: #162240 !important;
    --ast-global-color-8: #0A1628 !important;
    --sos-orange: #F97316;
    --sos-blue: #1E3A8A;
    --sos-yellow: #FCD34D;
    --sos-gray: #94A3B8;
    --sos-light: #0F1D32;
    --sos-dark: #E2E8F0;
}

/* ============================================================
 * BODY & GLOBAL
 * ============================================================ */
html body {
    background: #0A1628 !important;
    color: #E2E8F0 !important;
    font-family: 'DM Sans', 'Montserrat', sans-serif !important;
}

/* ============================================================
 * HIDE ASTRA DEFAULT HEADER
 * ============================================================ */
.ast-header-wrap,
.ast-mobile-header-wrap,
#ast-desktop-header {
    display: none !important;
}

/* ============================================================
 * ASTRA STRUCTURAL CONTAINERS
 * ============================================================ */
#page, .site, .site-content, #content, .ast-container,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-page,
.entry-content, article, main {
    background: #0A1628 !important;
    color: #E2E8F0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-content { padding: 0 !important; }
.ast-container { max-width: 100% !important; padding: 0 !important; }

/* ============================================================
 * TYPOGRAPHY
 * ============================================================ */
h1, h2, h3, h4, h5, h6 { color: #FFFFFF !important; }
p, li, span, td, th, dd, dt, label { color: #CBD5E1 !important; }
a { color: #F97316 !important; }
a:hover { color: #FB923C !important; }

/* ============================================================
 * FORMS
 * ============================================================ */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="url"], input[type="search"],
select, textarea {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #FFFFFF !important;
}
input:focus, select:focus, textarea:focus {
    border-color: #F97316 !important;
}
input::placeholder, textarea::placeholder {
    color: #64748B !important;
}

/* ============================================================
 * WOOCOMMERCE
 * ============================================================ */
.woocommerce ul.products li.product {
    background: #162240 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 14px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #FFFFFF !important;
}
.woocommerce ul.products li.product .price {
    color: #F97316 !important;
}
.woocommerce ul.products li.product .button {
    background: linear-gradient(135deg, #F97316, #FB923C) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 10px !important;
}

/* ============================================================
 * FOOTER
 * ============================================================ */
.site-footer, .ast-small-footer, footer.site-footer {
    background: #060E1A !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* ============================================================
 * INLINE STYLE OVERRIDES
 * ============================================================ */
[style*="background: #fff"],
[style*="background: white"],
[style*="background: #F3F4F6"],
[style*="background: #f8f9fa"],
[style*="background: #F8FAFC"] {
    background: #162240 !important;
}

[style*="color: #333"],
[style*="color: #1F2937"],
[style*="color: #6B7280"],
[style*="color: var(--sos-gray)"],
[style*="color: var(--sos-dark)"] {
    color: #CBD5E1 !important;
}

[style*="color: white"],
[style*="color: #FFFFFF"] {
    color: #FFFFFF !important;
}

/* ============================================================
 * BOUTONS CTA - TEXTE BLANC FORCÉ
 * ============================================================ */
.wp-element-button,
.wp-block-button__link,
.ast-custom-button,
a.ast-custom-button,
.elementor-button,
.btn,
a.btn,
button.btn,
.dp-btn-call,
.dp-btn-wa,
.dp-form-submit,
.dp-final-btns a,
.dp-header-phone,
.dp-header-phone:hover,
a.dp-header-phone,
.dp-dispatch-cta,
.dp-dispatch-cta:hover,
a.dp-dispatch-cta,
.dp-sticky-call,
.dp-sticky-call:hover,
a.dp-sticky-call,
.dp-sticky-wa,
.dp-sticky-wa:hover,
a.dp-sticky-wa,
[class*="btn-primary"],
[class*="btn-secondary"],
a[style*="background"],
button[style*="background"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .cart .button,
.woocommerce .checkout-button,
.wc-block-components-button,
.wp-block-button a {
    color: #FFFFFF !important;
}

/* Liens dans les boutons orange - forcer blanc */
a[style*="background: #F97316"],
a[style*="background:#F97316"],
a[style*="background: var(--dp-orange)"],
a[style*="background:var(--dp-orange)"],
a[style*="background: linear-gradient"],
a[style*="background:linear-gradient"],
button[style*="background: #F97316"],
button[style*="background:#F97316"] {
    color: #FFFFFF !important;
}

/* Scroll to top */
#ast-scroll-top {
    background: #F97316 !important;
    color: #FFFFFF !important;
}

/* ============================================================
 * FIX MOBILE LP: numéro téléphone header sur 1 seule ligne
 * (évite le retour à la ligne "50 200\n068" sur iPhone)
 * ============================================================ */
.dp-header-phone,
a.dp-header-phone {
    white-space: nowrap !important;
    flex-wrap: nowrap;
    line-height: 1.1;
}

.dp-header-phone i {
    flex-shrink: 0;
}

@media (max-width: 420px) {
    .dp-header-phone {
        font-size: 0.85rem !important;
        padding: 0.45rem 0.75rem !important;
    }
}