.btn-lg, .uk-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 13px !important;
}

/* Désactive le curseur ET l'interaction au clic sur l'image en zoom */
.uk-lightbox-items img {
    cursor: default !important;
    pointer-events: none !important;
}

/* On garde le clic actif uniquement sur le fond pour pouvoir fermer la lightbox */
.uk-lightbox-panel {
    pointer-events: auto !important;
}



/* On crée un cadre arrondi "fantôme" qui force le découpage de l'image */
.uk-lightbox-items li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Le sélecteur "chirurgical" pour l'image de la carte */
.uk-lightbox-items img {
    /* L'arrondi physique */
    border-radius: 30px !important;
    
    /* On force le navigateur à masquer ce qui dépasse des 30px */
    clip-path: inset(0% 0% 0% 0% round 30px) !important;
    -webkit-clip-path: inset(0% 0% 0% 0% round 30px) !important;

    /* On s'assure que l'image ne s'étire pas mal */
    object-fit: contain !important;
    width: auto !important;
    max-height: 90vh !important;
}

/* Supprime les résidus noirs potentiels dans les angles */
.uk-lightbox-items-fit > * {
    background: transparent !important;
    border-radius: 30px !important;
}





.picto {
  width: 30px;
    margin-top: 5px;
  margin-bottom: 5px;
}

.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgb(0, 0, 0);
  border-radius: 10px;
}


.uk-section > :last-child {
  margin-bottom: -35px;
}




.h1, .uk-h1, h1 {
  font-size: 36.54px;
  line-height: 1.2;
  text-transform: capitalize !important;

    color: #fff;
}
    @media (max-width: 640px) {
        .h1, .uk-h1, h1 {
  font-size: 26.54px;
}
}

@media (min-width: 1270px) {
  .h2, .uk-h2, h2 {
    font-size: 25px;
          color: #000;
  }
}


.uk-nav-secondary > li > a {
  font-size: 19px;
    text-shadow: 5px 5px 5px #999;
}

.uk-section-muted {
  --uk-inverse: dark;
  background: #e6e1e4;
}
.uk-section-primary {
  --uk-inverse: light;
  background: #050505;
}

.uk-tile-primary {
  --uk-inverse: light;
  background-color: #000;
  background: rgba(0, 0, 0, .3);
}

/* --- eviter d'avoir le logo sur le menu --- */
.uk-navbar-center:not(:only-child) {
  left: 57% !important;
  }



/* --- Sous menu --- */
.uk-navbar-dropdown {
  background: #385EA7;
  color: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.14);
      margin-top: 25px;
      opacity: 0.9;
}
.uk-text-emphasis {
  color: #fff !important;
}

.uk-subnav > * > :first-child {
  display: flex;
  align-items: center;
  column-gap: .25em;
  color: #fff;
  transition: .1s ease-in-out;
    transition-property: all;
  transition-property: color,background-color,border-color,box-shadow,opacity,filter;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
    font-size: 15px;
}

    @media (max-width: 640px) {
.uk-subnav > * > :first-child {
    font-size: 12px;
}
}


/* --- FIN Sous menu --- */



.uk-logo {
    z-index: 99999 !important;
}


.tm-toolbar-default {
  background: #000;
}












.uk-navbar-nav {
  display: flex;
  gap: 10px;
  margin: 0;
    margin-bottom: 0px;
  padding: 0;
  list-style: none;
  margin-bottom: -109px !important;
}

/* --- Styles de la Navigation (Ajustement de la Marge) --- */
.uk-navbar-nav {
    display: flex;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    /* Conservez cette marge négative UNIQUEMENT si elle est essentielle à votre design. */
    /* Sinon, supprimez-la ou réduisez-la pour éviter les problèmes de superposition. */
    margin-bottom: -16px !important; 
}




.uk-navbar-container:not(.uk-navbar-transparent) {
    background-image: url("Header.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #000 !important;
    /* On s'assure que la barre a une hauteur minimale pour voir l'image */
    min-height: 80px; 
    position: relative;
    z-index: 1000;
}




/* --- Barre Noire (Au-dessus de tout) --- */
.uk-navbar-container:not(.uk-navbar-transparent)::after {
    content: "";
    display: block;
    
    /* Positionnement et Dimensions */
    position: absolute;
    bottom: -12px; 
    left: 0;
    width: 100%;
    height: 46px;
    
    
    /* Couleur */
background-image: url('barre-masque.png');
    
    /* ✅ CORRECTION : Z-index TRÈS ÉLEVÉ pour être au-dessus du contenu de la navbar */
    z-index: 9999; 
}


/* --- 1. Le Conteneur : Définit la "fenêtre" visible (55px de haut) --- */
.image-crop-container {
    width: 196px; 
    height: 55px;
    position: relative; 
    overflow: hidden;
    /* 🔑 ESSAYEZ D'AJOUTER CECI : */
    z-index: 1; 
    /* ... */
    display: inline-block; 
}

/* --- 2. L'Image : Classe Unique .image-glow-internal --- */
.image-glow-internal {
    width: 186px; 
    height: 90px;
    display: block; 
    margin: 0;

    /* État NORMAL : Décalage vers le BAS de 35px */
    transform: translateY(35px); 
    
    /* Transitions Combinées */
    transition: filter 0.2s ease,
                transform 0.4s ease-in-out; 
    
    /* Vérification : Assurez-vous qu'elle n'est pas positionnée en absolute */
    position: static; /* Ou retirez simplement toute déclaration de position */
}

/* --- 3. L'Image : État au Survol (.image-glow-internal:hover) --- */
.image-glow-internal:hover {
    /* Mouvement de MONTÉE */
    transform: translateY(0); 

    /* Lueur */
    filter: drop-shadow(0 0 10px rgba(255, 200, 0, 0.9)) 
            drop-shadow(0 0 6px rgba(255, 200, 0, 0.8));
}


/* FIN EFFET SUR LES CARTES  */