/**
 * Habillage BLEU : couleurs du site easycartouche.fr actuel, en attendant la charte easy.
 * Chargé après custom.css par _partials/head.tpl quand la configuration EC_SKIN vaut « bleu ».
 * custom.css reste l'habillage orange easy : sans ce fichier (EC_SKIN = « easy »), le site repasse en orange à l'identique.
 *
 * Couleurs relevées sur www.easycartouche.fr (octobre 2026) :
 *   turquoise du logo « easy »      #00a5b5
 *   bleu du logo « cartouche »      #135173
 *   bleu nuit de la barre de menu   #003845
 *   gris-bleu clair de l'en-tête    #d3dee8
 *   vert du bouton « Rechercher »   #008040 (boutons d'action)
 */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-700-latin.woff2") format("woff2"); }

:root {
  --ec-teal: #00a5b5;
  --ec-petrol: #135173;
  --ec-navy: #003845;

  --ec-brand: #135173;
  --ec-on-brand: #ffffff;
  --ec-brand-text: #135173;     /* liens et textes de marque */
  --ec-brand-soft: #e6f5f7;     /* teinte claire du turquoise (fonds doux) */
  --ec-cta: #008040;            /* boutons d'action, comme « Rechercher » sur le site actuel */
  --ec-on-cta: #ffffff;
  --ec-select: #135173;         /* éléments choisis */
  --ec-on-select: #ffffff;
  --ec-accent: #00a5b5;         /* filets, icônes, soulignés */
  --ec-band: #d3dee8;           /* en-tête gris-bleu clair */
  --ec-on-band: #003845;
  --ec-topbar-bg: #003845;
  --ec-nav-bg: #003845;
  --ec-dark: #002b35;           /* bandeaux sombres et pied de page : bleu nuit */
  --ec-focus-ring: rgba(0, 165, 181, 0.32);
  --ec-font-logo: "Montserrat", "Nunito", sans-serif;
}

/* Logo texte « easycartouche » du site actuel */
.ec-logo__text--bleu { font-family: "Montserrat", "Nunito", sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -0.8px; }
@media (min-width: 768px) { .ec-logo__text--bleu { font-size: 34px; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .ec-logo__text--bleu { font-size: 28px; } }
.ec-logo__text--bleu .ec-logo__easy { color: var(--ec-teal); }
.ec-logo__text--bleu .ec-logo__cart { color: var(--ec-petrol); }
.ec-footer__logo .ec-logo__text--bleu { font-size: 30px; }
.ec-footer__logo .ec-logo__text--bleu .ec-logo__cart { color: #ffffff; }

/* En-tête : fond clair, icônes et liens bleu nuit (comme le site actuel), barre de menu bleu nuit */
.ec-header .ec-search__input:focus { outline-color: rgba(0, 165, 181, 0.55); }
.ec-header .ec-search__input { box-shadow: 0 1px 2px rgba(0, 56, 69, 0.12); }
.ec-cartlink__badge { background: var(--ec-navy); color: #ffffff; }
.ec-header .ec-headerlink.has-printer { background: rgba(0, 56, 69, 0.08); border-color: var(--ec-navy); color: var(--ec-navy); }
.ec-avatar { background: var(--ec-petrol); }
.ec-meavatar .ec-avatar { background: var(--ec-petrol); color: #ffffff; box-shadow: none; }
@media (min-width: 768px) {
  .ec-header .ec-headerlink--account { color: var(--ec-navy); box-shadow: 0 1px 2px rgba(0, 56, 69, 0.12); }
  .ec-header .ec-headerlink--account:hover { color: var(--ec-navy); }
  /* Barre de menu bleu nuit, liens blancs, comme le site actuel */
  .ec-nav { background: var(--ec-navy); border-top: 0; border-bottom: 0; }
  .ec-nav__link { color: #ffffff; }
  .ec-nav__link:hover { background: rgba(255, 255, 255, 0.12); color: #ffffff; }
  .ec-nav__link--cta, .ec-nav__link--cta:hover { background: #ffffff; color: var(--ec-navy); }
  .ec-nav__link--aux { color: rgba(255, 255, 255, 0.86); }
  .ec-header .ec-nav .ec-headerlink { border-color: rgba(255, 255, 255, 0.7); background: transparent; color: #ffffff; }
  .ec-header .ec-nav .ec-headerlink.has-printer { background: var(--ec-ok-soft); border-color: var(--ec-ok-soft); color: var(--ec-ok); }
}

/* Étoiles des avis : jaune (comme les étoiles du site actuel), jamais à la couleur de marque */
.ecm-stars__fill::before { color: #fbbc04; }