/* comment */

/* ========== VIKBOOKING FORMULAIRE - VERSION ULTIME ========== */

/* 1. KILL ROOM 1 */
.vbmodhorsearchroomdentrfirst span.horsrnum,
.horsrnum { display: none !important; }

/* 2. CONTENEUR PRINCIPAL */
.vbmodhorsearchmaindiv.vbo-horizsearch-standardformat-wrap {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 20px 24px !important;
    background: transparent !important;
    border: 1px solid rgba(212,175,55,0.3) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.vbmodhorsearchmaindiv::before {
    content: '' !important;
    position: absolute !important;
    inset: -2px !important;
    background: linear-gradient(45deg, #D4AF37, #F4E4BC, #D4AF37) !important;
    border-radius: 18px !important;
    z-index: -1 !important;
}

/* 3. 6 BLOCS ÉGAUX + ANTI-DÉCALAGE */
.vbmodhorsearchcheckindiv,
.vbmodhorsearchcheckoutdiv,
.vbmodhorsearchrac,
.vbmodhorsearchbookdiv {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 5px !important; /* HAUTEUR FIXE */
}

/* 4. DATES PLUS GRANDES + ICÔNE À CÔTÉ */
.vbmodhorsearchcheckindiv .input-group,
.vbmodhorsearchcheckoutdiv .input-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
}

.vbmodhorsearchcheckindiv input,
.vbmodhorsearchcheckoutdiv input {
    padding: 12px 16px !important;
    flex: 1 !important;
    height: 48px !important;
    min-width: 120px !important; /* PLUS GRAND */
    color: white !important;
    -webkit-text-fill-color: white !important;
    background: transparent !important;
    border: 1px solid rgba(212,175,55,0.4) !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}

.vbmodhorsearchmaindiv .vbo-caltrigger {
    position: static !important;
    font-size: 18px !important;
    color: #D4AF37 !important;
    flex-shrink: 0 !important;
    padding: 8px !important;
}

/* 5. SELECTS PLUS GRANDS + CHIFFRES COMPLETS */
select[name="roomsnum"],
.horsanumsel select,
.horscnumsel select {
    height: 48px !important;
    min-width: 60px !important; /* ANTI-TRONCATURE */
    padding: 12px 16px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(212,175,55,0.4) !important;
    border-radius: 10px !important;
    color: white !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

select[name="roomsnum"] option,
.horsanumsel select option,
.horscnumsel select option {
    background: rgba(0,0,0,0.95) !important;
    color: white !important;
    font-size: 18px !important;
    padding: 12px !important;
}

/* 6. TOUS LABELS BLANCS */
.vbmodhorsearchcheckindiv label,
.vbmodhorsearchcheckoutdiv label,
.vbmodhorsearchroomsel label,
.horsanumlb,
.horscnumlb {
    color: white !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
    white-space: nowrap !important;
    min-width: 50px !important;
    order: 2 !important;
}

/* 7. GUESTS ALIGNÉS */
.vbmodhorsearchrac {
    display: flex !important;
    flex-direction: row !important;
    gap: 4px !important;
}

.vbmodhorsearchroomsel,
.horsanumdiv,
.horscnumdiv {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* 8. BOUTON */
.vbmodhorsearchbookdiv .btn {
    height: 52px !important;
    padding: 0 24px !important;
    background: linear-gradient(135deg, #D4AF37, #B8942F) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: white !important;
    text-transform: uppercase !important;
}

/* 9. NETTOYAGE + ANTI-DÉCALAGE */
.vbmodhorsearchroomdentr,
.vbmodhorsearchroomdentrfirst,
.vbmodhorsearchtotnights { display: contents !important; }

.vbmodhorsearchmaindiv > * { align-self: stretch !important; }

/* PLACEHOLDER */
.vbmodhorsearchmaindiv input::placeholder {
    color: rgba(255,255,255,0.7) !important;
}

/* ANTI-DÉCALAGE DATES */
.vbmodhorsearchtotnights { order: -1 !important; min-height: 52px !important; }

/* Icône calendrier transparente, bien alignée */
.vbmodhorsearchmaindiv .vbo-caltrigger {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tailles lisibles pour les chiffres */
select[name="roomsnum"],
.horsanumsel select,
.horscnumsel select {
    height: 42px !important;          /* un peu moins haut */
    min-width: 54px !important;       /* assez large pour 1 chiffre */
    padding: 8px 10px !important;
    font-size: 16px !important;       /* moins gros qu’avant */
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

/* Le conteneur des blocs "guests" garde la hauteur, évite le décalage */
.vbmodhorsearchrac {
    min-height: 52px !important;
    align-items: center !important;
}

/* 1. SUPPRIME NIGHTS COMPLET */
.vbmodhorsearchtotnights,
.vbo-horizsearch-numnights-inner {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. ICÔNE CALENDRIER REMONTÉE */
.vbmodhorsearchmaindiv .vbo-caltrigger {
    transform: translateY(-4px) !important;
    position: relative !important;
    top: -2px !important;
}

/* 2. LABELS PLUS LISIBLES */
.vbmodhorsearchcheckindiv label,
.vbmodhorsearchcheckoutdiv label,
.vbmodhorsearchroomsel label,
.horsanumlb,
.horscnumlb {
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* ROOMS 2+ NATURELLEMENT EN DESSOUS - ALIGNÉS */
.vbmodhorsearchrac {
    display: block !important;
}

.vbmodhorsearchroomdentrfirst {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: center !important;
}

.vbmoreroomscontmod {
    margin-top: 8px !important;
    display: block !important;
}

.vbmoreroomscontmod .vbmodhorsearchroomdentr {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: center !important;
    margin-bottom: 6px !important;
}

.vbmoreroomscontmod .horsrnum {
    display: none !important;
}

/* ALIGNEMENT parfait Adults/Children */
.horsanumdiv,
.horscnumdiv {
    flex: 1 !important;
    max-width: 48% !important;
}

/* ========== ROOMS 2+ - STRUCTURE SPÉCIFIQUE ========= */
.vbmoreroomscontmod .horsanumdiv {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    /* gap: 6px → REMPLACÉ PAR : */
    margin-right: -6px !important;  /* Négatif pour compenser */
}

.vbmoreroomscontmod .horsanumdiv > .horscnumdiv {
    margin-left: 65px !important;
    margin-right: 10px !important;  /* Garde l'espacement */
    display: flex !important;
    align-items: center !important;
}

.vbmoreroomscontmod .vbmodhorsearchroomdentr {
    display: flex !important;
    align-items: center !important;
    margin-top: 15px !important;
}

/* Supprime les marges indésirables */
.vbmoreroomscontmod .horsanumdiv > span.horsanumsel,
.vbmoreroomscontmod .horscnumdiv > span.horscnumsel {
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 6px !important;  /* Espacement manuel */
}

/* DÉCALAGE Rooms 2+ vers la droite après le select Rooms */
.vbmoreroomscontmod {
    padding-left: 117px !important;  /* ← AJUSTEZ CE NOMBRE (15px, 25px, 30px) */
    margin-left: 8px !important;
}

/* ========== BOUTON BOOK NOW - SEULEMENT LE BOUTON ========= */

/* STYLE BASE - MÊME HAUTEUR QUE LES AUTRES */
.vbmodhorsearchbookdiv .btn {
    height: 48px !important;
    min-height: 48px !important;
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #B8942F 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: white !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* EFFET HOVER MAGIQUE */
.vbmodhorsearchbookdiv .btn:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 
        0 12px 30px rgba(212, 175, 55, 0.6),
        0 0 35px rgba(212, 175, 55, 0.5) !important;
    background: linear-gradient(135deg, #F4E4BC 0%, #D4AF37 50%, #B8942F 100%) !important;
}

/* CLIQUÉ */
.vbmodhorsearchbookdiv .btn:active {
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 
        0 6px 20px rgba(212, 175, 55, 0.4),
        0 0 20px rgba(212, 175, 55, 0.3) !important;
}

/* ========== DOUBLE BORDURE DORÉE - COZYSTAY STYLE ========= */
.vbmodhorsearchmaindiv.vbo-horizsearch-standardformat-wrap {
    border: 1px solid rgba(212, 175, 55, 0.6) !important;  /* Bordure intérieure */
    outline: 2px solid rgba(212, 175, 55, 0.4) !important; /* Bordure extérieure */
    outline-offset: 2px !important;                         /* Espacement entre les 2 */
	    border-radius: 1px !important;
}