/** Shopify CDN: Minification failed

Line 7:2 Unexpected "100%"
Line 10:0 Unexpected "}"

**/
  100% {
    transform: translateX(100%) scaleX(0);
  }
}

/* ─────────────────────────────────────────────────────────
   OLOLOO — Aggiunte custom · base.css
   ───────────────────────────────────────────────────────── */

/* Sfondo globale — void #0A1009 */
body {
  background-color: #0A1009;
}

/* ── font-optical-sizing: auto — identico al wireframe ──
   Senza questo Fraunces perde la sua forma ottica caratteristica.
   Il wireframe lo applica su ogni singolo elemento heading. */
h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4, .h5,
.hero-title,
.progetti-title,
.progetto-name,
.how-title,
.step-title,
.impatto-counter-title,
.counter-num,
.artista-title,
.newsletter-title,
.shop-teaser-title,
.eco-title,
.storia-title,
.blog-preview-title,
.section-title,
.partner-project {
  font-optical-sizing: auto;
}

/* Heading weight 800 — il wireframe usa 800 su tutti i titoli principali */
h1, h2,
.hero-title,
.progetti-title,
.impatto-counter-title,
.artista-title,
.newsletter-title,
.shop-teaser-title,
.storia-title,
.blog-preview-title {
  font-weight: 800;
}

/* Sezione spacing zero — il tema Craft aggiunge margin-top tra sezioni.
   Le nostre sezioni gestiscono il padding internamente come nel wireframe. */
.shopify-section {
  margin-top: 0 !important;
}

/* Focus accessibilità — biolume */
:focus-visible {
  outline: 3px solid #00C4A7;
  outline-offset: 3px;
}

/* Riduzione movimento */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Martian Mono — classi monospace nelle sezioni Ololoo */
.hero-eyebrow,
.metric-label,
.progetti-tag,
.progetto-cause,
.partner-label,
.partner-name,
.how-tag,
.step-tag,
.impatto-counter-tag,
.counter-unit,
.counter-disclaimer,
.ic-partner,
.artista-tag,
.artista-role,
.newsletter-tag,
.newsletter-disclaimer,
.perk-item,
.shop-teaser-tag,
.filter-btn,
.product-price,
.product-donation,
.eco-tag,
.eco-badge-pill,
.storia-tag,
.storia-name-tag-label,
.blog-preview-tag,
.blog-preview-subtitle,
.article-cat,
.article-meta,
.panel-cause,
.panel-cta,
.partner-org,
.partner-project,
.progetto-watermark,
.how-step .step-num,
.blog-link,
.bc-meta {
  font-family: 'Martian Mono', 'Courier New', monospace !important;
}
/* ============================================================
   OLOLOO — CART PAGE FIXES
   ============================================================ */

/* 1. Nascondi l'heading duplicato dentro la tabella carrello */
.cart-items thead .cart__heading,
.cart-items caption {
  display: none !important;
}

/* 2. Nascondi il label "Quantità" inline nel carrello
      (deve restare accessibile via visually-hidden, ma non visibile) */
.cart-item__quantity-wrapper .quantity__label,
.cart-item .quantity__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/* 3. Fix layout stepper quantità — allinea i controlli */
.cart-item quantity-input,
.cart-item .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  border: 1px solid currentColor;
  border-radius: 4px;
  overflow: hidden;
}

.cart-item quantity-input .quantity__button,
.cart-item .quantity .quantity__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.2rem;
  height: 3.2rem;
  background: transparent;
  border: none;
  cursor: pointer;
}

.cart-item quantity-input .quantity__input,
.cart-item .quantity .quantity__input {
  width: 3.6rem !important;
  height: 3.2rem !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid currentColor !important;
  border-right: 1px solid currentColor !important;
  background: transparent;
  -moz-appearance: textfield;
}

/* 4. Allineamento verticale celle tabella */
.cart-item td {
  vertical-align: middle !important;
}

/* 5. Separatore sottile al posto della barra nera
      (il border-top nativo di Craft, su sfondo off-white) */
.cart__footer,
.cart-footer-wrapper {
  border-top: 1px solid rgba(10, 16, 9, 0.15) !important;
  background-color: transparent !important;
}