/* ================================
   FONT
================================ */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&display=swap');

body,
h1, h2, h3, h4, h5, h6,
p, a, li, span {
  font-family: 'Quicksand', sans-serif;
}

/* ================================
   LAYOUT
================================ */
body {
  padding-top: 50px;
  background: #ffffff;
}

#wrapper {
  padding-top: 1.563rem;
  background: #F4EADB !important;
}

/* ================================
   BANNER ROSSO FISSO (SAFE)
================================ */
@keyframes changeText {
  0%,19% { content:"Le spedizioni partono il giorno successivo all’ordine."; }
  20%,39% { content:"Spedizioni entro 48/72 ore."; }
  40%,59% { content:"Supporta le piccole imprese del Sud."; }
  60%,79% { content:"Benvenuto su www.bottegadelsud.it"; }
  80%,100% { content:"Solo prodotti artigianali Calabresi."; }
}

body::before {
  content: "Supporta le piccole imprese del Sud.";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #ff3b2d;
  color: #ffffff;
  text-align: center;
  z-index: 9999;
  pointer-events: none;
  animation: changeText 20s infinite linear;
}

/* ================================
   ICONE CATEGORIE
================================ */
#mobile_top_menu_wrapper li[id^="category-"] > a::before,
.top-menu li[id^="category-"] > a::before {
  margin-right: 6px;
  pointer-events: none;
}

li#category-3 > a::before { content:"🥩 "; }
li#category-6 > a::before { content:"🧀 "; }
li#category-9 > a::before { content:"🥫 "; }
li#category-10 > a::before { content:"🫒 "; }
li#category-11 > a::before { content:"🍷 "; }
li#category-90 > a::before { content:"🍝 "; }
li#category-105 > a::before { content:"🌾🚫 "; }
li#category-109 > a::before { content:"🍯 "; }
li#category-110 > a::before { content:"🥖 "; }

/* ================================
   DISABILITA ZOOM PRODOTTO
================================ */
.product-cover .zoom-icon,
.product-cover .layer,
.product-cover .easyzoom,
.product-cover .js-qv-mask {
  display: none !important;
}

.product-cover a {
  pointer-events: none !important;
}

.product-images a {
  pointer-events: auto !important;
}

/* ================================
   CHECKOUT – BLOCCA MENU MOBILE
================================ */
@media (max-width: 991px) {

  body#checkout #mobile_top_menu_wrapper,
  body#checkout .mobile-menu,
  body#checkout .top-menu,
  body#checkout .mobile-menu-overlay {
    display: none !important;
  }

  body#checkout .menu-icon,
  body#checkout .js-mobile-menu {
    pointer-events: none !important;
    opacity: 0.5;
  }

  body#checkout .cart-preview,
  body#checkout .shopping-cart {
    pointer-events: auto !important;
    z-index: 3000 !important;
  }
}

/* ================================
   PAGINA PRODOTTO – PREZZO
================================ */
.product-price,
.current-price span {
  font-size: 24px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .product-price,
  .current-price span {
    font-size: 20px;
  }
}

/* ================================
   BOTTONI ROSSI – GLOBALI
================================ */

/* Aggiungi al carrello */
.add-to-cart,
.btn-primary.add-to-cart {
  background-color: #ff3b2d !important;
  border-color: #ff3b2d !important;
  color: #ffffff !important;
  font-weight: 600;
}

.add-to-cart:hover,
.btn-primary.add-to-cart:hover {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}

/* ================================
   CARRELLO & CHECKOUT – BOTTONI
================================ */

/* Procedi con il checkout */
.cart-detailed-actions .btn-primary,
.cart-detailed-actions a.btn-primary {
  background-color: #ff3b2d !important;
  border-color: #ff3b2d !important;
  color: #ffffff !important;
  font-weight: 600;
}

.cart-detailed-actions .btn-primary:hover,
.cart-detailed-actions a.btn-primary:hover {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}

/* ================================
   CODICE PROMO – FIX DEFINITIVO
================================ */

/* Bottone "AGGIUNGI" codice promo */
.promo-code form button,
.promo-code form .btn,
.cart-summary .promo-code button,
.cart-summary .promo-code .btn,
button[name="submitAddDiscount"] {
  background-color: #ff3b2d !important;
  border-color: #ff3b2d !important;
  color: #ffffff !important;
  font-weight: 600;
}

/* Hover codice promo */
.promo-code form button:hover,
.promo-code form .btn:hover,
.cart-summary .promo-code button:hover,
.cart-summary .promo-code .btn:hover,
button[name="submitAddDiscount"]:hover {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}