/* ========================================================
   Styles communs aux pages d'accueil (home_page + région)
   ======================================================== */

.img-blogpost {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}

.hero-container {
    min-height: 600px;
}

/* Boutons nav carousels mobiles (owl-home-listings / owl-home-blog) */
.owl-home-listings .owl-nav button,
.owl-home-blog .owl-nav button {
    background: transparent !important;
    border: 2px solid var(--bs-primary) !important;
    color: var(--bs-primary) !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1;
    transition: background 0.2s, color 0.2s;
    margin: 0 4px;
}

.owl-home-listings .owl-nav button:hover,
.owl-home-blog .owl-nav button:hover {
    background: var(--bs-primary) !important;
    color: #fff !important;
}

.owl-home-listings .owl-nav button.disabled,
.owl-home-blog .owl-nav button.disabled {
    border-color: #ccc !important;
    color: #ccc !important;
    opacity: 0.5;
}

.owl-home-listings .owl-nav,
.owl-home-blog .owl-nav {
    margin-top: 16px;
    text-align: center;
}