/* ============================================================
   1. MENU & HEADER
   ============================================================ */
.main-header-menu .menu-item-has-children > a {
    text-decoration: underline !important;
    text-underline-offset: 6px;
    font-weight: bold !important;
    color: #ffffff !important;
    text-transform: uppercase;
}

.ast-header-navigation-arrow, .ast-menu-toggle {
    display: none !important;
}

.main-header-menu .sub-menu {
    background-color: #000000 !important;
}

/* Header fixe sur mobile */
@media (max-width: 1024px) {
    .main-header-bar {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: transparent !important;
    }
}

/* Header fixe sur Desktop */
@media (min-width: 1025px) {
    .site-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: transparent !important; 
    }

    .ast-primary-header-bar {
        background: transparent !important;
        border-bottom: none !important;
    }
}

/* ============================================================
   2. FOND D'ÉCRAN FIXE & GESTION DES IMAGES
   ============================================================ */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    z-index: -1;
    background-image: url('https://jovany.fr/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-24-at-12.43.47.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

body, #page, .site { 
    background: transparent !important; 
}

.wp-block-image img, .wp-block-cover img, .wp-block-cover-image img {
    width: 100% !important;
    height: auto !important; 
    max-height: 90vh !important; 
    object-fit: contain !important; 
    object-position: center top !important; 
}

.wp-block-image, .wp-block-cover {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.site-content {
    padding: 0 !important;
}

.ast-container {
    background-size: contain !important;
    background-position: center top !important;
}

/* ============================================================
   3. LES BOUTONS GLOBAUX DE BASE
   ============================================================ */
.btn-reserver, .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #F8E8DF !important; 
    color: #341917 !important;           
    border-radius: 50px !important;      
    padding: 10px 25px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: 1 !important;
    min-width: 110px !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-reserver:hover, .wp-block-button__link:hover {
    transform: scale(1.05) !important;
    background-color: #F8E8DF !important;
    color: #B15D18 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

.ligne-date {
    width: 100% !important;
    margin-bottom: 10px !important;
}

@media (max-width: 768px) {
    .ligne-date .wp-block-columns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }
}

/* ============================================================
   4. FORMULAIRE DE CONTACT
   ============================================================ */
.form-container {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.form-col-gauche, .form-col-droite {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-container input, .form-container textarea {
    width: 100% !important;
    margin-bottom: 10px !important; 
    padding: 12px !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .form-container {
        flex-direction: column; 
        gap: 0;
    }
    .form-col-droite textarea {
        height: 150px !important; 
    }
}

.form-submit-left {
    text-align: left !important;
    margin-top: 10px;
}

.form-submit-left [type="submit"] {
    min-width: 150px !important;
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    padding: 10px 30px !important;
    text-transform: uppercase;
    cursor: pointer;
}
/* ============================================================
   NETTOYAGE ABSOLU ET COMPLET - THÈME SALTIMBANQUE
   ============================================================ */

/* 1. FORCE LA VISIBILITÉ DU TEXTE RECHERCHE (TEXTE FONCÉ) */
.tribe-events input, 
.tribe-events input[type="text"],
.tribe-events-c-search__input,
.tribe-common-form-control-text__input {
    color: #341917 !important; /* Marron foncé pour lire ce qu'on tape */
    background-color: #ffffff !important;
}

/* 2. BLANCHIMENT GLOBAL ET RADICAL DE TOUS LES TEXTES FLOUES/BLEUS */
/* Cette règle intercepte tout texte sombre ou bleu du plugin pour le passer en crème */
.tribe-common,
.tribe-common *,
.tribe-events,
.tribe-events *,
.tribe-events-calendar-list__event-venue-address,
.tribe-events-calendar-list__event-venue-title,
.tribe-common-b2,
.tribe-events-c-nav__link {
    color: #F8E8DF !important; /* Teinte crème pour une lecture parfaite */
}

/* Exception pour le bouton Chercher qui doit rester lisible */
.tribe-events-c-search__button,
.tribe-events-c-search__button * {
    color: #ffffff !important;
    background-color: #B15D18 !important;
}

/* 3. TRANSFORMATION DES FLÈCHES (SVG) EN BLANC PUR */
.tribe-common svg,
.tribe-common svg *,
.tribe-common-svgicon,
.tribe-common-svgicon *,
.tribe-events-c-nav__prev svg,
.tribe-events-c-nav__next svg {
    fill: #ffffff !important; /* Force la coloration des icônes flèches */
    stroke: #ffffff !important;
}

/* 4. RECALAGE COMPLET ET CENTRAGE DU CARRÉ "MER 10" */
.tribe-events-calendar-list__event-date-tag {
    background-color: rgba(248, 232, 223, 0.12) !important;
    border: 1px solid #F8E8DF !important;
    display: block !important;
    padding: 10px 0 !important;
    height: 75px !important;
    width: 65px !important;
    text-align: center !important;
}

/* Le mot MER en haut */
.tribe-events-calendar-list__event-date-tag-month {
    display: block !important;
    color: #ffffff !important; /* Blanc pur */
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    margin-bottom: 3px !important;
    text-transform: uppercase !important;
}

/* Le chiffre 10 en bas */
.tribe-events-calendar-list__event-date-tag-datetime {
    display: block !important;
    color: #ffffff !important; /* Blanc pur */
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* 5. SÉCURITÉ DE SUPPRESSION DES S'ABONNER ET BLOCS DOUBLONS */
.tribe-events-c-subscribe-dropdown,
.tribe-events-c-search__views,
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-c-export-methods__container {
    display: none !important;
}