.wp-block-pullquote {
  font-size: 15px;
  line-height: 1.6;
}

blockquote {
    background-color: #f9f9f9;
    border-left: 5px solid #ccc;
    padding: 40px 50px;
    margin: 0;
}
p.highlight {
    background-color: #ffffcc;
}

/* BLOCCO 1: QUELLO CHE AVEVI GIA' (GESTIONE PC) */
@media (min-width: 769px) {
    /* Nasconde il pulsante 'ignora' sul PC */
    .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
        display: none !important;
    }

    /* Sposta GIU' l'intera barra superiore scura per fare spazio al banner */
    .header-top {
        /* REGOLA QUESTO VALORE PER GLI SCHERMI GRANDI (es. 40px, 50px) */
        margin-top: 60px !important;
        padding-top: 0 !important; 
    }
}


/* BLOCCO 2: AGGIUNTA PER GESTIONE MOBILE (RISOLVE IL TUO PROBLEMA) */
@media (max-width: 768px) {
    /* Nasconde il pulsante 'ignora' sul cellulare */
    .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
        display: none !important;
    }

    /* Soluzione forzata: Aggiunge spazio bianco sopra TUTTA la pagina sul cellulare */
    /* AUMENTA IL VALORE 100px FINCHÈ IL LOGO NON È VISIBILE CORRETTAMENTE */
    body {
        padding-top: 150px !important; 
    }
    
    /* Assicurati che il banner non abbia padding eccessivi */
    .woocommerce-store-notice {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        height: auto !important; 
    }
}

.back-to-top,
.scrollup,
#scrollUp {
right: auto !important;
left: 40px !important;
z-index: 9999;
}
@media (max-width: 768px) {
.back-to-top,
.scrollup,
#scrollUp {
left: 10px !important;
bottom: 60px !important;
transform: scale(0.9);
}
}

html {
  scroll-behavior: smooth !important;
}

/* Nasconde il vecchio pulsante di Spicy Recipe che non funziona */
.back-to-top, #back-to-top, .scrollup {
    display: none !important;
}

.wa-channel-float {
  position: fixed; width: 60px; height: 60px; bottom: 40px; right: 20px;
  background-color: #25d366; border-radius: 50px; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3); text-decoration: none !important;
}

/* Scritta CANALE sopra */
.wa-channel-float::before {
  content: "CANALE"; position: absolute; top: -25px;
  background: #333; color: #fff; font-size: 10px; padding: 2px 8px;
  border-radius: 4px; font-weight: bold;
}

/* Scritta WHATSAPP sotto */
.wa-channel-float::after {
  content: "WHATSAPP"; position: absolute; bottom: -25px;
  background: #333; color: #fff; font-size: 10px; padding: 2px 8px;
  border-radius: 4px; font-weight: bold;
}

/* Riposiziona l'avviso WooCommerce senza coprire il menu */
.woocommerce-store-notice { 
    position: relative !important; 
    top: 0 !important; 
    margin: 0 !important; 
    padding: 10px 0 !important;
    /* Valore minimo per farlo stare sotto al menu mobile */
    z-index: 1 !important; 
}

/* Forza il contenitore del sito a stare sopra il banner se necessario */
.site, #page { 
    position: relative;
    z-index: 2;
}

/* Assicura che il menu mobile abbia la priorità assoluta */
#site-navigation, .mobile-menu-wrapper, .main-navigation {
    z-index: 99999 !important;
}