/* 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). */
.kgr-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;
}
.kgr-consent[hidden] { display: none; }
.kgr-consent_text { margin: 0 0 1rem; }
.kgr-consent_text a { color: #ef7a1a; text-decoration: underline; }
.kgr-consent_buttons { display: flex; gap: 0.75rem; }
.kgr-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;
}
.kgr-consent_btn.is-accept { background: #ef7a1a; color: #fff; border: 2px solid #ef7a1a; }
.kgr-consent_btn.is-accept:hover { background: #d96a10; border-color: #d96a10; }
.kgr-consent_btn.is-reject { background: #fff; color: #242424; border: 2px solid #242424; }
.kgr-consent_btn.is-reject:hover { background: #242424; color: #fff; }
.kgr-consent_btn:focus-visible { outline: 3px solid #ef7a1a; outline-offset: 2px; }
@media (max-width: 767px) {
  .kgr-consent { left: 1rem; right: 1rem; bottom: 1rem; max-width: none; }
  body.kgr-consent-open .tb-bp-trigger { display: none !important; }
}