@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-3/css/all.min.css');

@import'../../assets-commun/css/bootstrap3-modal.css';

@import url(../../assets-commun/css/login-block.css);
@import url(../../assets-commun/bs3-to-bs5-colors.css);
@import url(../../assets-commun/bs3-to-bs5-compat.css);
:root {
    --color-site-1: #0982CC;          /* Bleu principal (liens, bordures blocs, boutons) */
    --color-site-2: #ff4e00;          /* Orange/Rouge d'action (prix, badges, hover boutons) */
    --color-site-3: #FF08D2;          /* Rose/Magenta d'accentuation (animations, totaux, titres) */
    --font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* Police détectée */
    --border-radius: 6px;            /* Arrondi généralisé le plus récurrent sur les blocs */
    --color-border: #C7DBEB;          /* Gardé par défaut selon votre consigne */
    --text-color: #232323;            /* Gardé par défaut selon votre consigne */
    --container-max-width: 1420px;    /* Gardé par défaut selon votre consigne */
}
.container {
  position: relative;
  max-width: var(--container-max-width) !important;
  width: 100%;
  margin: 0px auto;
  padding: 0px 20px;
}


.btn-secondary {
  color: #ffffff;
  width: 100%;
  background-color: var(--color-site-2);
  border-color: var(--color-site-2);
}

.btn-secondary:hover {
   color: #ffffff;
    background-color: var(--color-site-2) !important;
    filter: brightness(90%);
}

/* 1. Parent de référence */
.owl-carousel {
  position: relative;
}

/* 2. Conteneur invisible des flèches */
.owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none; /* Laisse passer les clics au centre */
  z-index: 10;
}

/* 3. Base commune des boutons (Prev & Next) */
.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto; /* Réactive le clic sur le bouton */
  width: 44px;
  height: 44px;
  background-color: #ffffff !important;
  border: 1px solid #e1e8ed !important;
  border-radius: var(--border-radius, 4px) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-in-out;
}

/* 4. Positionnement précis (à cheval sur le bord) */
.owl-prev { left: -22px; }
.owl-next { right: -22px; }

/* 5. Style des icônes */
.owl-nav i {
  font-size: 20px;
  color: #2c3e50;
  transition: color 0.2s ease;
}

/* 6. États Hover & Focus */
.owl-prev:hover,
.owl-next:hover {
  background-color: var(--color-site-1, #ff6e00) !important;
  border-color: var(--color-site-1, #ff6e00) !important;
  box-shadow: 0 6px 14px rgba(255, 110, 0, 0.25);
}

.owl-prev:hover i,
.owl-next:hover i {
  color: #ffffff !important;
}