/* ============================================================
 * L'ÎLE Ô SAISONS — HERO ACCUEIL (slider + barre de recherche)
 * Classes propres uniquement, aucun ID Elementor, aucun !important.
 * Hauteur barre de recherche : 87px → chevauchement 44px.
 * ============================================================ */

/* ------------------------------------------------------------
 * SECTION SLIDER : pleine largeur, pleine hauteur
 * ---------------------------------------------------------- */
body.home .los-hero-slider-section {
    position: relative;
    z-index: 100;
    width: 100vw;
    height: 130vh !important;
    min-height: 886.6px !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    overflow: hidden;
}

body.home .los-hero-slider-section .banniere-titre-accueil,
body.home .los-hero-slider-section .banniere-titre-accueil .swiper-wrapper {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body.home .los-hero-slider-section .banniere-titre-accueil .swiper-slide {
    width: 100vw;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenu du slide */
body.home .banniere-slide-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    padding: 20px;
}

body.home .banniere-slide-content .texte-avant {
    font-size: 18px;
    font-weight: 500;
}

body.home .banniere-slide-content .texte-apres {
    font-size: 16px;
    font-weight: 400;
}

body.home .banniere-slide-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

body.home .btn-banniere {
    position: relative;
    z-index: 2;
}

/* Pagination Swiper */
body.home .banniere-titre-accueil {
    --swiper-theme-color: #000000;
    --swiper-pagination-color: #000000;
    --swiper-pagination-bullet-inactive-color: #000000;
    --swiper-pagination-bullet-inactive-opacity: 0.45;
}

body.home .banniere-titre-accueil .swiper-pagination {
    bottom: 64px;
}

body.home .banniere-titre-accueil .swiper-pagination-bullet,
body.home .banniere-titre-accueil .swiper-pagination-bullet-active {
    background: #000000;
}

/* ------------------------------------------------------------
 * BARRE DE RECHERCHE : à cheval sur le bas du slider
 * ---------------------------------------------------------- */
body.home .los-hero-search-section {
    position: relative;
    z-index: 9999;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: -44px;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    overflow: visible;
}

body.home .los-hero-search-section .los-home-shortcode-search {
    width: 100%;
    max-width: 900px;
    margin: 0;
}

/* ------------------------------------------------------------
 * FORMULAIRE DE RECHERCHE
 * ---------------------------------------------------------- */
.los-home-shortcode-search {
    border-radius: 14px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background: #ffffff;
    padding: 14px;
}

.los-home-shortcode-search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    overflow: visible;
}

.los-home-shortcode-search-form .los-field {
    flex: 1 1 0;
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 56px;
    min-height: 56px;
    line-height: 30px;
    border: 1px solid rgba(114, 94, 62, 0.22);
    border-radius: 12px;
    background: #ffffff;
    padding: 0 12px;
    margin: 0;
}

.los-home-shortcode-search-form .los-field svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: #725e3e;
}

/* Champs : spécificité body.home pour battre le thème sans !important */
body.home .los-home-shortcode-search-form input,
body.home .los-home-shortcode-search-form select {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #2f281e;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    width: 100%;
    outline: 0;
}

/* Sélecteur invités */
.los-home-shortcode-search-form .los-field--guests {
    position: relative;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
}

body.home .los-home-shortcode-search-form .los-guests-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    color: #2f281e !important;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #2f281e !important;
}

.los-home-shortcode-search-form .los-guests-summary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.los-home-shortcode-search-form .los-guests-toggle i {
    color: #725e3e;
}

body.home .los-home-shortcode-search-form .los-field input,
body.home .los-home-shortcode-search-form .los-field .los-guests-toggle {
    height: 36px;
    line-height: 30px;
}

.los-home-shortcode-search-form .los-guests-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    min-width: 300px;
    background: #ffffff;
    border: 1px solid rgba(114, 94, 62, 0.2);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(53, 39, 18, 0.14);
    padding: 12px;
    z-index: 10070;
    display: none;
}

.los-home-shortcode-search-form .los-guests-panel.is-open {
    display: block;
}

.los-home-shortcode-search-form .los-guests-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 4px;
}

.los-home-shortcode-search-form .los-guests-label {
    display: flex;
    flex-direction: column;
    color: #2f281e;
    font-size: 14px;
    line-height: 1.3;
}

.los-home-shortcode-search-form .los-guests-label small {
    color: rgba(47, 40, 30, 0.58);
    font-size: 12px;
}

.los-home-shortcode-search-form .los-stepper {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.los-home-shortcode-search-form .los-stepper button {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(114, 94, 62, 0.35);
    background: #fff;
    color: #725e3e;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}

.los-home-shortcode-search-form .los-stepper-value {
    min-width: 18px;
    text-align: center;
    font-weight: 700;
    color: #2f281e;
}

.los-home-shortcode-search-form .los-guests-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
}

.los-home-shortcode-search-form .los-guests-close {
    border: 0;
    background: transparent;
    color: #725e3e;
    font-weight: 700;
    font-size: 13px;
    padding: 4px 6px;
}

.los-home-shortcode-search-form .los-submit-wrap {
    flex: 0 0 auto;
    min-width: 220px;
}

.los-home-shortcode-search-form .los-submit {
    width: 100%;
    min-height: 54px;
    border-radius: 12px;
    border: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    cursor: pointer;
}

.los-home-shortcode-search-form .los-submit:hover,
.los-home-shortcode-search-form .los-submit:focus {
    background: #725e3e;
}

/* Cartes blog home: redonner de l'air dans le contenu texte */
body.home .wprentals-blog-unit-content-wrapper {
    padding-left: 14px;
    padding-right: 14px;
}

/* ------------------------------------------------------------
 * RESPONSIVE
 * ---------------------------------------------------------- */
@media (max-width: 1180px) {
    .los-home-shortcode-search-form .los-guests-panel {
        top: auto;
        bottom: calc(100% + 10px);
    }
}

@media (max-width: 767px) {
    body.home,
    body.home .main_wrapper,
    body.home .content_wrapper {
        overflow-x: hidden;
    }

    body.home .col-xs-1,
    body.home .col-sm-1,
    body.home .col-md-1,
    body.home .col-lg-1,
    body.home .col-xs-2,
    body.home .col-sm-2,
    body.home .col-md-2,
    body.home .col-lg-2,
    body.home .col-xs-3,
    body.home .col-sm-3,
    body.home .col-md-3,
    body.home .col-lg-3,
    body.home .col-xs-4,
    body.home .col-sm-4,
    body.home .col-md-4,
    body.home .col-lg-4,
    body.home .col-xs-5,
    body.home .col-sm-5,
    body.home .col-md-5,
    body.home .col-lg-5,
    body.home .col-xs-6,
    body.home .col-sm-6,
    body.home .col-md-6,
    body.home .col-lg-6,
    body.home .col-xs-7,
    body.home .col-sm-7,
    body.home .col-md-7,
    body.home .col-lg-7,
    body.home .col-xs-8,
    body.home .col-sm-8,
    body.home .col-md-8,
    body.home .col-lg-8,
    body.home .col-xs-9,
    body.home .col-sm-9,
    body.home .col-md-9,
    body.home .col-lg-9,
    body.home .col-xs-10,
    body.home .col-sm-10,
    body.home .col-md-10,
    body.home .col-lg-10,
    body.home .col-xs-11,
    body.home .col-sm-11,
    body.home .col-md-11,
    body.home .col-lg-11,
    body.home .col-xs-12,
    body.home .col-sm-12,
    body.home .col-md-12,
    body.home .col-lg-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.home .wprentals-blog-unit-content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.home .los-hero-search-section {
        margin-top: -32px;
        padding: 0 6px;
    }

    body.home .los-home-shortcode-search {
        max-width: none;
        width: 100%;
    }

    .los-home-shortcode-search-form {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    .los-home-shortcode-search-form .los-field,
    .los-home-shortcode-search-form .los-submit-wrap {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .los-home-shortcode-search-form .los-guests-panel {
        left: 0;
        width: 100%;
        min-width: 0;
    }

    .los-home-shortcode-search-form .los-field--guests details[open] .los-guests-panel {
        top: calc(100% + 10px);
        bottom: auto;
    }
}

/* ------------------------------------------------------------
 * LOCATION PAGE: same look as home search bar
 * ---------------------------------------------------------- */
body.page-template-advanced_search_results .los-location-home-search-mount {
    width: 100%;
    margin: 0 0 14px;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-hero-search-section {
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search {
    max-width: none;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form input,
body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form select {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #2f281e;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    width: 100%;
    outline: 0;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form .los-guests-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #2f281e !important;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #2f281e !important;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form .los-stepper button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #725e3e !important;
    border: 1px solid rgba(114, 94, 62, 0.35) !important;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form .los-guests-close {
    background: transparent !important;
    background-color: transparent !important;
    color: #725e3e !important;
    border: 0 !important;
}

body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form .los-field input,
body.page-template-advanced_search_results .los-location-home-search-mount .los-home-shortcode-search-form .los-field .los-guests-toggle {
    height: 36px;
    line-height: 30px;
}

/* Real location wrapper used in template override */
body.page-template-advanced_search_results .wprentals_classic_search_title_wrapper {
    width: 100vw;
    display: block;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    float: none;
    display: block;
    padding-left: 0;
    padding-right: 0;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search {
    width: 100%;
    max-width: none;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form {
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-field {
    min-width: 0;
    flex: 1 1 0;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-submit-wrap {
    flex: 0 0 250px;
    min-width: 250px;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form input,
body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form select {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #2f281e;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    width: 100%;
    outline: 0;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-guests-toggle,
body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-guests-toggle:hover,
body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-guests-toggle:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #2f281e !important;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    min-height: 36px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #2f281e !important;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-stepper button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #725e3e !important;
    border: 1px solid rgba(114, 94, 62, 0.35) !important;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-guests-close {
    background: transparent !important;
    background-color: transparent !important;
    color: #725e3e !important;
    border: 0 !important;
}

body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-field input,
body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-field .los-guests-toggle {
    height: 36px;
    line-height: 30px;
}

@media (max-width: 980px) {
    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form {
        flex-wrap: wrap;
    }

    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-submit-wrap {
        flex: 1 1 100%;
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    body.page-template-advanced_search_results .wprentals_classic_search_title_wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search,
    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form {
        width: 100%;
    }

    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-field,
    body.page-template-advanced_search_results .wprentals_adv_listing_filters_head.los-home-search-on-location .los-home-shortcode-search-form .los-submit-wrap {
        width: 100%;
        min-width: 100%;
        flex: 1 1 100%;
    }
}

