/* =========================================================
   Promo Ice (inchangé)
   ========================================================= */
@media (min-width: 1024px) {
  .promo-ice-container {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
  }
  .bloc-promo-ice {
    background: #f3db66;
    color: #000;
    border-radius: 6px;
    padding: 8px 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
  }
  .badge-new {
    background: #d4252a;
    color: #fff;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 6px;
    font-size: 0.8em;
    letter-spacing: 0.5px;
  }
  .bloc-promo-ice a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
  }
  .bloc-promo-ice a:hover {
    text-decoration: underline;
  }
}


/* =========================================================
   Menus / navigations : ne rien changer (pas de bleu, pas d’underline)
   Couvre : navbar, dropdown, sous-menus, off-canvas, breadcrumbs.
   ========================================================= */
.uk-navbar-nav > li > a,
.uk-navbar-nav > li > a:visited,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a,
.uk-navbar-dropdown-nav > li > a:visited,
.uk-navbar-dropdown-nav > li > a:focus,
.uk-navbar-dropdown-nav > li > a:hover,
.uk-subnav > * > a,
.uk-subnav > * > a:visited,
.uk-subnav > * > a:focus,
.uk-subnav > * > a:hover,
.uk-breadcrumb a,
.uk-breadcrumb a:visited,
.uk-breadcrumb a:focus,
.uk-breadcrumb a:hover,
.uk-nav > li > a,
.uk-nav > li > a:visited,
.uk-nav > li > a:focus,
.uk-nav > li > a:hover,
.tm-primary-nav > li > a,
.tm-primary-nav > li > a:visited,
.tm-primary-nav > li > a:focus,
.tm-primary-nav > li > a:hover {
  color: inherit !important;
  text-decoration: none !important;
}


/* =========================================================
   Liens contrastés LIMITÉS au contenu (paragraphes, listes, légendes)
   — n’affecte pas les menus.
   ========================================================= */
.uk-article :is(p, li, figcaption) a,
.el-content  :is(p, li, figcaption) a,
.uk-card-body :is(p, li, figcaption) a {
  color: #1a73e8;              /* bleu lisible, loin du noir */
  text-decoration: underline;  /* identifiable au-delà de la couleur */
}

.uk-article :is(p, li, figcaption) a:hover,
.el-content  :is(p, li, figcaption) a:hover,
.uk-card-body :is(p, li, figcaption) a:hover,
.uk-article :is(p, li, figcaption) a:focus,
.el-content  :is(p, li, figcaption) a:focus,
.uk-card-body :is(p, li, figcaption) a:focus {
  color: #1558b0;              /* un peu plus foncé au survol/focus */
}

.uk-article :is(p, li, figcaption) a:visited,
.el-content  :is(p, li, figcaption) a:visited,
.uk-card-body :is(p, li, figcaption) a:visited {
  color: #5f37d6;              /* variante visitée, toujours lisible */
}


/* =========================================================
   Légendes & images (YOOtheme) — centrage + empilement propre
   ========================================================= */
.uk-article figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]),
.el-content  figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]) {
  margin-top: 8px;
  font-size: .9rem;
  color: #666;
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
  clear: both; /* force bien la légende sous l'image */
}

/* Sécurise l'empilement image → légende si un style global flotte les images */
.uk-article figure > img,
.el-content  figure > img {
  float: none;
  display: block;
  max-width: 100%;
  height: auto;
}

/* Centre toutes les légendes sous les images dans YOOtheme */
.uk-article figure > figcaption,
.el-content  figure > figcaption,
.uk-card-body figure > figcaption {
  text-align: center !important;
  margin-top: 8px;
  font-size: .9rem;
  color: #666;
  line-height: 1.4;
  font-weight: 400;
}







/* Légendes plus lisibles (passe avant styles YOOtheme) */
figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]),
.uk-article figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]),
.el-content  figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]),
.uk-card-body figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]),
.tm-page-container figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]) {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 1rem;        /* au lieu de .9rem */
  line-height: 1.45;
  font-weight: 500;       /* un cran plus gras */
  letter-spacing: .1px;   /* micro-espacement pour la netteté */
  color: #444;            /* plus sombre que #666 */
  text-align: center;
  margin-top: 8px;
}

/* Si tu utilises souvent <strong> dans les légendes */
figure > figcaption strong { font-weight: 600; }

/* Option mobile : léger downscale si tu veux */
@media (max-width: 480px) {
  figure > figcaption:not(.uk-overlay):not([class*="uk-position-"]) {
    font-size: .95rem;
  }
}




/* Scope local : garantit l’application, sans casser le reste du site */
.mt-zone table.mt-table{
  max-width:825px;
  width:100%;
  border-collapse:separate !important; /* UIkit force parfois collapse */
  border-spacing:0 10px !important;    /* espace vertical entre lignes */
  font-size:0.95rem;
  margin:0 0 20px 0;
  color:#000;
}
.mt-zone .mt-table thead th{
  border-bottom:1px solid #ddd;
  padding:6px;
}
.mt-zone .mt-table thead th:first-child{ text-align:left; }
.mt-zone .mt-table thead th:nth-child(n+2){ text-align:center; }

.mt-zone .mt-table tbody td{
  background:#fff;
  padding:10px;
  border-top:3px solid var(--c,#222);
  border-bottom:3px solid var(--c,#222);
}
.mt-zone .mt-table tbody td:first-child{
  border-left:3px solid var(--c,#222);
  font-weight:400;
  text-align:left;
}
.mt-zone .mt-table tbody td:last-child{
  border-right:3px solid var(--c,#222);
}
.mt-zone .mt-table tbody td:nth-child(n+2){ text-align:center; }

/* Harmonisation du comparatif */
.mt-zone .mt-compare thead th{ padding:6px; border-bottom:1px solid #ddd; }
.mt-zone .mt-compare tbody td{ --c:#D7D7D7; }
.mt-zone .mt-compare tbody td:first-child{ width:32%; }

/* Cellules multi-lignes lisibles */
.mt-zone .mt-multilines{
  text-align:left;
  line-height:1.4;
  white-space:normal;
  font-variant-numeric:tabular-nums;
}




/* Cache l'item dans le menu desktop et mobile */
.uk-navbar-nav > li.hide-in-nav,
.uk-nav > li.hide-in-nav { display: none !important; }



.uk-navbar-nav > li.item-806,
.uk-nav > li.item-806 { display: none !important; }