/**
 * ============================================================
 * DRIVER & BUTLER — z-website.css
 * Styles Site Web — Desktop & Mobile
 * V1.3 — 2026-05-14 19:30 : force 1280px toutes pages,
 *   titres gold, espacement corrigé
 * ============================================================
 */

*, *::before, *::after { box-sizing: border-box; }

body.esus-website {
    font-family: var(--font-main, 'Montserrat', sans-serif);
    color:       var(--blue, #284962);
    margin:      0;
    padding:     0;
    background:  #f0f2f5;
}

/* ── LAYOUT PRINCIPAL ── */
#db-main {
    width:      100%;
    max-width:  1280px;
    margin:     24px auto;
    padding:    0;
    min-height: 60vh;
}

/* ── FORCE 1280px TOUTES LES CARDS ── */
.db-sb-card, .db-fq-card, .db-ft-card, .db-ft-wrapper .db-ft-card,
.db-contact-card, .db-partnership-card, .db-fleet-card,
.db-about-card, .db-services-card, .db-privacy-card,
.db-legal-card, .db-terms-card, .db-newsletter-card,
.db-embassy-card, .db-health-card, .db-carriers-card,
.db-emergency-card, .db-warning-card, .db-become-card,
.db-tt-card, .db-sb-wrapper .db-sb-card {
    width:        100% !important;
    max-width:    1280px !important;
    margin-left:  auto !important;
    margin-right: auto !important;
}

/* ── TITRES SUR FOND BLEU → GOLD ── */
.db-sb-card h1, .db-sb-card h2, .db-sb-card h3, .db-sb-card h4,
.db-fq-card h1, .db-fq-card h2, .db-fq-card h3,
.db-ft-card h1, .db-ft-card h2, .db-ft-card h3,
[class*="db-"][class*="-card"] h1,
[class*="db-"][class*="-card"] h2,
[class*="db-"][class*="-card"] h3,
[class*="db-"][class*="-card"] h4 {
    color: var(--gold, #BD9D70) !important;
}

/* ── TEXTE CORPS SUR FOND BLEU → BLANC ── */
.db-sb-card p, .db-sb-card li,
.db-fq-card p, .db-fq-card li,
.db-ft-card p, .db-ft-card li,
[class*="db-"][class*="-card"] p,
[class*="db-"][class*="-card"] li {
    color: rgba(255,255,255,0.88) !important;
}

/* ── WRAPPERS ── */
[class*="db-"][class*="-wrapper"] {
    width:       100%;
    font-family: var(--font-main, 'Montserrat', sans-serif);
}

/* ── BOUTONS COMMUNS ── */
[class*="db-"][class*="-btn"] {
    font-family:   var(--font-main, 'Montserrat', sans-serif) !important;
    border-radius: var(--radius, 8px) !important;
    transition:    all 0.25s ease !important;
    cursor:        pointer;
}
[class*="db-"][class*="-btn"]:hover {
    transform:  translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
}

/* ── BARRE GOLD ANIMÉE ── */
.esus-gold-bar {
    height:          3px;
    background:      linear-gradient(90deg, transparent, var(--gold, #BD9D70), transparent);
    background-size: 200% 100%;
    animation:       esus-gold-slide 3.5s ease-in-out infinite;
}
@keyframes esus-gold-slide {
    0%   { background-position: -100% 0; }
    100% { background-position: 200% 0; }
}

/* ── RESPONSIVE ── */
@media (max-width: 1300px) {
    #db-main { padding: 0 16px; }
    .db-sb-card, .db-fq-card, .db-ft-card,
    [class*="db-"][class*="-card"] { max-width: 100% !important; }
}
@media (max-width: 768px) {
    #db-main { margin: 16px auto; padding: 0 12px; }
}