/* ============================================================
   Kakashi clone overrides — /special-offers/  (congelado offline)
   ============================================================ */

/* Fallback de fonte UI (Roboto woff2 ausente offline). :where p/ nao
   sobrepor o typekit do hero (fenway-banner / sweet-sans). */
:where(html, body){ font-family: Roboto, "Segoe UI", system-ui, Arial, sans-serif; }

/* ---- CONGELAR snapshot: matar esqueletos / placeholders ---- */
.animate-pulse{ animation:none !important; }
[class*="BAILOUT"], [data-bailout]{ display:none !important; }

/* ---- Esconder imagens remotas quebradas (offline) ---- */
img[src*="flagcdn"],
img[src*="bigcommerce.com"],
img[src*="/_next/image"],
img[src^="/images/stars/"],
img[src*="saveur-biere"],
img[src=""], img:not([src]){ display:none !important; }

/* ---- Esconder popups congelados ---- */
[id^="onetrust"], [class*="onetrust"], #onetrust-consent-sdk,
.onetrust-pc-dark-filter, #ot-sdk-cookie-policy,
[role="dialog"], [aria-modal="true"],
.fixed.inset-0, [class*="bg-opacity-60"],
[class*="bg-black/"][class*="fixed"]{ display:none !important; }

/* ---- INTERACAO: nada clicavel exceto Add to basket ---- */
a, button, [role="button"], input, select, label,
.mom-prodlink{ pointer-events:none !important; cursor:default !important; }
.mom-addbtn{ pointer-events:auto !important; cursor:pointer !important; }

/* ---- Estrelas (substitui /images/stars/*.svg que nao carregam) ---- */
.mom-stars{ position:relative; display:inline-block; font-size:16px; line-height:1;
  white-space:nowrap; font-family:Arial,sans-serif; vertical-align:-2px; }
.mom-stars::before{ content:"\2605\2605\2605\2605\2605"; color:#dadada; letter-spacing:1px; }
.mom-stars::after{ content:"\2605\2605\2605\2605\2605"; color:#ffb400; letter-spacing:1px;
  position:absolute; left:0; top:0; width:var(--r,0%); overflow:hidden; }

/* ---- Botao AMARELO "Add to basket" (real buy-button) ---- */
.mom-addbtn{
  background:#ffc200 !important; color:#1a1a1a !important;
  border:none !important; font-weight:700 !important;
}
.mom-addbtn:hover{ background:#e6af00 !important; }
.mom-addbtn--added{ background:#1f6b3b !important; color:#fff !important; }