/* Extrait de magazine/wine-days-maroc/interview.html (styles de l'en-tête et du pied de page) */
.footer .social-icons{display:flex;gap:10px;align-items:center}.footer .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#000}.footer .social-icons svg{width:24px;height:24px;display:block;fill:none;stroke:#000;stroke-width:1.8}.footer .social-icons svg path,.footer .social-icons svg rect,.footer .social-icons svg circle{stroke:#000;fill:none}.footer .social-icons a:first-child svg path{fill:#000;stroke:none}
.footer .social-icons::before,.footer .social-icons::after,.footer .social-icons a::before,.footer .social-icons a::after{content:none !important;display:none !important}.footer .footer-social-text-icons{display:none !important}.footer .social-icons{display:flex !important;gap:10px !important;align-items:center !important;justify-content:center !important;margin:0 auto 12px auto !important;visibility:visible !important;opacity:1 !important;height:auto !important;overflow:visible !important;width:100% !important;text-align:center !important}.footer .social-icons a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:30px !important;height:30px !important;min-width:30px !important;border:1px solid #000 !important;border-radius:50% !important;background:#fff !important;color:#000 !important;text-decoration:none !important;visibility:visible !important;opacity:1 !important;overflow:visible !important}
.footer .footer-social-text-icons{display:none !important}.footer .social-icons + .footer-social-text-icons,.footer .footer-social-text-icons + .social-icons{display:none !important}
.footer .social-icons,.footer .social-icons *{position:relative !important}.footer .social-icons::before,.footer .social-icons::after,.footer .social-icons a::before,.footer .social-icons a::after{content:none !important;display:none !important;width:0 !important;height:0 !important;border:0 !important;background:transparent !important}.footer .footer-social-text-icons{display:none !important}
body.vinea-lemonde-ready .cart-container,
body.vinea-lemonde-ready .cart-container.show,
body.vinea-lemonde-ready .cart-container.vinea-cart-pop,
body.vinea-lemonde-ready .cart-container.show.vinea-cart-pop{
  position:fixed!important;
  top:248px!important;
  right:max(18px,calc((100vw - 1180px) / 2 + 18px))!important;
  width:min(420px,calc(100vw - 28px))!important;
  max-width:min(420px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 270px)!important;
  overflow:auto!important;
  z-index:2147482500!important;
}
body.vinea-lemonde-ready .cart-container::after,
body.vinea-lemonde-ready .cart-container.vinea-cart-pop::after{
  top:24px!important;
}
@media (max-width:720px){
  body.vinea-lemonde-ready .cart-container,
  body.vinea-lemonde-ready .cart-container.show,
  body.vinea-lemonde-ready .cart-container.vinea-cart-pop,
  body.vinea-lemonde-ready .cart-container.show.vinea-cart-pop{
    top:154px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 172px)!important;
  }
}

/* Pages du moteur de rendu : l'en-tête se replie et se déplie au défilement (home-reference-modules.js) ; la compensation
   automatique du navigateur (scroll anchoring) déplacerait alors la page, relançant le repli en boucle à la remontée. */
html { overflow-anchor: none; }

/* Pied de page en tablette et mobile : home-reference-modules.css impose 4 colonnes et place le 4e bloc en colonne 4
   (grid-area: 1 / 4, !important) à toutes les largeurs ; en mobile, la première colonne réduite à 20 px empilait son texte
   lettre par lettre (pied de page de 25 000 px). Sélecteurs plus spécifiques que ceux du client (:nth-child(n)). */
@media (max-width: 900px) {
  html body.vinea-lemonde-ready footer .footer-content { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:nth-child(n) { grid-area: auto !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:first-child:nth-child(n) { grid-column: 1 / -1 !important; }
}
@media (max-width: 640px) {
  html body.vinea-lemonde-ready footer .footer-content { grid-template-columns: minmax(0, 1fr) !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:nth-child(n) { grid-column: 1 / -1 !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:first-child:nth-child(n) { grid-template-columns: minmax(0, 1fr) !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:first-child .footer-text { grid-area: auto !important; }
  html body.vinea-lemonde-ready footer .footer-content > .footer-column:not(:first-child)::before { display: none; }
}

/* Marge du haut = hauteur réelle de l’en-tête déplié (mesurée par vinea-front-chrome.js). */
html.vinea-header-measured body.vinea-lemonde-ready { padding-top: var(--vinea-header-full) !important; }

/* Bandeau « En direct » en mobile : le texte (sans retour à la ligne) poussait le sélecteur FR | EN hors de l’écran. */
@media (max-width: 600px) {
  html body .vinea-news-live { display: flex !important; align-items: center; gap: 10px; }
  html body .vinea-news-live > span:first-child:empty { display: none; }
  html body .vinea-news-live > strong { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  html body .vinea-news-live > .vinea-news-lang { flex: 0 0 auto; margin-left: auto; }
}

/* Carrousel de produits Coccinelles en mobile : les flèches, à cheval sur le bord, sortaient de l’écran. */
@media (max-width: 600px) {
  .coccinelles-podcast-product-arrow-previous { left: 4px; transform: translate(0, -50%); }
  .coccinelles-podcast-product-arrow-next { right: 4px; transform: translate(0, -50%); }
}
/* Tailles de texte choisies dans l'éditeur de l'admin (« Petit », « Très petit »), conservées par rich_out(). */
.ql-size-small { font-size: .85em; }
.ql-size-xsmall { font-size: .72em; }
/* Vidéos YouTube / Vimeo insérées dans un texte (rich_out) : lecteur 16/9 sur toute la largeur du texte. */
.rich-video { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 16px 0 10px; background: #000; break-inside: avoid; }
.rich-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }