/* ============================================
   SECTION CONTACT - IMAGE BACKGROUND
   ============================================ */

/* Section Contact */
.contact-section {
    position: relative !important;
    background: #001f3f !important;
    padding: 120px 0 !important;
    overflow: hidden !important;
}

/* Container image */
.contact-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
}

/* Image background - VISIBLE avec overlay */
.contact-bg img {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    opacity: 0.3 !important;
    visibility: visible !important;
    z-index: 0 !important;
}

/* Overlay bleu foncé */
.contact-bg::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 31, 63, 0.85) !important;
    z-index: 1 !important;
}

/* Container au-dessus de l'image */
.contact-section .container-fullwidth {
    position: relative !important;
    z-index: 2 !important;
}

/* Badge */
.contact-section .section-badge {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #d4af37 !important;
}

/* Titre en blanc */
.contact-section .section-title {
    color: #ffffff !important;
}

/* Cards contact */
.contact-info-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.contact-info-card h4 {
    color: #d4af37 !important;
}

.contact-info-card p,
.contact-info-card a {
    color: #ffffff !important;
}

/* Icônes */
.contact-info-icon {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 2px solid #d4af37 !important;
}

.contact-info-icon svg {
    stroke: #d4af37 !important;
}

/* Formulaire */
.contact-form-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.contact-form-card input,
.contact-form-card textarea {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    color: #ffffff !important;
}

.contact-form-card input::placeholder,
.contact-form-card textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .contact-section {
        padding: 80px 0 !important;
    }
}