/* ==================================================================
   Coblentz / CZ-MBI — CSS specifique du site
   Child theme yootheme_coblentz2026 (YOOtheme Pro 2.7.22)
   ================================================================== */

/* En-tete : hauteur de navbar propre a l accueil */
.accueil .uk-navbar {
  height: 110px;
}

/* ------------------------------------------------------------------
   TOOLBAR (barre de langues gTranslate)
   ------------------------------------------------------------------ */
.tm-toolbar {
  background-color: #0d6ca3;
}
.tm-toolbar .selected a {
  color: #000 !important;
}

/* Espacement des drapeaux.
   En Pro 1.x chaque drapeau etait une cellule de la grille uk-grid-medium et
   recevait padding-left:25px. En 2.7.22 le module est enveloppe dans un
   .uk-panel : la grille n a plus qu une cellule et les <a> se retrouvent colles.
   On reproduit la gouttiere mesuree sur l ancien site (25px, sans palier). */
.tm-toolbar .flag + .flag {
  margin-left: 25px;
}

/* ------------------------------------------------------------------
   MENU
   ------------------------------------------------------------------ */
.uk-navbar-nav > li > a {
  color: #fff !important;
}
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a {
  color: #fff;
}

/* Soulignement anime des entrees de menu */
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a::before {
  background-color: #fff;
  bottom: 24px;
  content: "";
  display: block;
  height: 1px;
  left: calc(0% + 25px);
  position: absolute;
  right: calc(100% - 25px);
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: background-color, border-color, box-shadow, height, right;
  transition-timing-function: ease-in-out;
}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a::before,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:focus::before,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open::before,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a::before {
  right: calc(0% + 25px);
}

.uk-navbar-toggle,
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
  color: #fff;
}

/* ------------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------------ */
.footer-menu .uk-nav-default {
  display: flex;
  justify-content: center;
}

/* ------------------------------------------------------------------
   GRILLES BUILDER (pages Lames de gouge / Lames de scalpel)
   Aligne la teinte des tuiles sur le gris de l ancien site (#f4f4f4),
   la valeur native de .uk-tile-muted etant #fafafa.
   ------------------------------------------------------------------ */
.el-item.uk-tile-muted {
  background-color: #f4f4f4;
}

/* ------------------------------------------------------------------
   REQUETES MEDIA
   ------------------------------------------------------------------ */
@media screen and (max-width: 385px) {
  .titre-infos-distributeurs { font-size: 50px; }
}
@media screen and (max-width: 356px) {
  .titre-infos-distributeurs { font-size: 43px; }
}
@media screen and (max-width: 550px) {
  .logo-diaporama { display: none; }
}
@media screen and (min-width: 960px) {
  .accueil .uk-logo { display: none; }
}
@media screen and (min-width: 960px) and (max-width: 1320px) {
  .uk-navbar-center:not(:only-child) { left: 65%; }
  .uk-navbar-nav > li > a { padding: 0 15px; }
}