/* Publicité Quiz infernal (couleurs de la marque Quiz infernal, d'où ce fichier à part). Reprise de Physalis Design (pub-quiz.css).
   Large écran : colonne fixe à droite du contenu, hors du conteneur. Sinon : bandeau horizontal juste avant le pied de page. */
.pub-quiz { max-width: 75rem; margin: 2.5rem auto 0; padding: 0 1.1rem; }
.pub-quiz-lien { display: flex; align-items: center; gap: 1rem; padding: 0.9rem 1.2rem; border-radius: 1rem; background: #fff8dc; border: 0.1rem solid #FDD018; color: #31038A; text-decoration: none; }
.pub-quiz-lien:hover { background: #fff2b8; }
.pub-quiz-lien:focus-visible { outline: 0.2rem solid #31038A; outline-offset: 0.2rem; }
.pub-quiz img { flex: 0 0 auto; width: 3.25rem; height: 3.25rem; }
.pub-quiz-texte { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0.2rem; line-height: 1.4; font-size: 0.9375rem; }
.pub-quiz-etiquette { font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; }
.pub-quiz-bouton { flex: 0 0 auto; padding: 0.55rem 1.1rem; border-radius: 2rem; background: #31038A; color: #fff; font-weight: 700; }
@media (max-width: 36rem) {
  .pub-quiz-lien { flex-wrap: wrap; }
  .pub-quiz-texte { flex-basis: 60%; }
  .pub-quiz-bouton { margin-left: auto; }
}
/* Assez de marge à droite du contenu (1200 px centré) pour une colonne discrète de 11 rem : elle reste en place quand on descend. */
@media (min-width: 100rem) {
  .pub-quiz { position: fixed; top: 11rem; left: calc(50% + 600px + 1.25rem); z-index: 5; width: 11rem; margin: 0; padding: 0; }
  .pub-quiz-lien { flex-direction: column; align-items: center; gap: 0.8rem; padding: 1.2rem 0.9rem 1.1rem; text-align: center; opacity: 0.92; }
  .pub-quiz-lien:hover { opacity: 1; }
  .pub-quiz img { width: 4rem; height: 4rem; }
  .pub-quiz-texte { font-size: 0.8125rem; gap: 0.35rem; }
}
@media print { .pub-quiz { display: none; } }