/* Correctifs communs a toutes les pages, charges juste apres le bundle Webflow.
   Chaque regle est justifiee par une mesure, comme dans emd-comparatif.css.
   Theme clair uniquement : aucun bloc prefers-color-scheme ici. */

/* Parasite du bundle IM8 (ligne 7486) :
     @media (max-width: 479px) { .text-weight-semibold { order: -1; } }
   Pose sur une classe utilitaire de graisse, il fait remonter en tete de son conteneur
   flex tout texte en semi-gras. Mesure en 375 px le 24/09/2026, il deplacait des elements
   a 10 endroits de la home, et aucun de ces deplacements n'etait voulu :
   - lignes d'information des cartes : la valeur passait AU-DESSUS de son libelle
     (« Rano lub po poludniu / Pora dnia: ») ;
   - pays avant son drapeau, code promo avant son libelle, code avant l'icone de copie ;
   - badge « Wybor redakcji » : le texte passait devant le lys de gauche ;
   - cartes « Jak powstal ten ranking » : le titre remontait au-dessus de son icone ;
   - deuxieme badge du hero passe devant le premier.
   Le bundle contient deja un rustine locale pour une seule combinaison
   (.text-color-primary-2.text-weight-semibold { order: 0 }) : l'auteur du gabarit avait
   bute sur le meme probleme. On neutralise ici la regle entiere, meme specificite,
   chargee apres. La variante -4 (ligne 7916) n'est utilisee par aucune page mais subit
   le meme sort par precaution. */
@media screen and (max-width: 479px) {
  .text-weight-semibold,
  .text-weight-semibold-4 {
    order: 0;
  }
}

/* Bandeau de consentement cookies (CookieConsent.astro). Carte en bas a gauche sur ordinateur,
   pleine largeur sur mobile ; le bouton flottant « Kod rabatowy » est masque tant qu'il est ouvert
   sur mobile, pour ne pas se superposer. Sous la popup d'offre (z-index 10000). */
.lmi-consent {
  position: fixed;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 60;
  max-width: 26rem;
  padding: 1.25rem;
  background: #fff;
  color: #242424;
  border: 1px solid #eee9df;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
  line-height: 1.5;
}
.lmi-consent[hidden] { display: none; }
.lmi-consent_text { margin: 0 0 1rem; }
.lmi-consent_text a { color: #ef7a1a; text-decoration: underline; }
.lmi-consent_buttons { display: flex; gap: 0.75rem; }
.lmi-consent_btn {
  flex: 1 1 0;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  font-family: Archivo, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.lmi-consent_btn.is-accept { background: #ef7a1a; color: #fff; border: 2px solid #ef7a1a; }
.lmi-consent_btn.is-accept:hover { background: #d96a10; border-color: #d96a10; }
.lmi-consent_btn.is-reject { background: #fff; color: #242424; border: 2px solid #242424; }
.lmi-consent_btn.is-reject:hover { background: #242424; color: #fff; }
.lmi-consent_btn:focus-visible { outline: 3px solid #ef7a1a; outline-offset: 2px; }
@media (max-width: 767px) {
  .lmi-consent { left: 1rem; right: 1rem; bottom: 1rem; max-width: none; }
  body.lmi-consent-open .tb-bp-trigger { display: none !important; }
}



/* Appel vers le comparatif (home, article sans classement) et bloc secondaire Brainstoorm.
   Tokens de la charte EMD : surface blanche, bordure #E4DFD5, radius 12px, orange #EF7A1A. */
.lmi-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 2rem 0;
  padding: 1.5rem 1.75rem; background: #fff; border: 1px solid #e4dfd5; border-left: 4px solid #ef7a1a;
  border-radius: 12px; box-shadow: 0 1px 2px rgba(36, 24, 12, .04); }
.lmi-cta_eyebrow { color: #c9620f; font-size: 11.76px; font-weight: 800; letter-spacing: .47px; text-transform: uppercase; }
.lmi-cta_title { margin-top: .35rem; font-family: Archivo, sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.25; color: #111; }
.lmi-cta_desc { margin: .5rem 0 0; font-size: .95rem; line-height: 1.5; color: #444; }
.lmi-cta_btn { flex-shrink: 0; white-space: nowrap; }
.lmi-cta_text { flex: 1 1 auto; min-width: 0; }
/* Sous 991 px le bundle IM8 force .button { width: 100% } : en ligne, le bouton ecrasait le texte en colonne
   etroite (tablette). On passe donc en colonne des 991 px, bouton pleine largeur sous le texte. */
@media (max-width: 991px) {
  .lmi-cta { flex-direction: column; align-items: stretch; gap: 1rem; padding: 1.25rem 1.5rem; }
  .lmi-cta_btn { width: 100%; justify-content: center; }
}
.lmi-secondary { margin: 2rem 0; }
.lmi-eyebrow { color: #c9620f; font-size: 11.76px !important; font-weight: 800; letter-spacing: .47px; text-transform: uppercase; margin-bottom: .25rem !important; }
.lmi-small { font-size: .8rem !important; color: #777; }