/* Finitions visuelles sitewide, extraites du pilote de refonte de la page
   d'accueil (css/pilot-index.css) et étendues à tout le site le 12 juillet 2026.
   Charge en plus du bundle principal, ne modifie aucun fichier partagé. */

/* Dégradé sur toute la photo (au lieu d'un petit cadre arrondi collé au texte) :
   assombrit le bas de l'image pour la lisibilité, sans créer de bloc visible
   plus petit que la photo. S'applique à toutes les cartes .img-wrap du site
   (suggestions en bas de page, cartes destinations, etc.) */
.img-wrap:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 40;
    background: linear-gradient(to top, rgba(15, 12, 10, 0.75) 0%, rgba(15, 12, 10, 0.3) 45%, rgba(15, 12, 10, 0) 72%);
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.img-wrap:hover:before {
    background: linear-gradient(to top, rgba(15, 12, 10, 0.85) 0%, rgba(15, 12, 10, 0.4) 45%, rgba(15, 12, 10, 0) 75%);
}
.img-wrap .caption {
    background: none !important;
    border-radius: 0 !important;
}
.img-wrap .caption h4 {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55) !important;
}

/* Boutons : coins arrondis + léger effet de soulèvement au survol.
   .btn-lmia est le bouton "maison" utilisé partout sur le site ; .btn couvre
   les quelques boutons Bootstrap génériques restants (popups, formulaires). */
.btn-lmia,
.btn,
.hero .caption a,
#contact-button a {
    border-radius: 6px !important;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.15s ease !important;
}
.btn-lmia:hover,
.btn:hover,
.hero .caption a:hover {
    transform: translateY(-1px) !important;
}

/* Soulignement de la page active dans le menu principal */
.menu ul li.current-item > a,
.trans-menu .menu ul li.current-item > a {
    border: none !important;
    position: relative !important;
}
.menu ul li.current-item > a:after,
.trans-menu .menu ul li.current-item > a:after {
    content: '';
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 6px;
    height: 2px;
    background: #D62839;
    border-radius: 2px;
}
.trans-menu .menu ul li.current-item > a:after {
    background: #fff;
}