.woocommerce ul.products li.product .price {
    margin-top: 280px;
    width: 100%; 
    overflow: hidden;
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 8px 0; 
}



.woocommerce ul.products li.product .price span {
    text-align: center; 
    font-size: 20px; 
    font-weight: bold;
	  color: #fff;
}
#footer-widgets_HOME{
	opacity: 0;
}
small {
    font-size: 0.8em;
}

.woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3 {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 0.1%
}


.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 29%; 
    margin-bottom: 2.992em; 
    padding: 0;
    position: relative;
}

.woocommerce ul.products.columns-3 li.product img, .woocommerce-page ul.products.columns-3 li.product img {
    width: 100%; 
    height: auto; 
}
.layout-right-content #main.col-left {
    float: right;
}


.layout-right-content #main {
    padding-right: 30px;
    padding-left: 80px; 
    width: 90%

	
}

.layout-right-content #content {
    background: rgba(0, 0, 0, 0) url(https://www.labirrabiren.it/wordpress/wp-content/uploads/2013/12/ricepaper_v3.png) repeat-y scroll -10px 0;
	
	}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    padding: 8px 12px; /* Riduci il padding per una select meno grande */
    font-size: 14px; /* Riduci la dimensione del carattere */
    border: 2px solid #d1d1d1; /* Colore del bordo grigio chiaro */
    border-radius: 6px; /* Bordi arrotondati ma meno accentuati */
    background-color: #f7f7f7; /* Colore di sfondo soft */
    color: #333333; /* Colore del testo scuro per contrastare */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera per dare profondità */
    transition: all 0.3s ease; /* Transizione dolce per cambiamenti */
    margin-top: 80px; /* Aggiungi questa linea per spostare la select più in basso */
	margin-bottom: 20px;
	margin-right: 30px;
}


/* Cambia l'aspetto quando l'utente interagisce con la select */
.woocommerce .woocommerce-ordering select:hover, 
.woocommerce .woocommerce-ordering select:focus {
    border-color: #9e9e9e; /* Colore del bordo grigio più scuro durante hover/focus */
    background-color: #ffffff; /* Cambia lo sfondo quando in focus */
    box-shadow: 0 4px 8px rgba(158, 158, 158, 0.3); /* Ombra più intensa quando focus */
}

.woo-pagination {
    text-align: center !important;
    margin: 20px auto;
}

.woo-pagination a:link, .woo-pagination a:visited {
    display: inline-block !important;
    text-decoration: none !important;
    background: #f7f7f7 !important;
    color: #666 !important;
    padding: 8px 16px !important;
    margin: 5px;
    border: 1px solid #ddd !important;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.woo-pagination a:hover, .woo-pagination .current, .woo-pagination .on {
    background: #e0e0e0 !important;
    color: #333 !important;
    border-color: #bbb !important;
    box-shadow: 0 4px 8px rgba(187, 187, 187, 0.3);
    transform: scale(1.1);
}


.woo-pagination .current {
    background: #e0e0e0 !important;
    color: #333 !important;
    border-color: #bbb !important;
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transform: none;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

.woocommerce .woo-pagination, .nav-entries {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: .5em;
    border-top: 1px dotted #ddd;
    margin: 0 auto;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1.5em; /* Aumenta la dimensione del font */
}

/**/
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    padding: 12px 24px; /* Aumenta la dimensione del bottone */
    font-size: 16px; /* Aumenta la dimensione del testo */
    border-radius: 8px; /* Bordi arrotondati */
    background-color: #FFDC2E; /* Colore rosso scuro per il bottone */
    color: #000; /* Colore del testo (bianco) */
    text-transform: uppercase; /* Testo in maiuscolo */
    border: none; /* Rimuove il bordo predefinito */
    cursor: pointer; /* Cambia il cursore per indicare che è cliccabile */
}

.woocommerce ul.products li.product .button:hover {
    background-color: #CC9900; /* Colore gaillo più scuro quando il mouse passa sopra */
}

.woocommerce ul.products li.product a {
    text-decoration: none;
}

ul.products li a.button {
    margin: 0;
}

.discount-banner {
    background-color: #0851F2; /* Colore rosso scuro di sfondo */
    color: #fff; /* Colore del testo bianco */
    font-size: 18px; /* Aumenta la dimensione del testo */
    padding: 15px 30px; /* Padding per fare spazio intorno al testo */
    text-align: center; /* Centra il testo */
    border-radius: 10px; /* Bordo arrotondato */
    font-weight: bold; /* Testo in grassetto */
    margin: 20px 0; /* Spaziatura superiore e inferiore */
    display: block; /* Usa block per farlo comportare come un blocco */
    width: auto; /* La larghezza si adatta al contenuto */
    float: left; /* Allinea la box a sinistra */
    clear: both; /* Evita che altri elementi galleggino accanto */
	line-height: 1.3; /* Aumenta l'interlinea per rendere il testo più leggibile */
}

.woocommerce .woocommerce-result-count {
    display: none !important;
}

/* Stile per il testo esplicativo */
.explainer-text {
    font-size: 24px; /* Ingrandisce il testo principale */
    color: #333; /* Colore del testo scuro */
    background: #f0f0f0; /* Sfondo grigio chiaro */
    border: 2px solid #ccc; /* Colore del bordo */
    border-radius: 12px; /* Bordi arrotondati */
    padding: 25px 40px; /* Più padding per rendere il riquadro più spazioso */
    margin: 30px 0; /* Spazio sopra e sotto */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Ombra leggera */
    text-align: center; /* Allinea il testo al centro */
}

/* Ingrandimento del testo dentro il paragrafo */
.explainer-text p {
    font-size: 15px; /* Testo più grande */
    color: #333; /* Colore del testo scuro */
    margin: 0;
    line-height: 1.8; /* Interlinea migliorata per una lettura migliore */
}
.utilities-box {
	text-align:center; 
    background-color: #f0f0f0; /* Colore di sfondo grigio chiaro */
    padding: 15px 20px; /* Manteniamo il padding standard */
    border-radius: 20px;/*bordo arrotondato */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra leggera */
    margin-top: 50px;
    width: 30%; /* Manteniamo la larghezza della box */
    border: 1px solid #333; /* Aggiunge il bordo grigio scuro */
}

.utilities-container {
    display: flex; /* Usa flexbox per mettere il riquadro e l'immagine sulla stessa riga */
    align-items: center; /* Allinea verticalmente al centro */
    justify-content: flex-start; /* Allinea gli elementi a sinistra */
    gap: 50px; /* Distanza tra il riquadro e l'immagine */
    margin-top: 40px; /* Aggiungi uno spazio superiore */
}

.utilities-image img {
    border: none; /* Rimuove il bordo */
    outline: none; /* Rimuove l'outline (se presente) */
    max-width: 100%; /* Adatta l'immagine alla larghezza del contenitore */
    height: auto; /* Mantiene la proporzione originale dell'immagine */
    box-shadow: none; /* Rimuove eventuali ombre se applicate */
}

.utilities-image img {
    max-width: 100%; /* Impedisce che l'immagine esca dalla larghezza del contenitore */
    height: auto; /* Mantiene le proporzioni dell'immagine */
	
}

.utilities-box h3 {
    text-align: left;
    color: #333;
    padding-top: 0px; 
    padding-bottom: 20px; 
    font-size: 24px; /* Aumenta la dimensione del testo per renderlo più grosso */
}


.utilities-box .info-row {
    display: flex; /* Usa flexbox per allineare gli elementi */
    flex-direction: column; /* Dispone gli elementi verticalmente (uno sotto l'altro) */
    align-items: center; /* Centra gli elementi orizzontalmente */
}

.download-link {
    display: inline-block;
    background-color: #0851F2; /* Colore rosso scuro */
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;/* Aggiungi transizione per un cambiamento fluido */
	margin-left: 20px;
}

.download-link:hover {
    background-color: #660000; /* Colore rosso più scuro quando si passa sopra */
    text-decoration: none; /* Assicura che non venga sottolineato */
}
.download-link-tutorial {
    display: inline-block;
    background-color: #0851F2; /* Colore rosso scuro */
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;/* Aggiungi transizione per un cambiamento fluido */
	margin-left: 20px;
}


.download-link-tutorial:hover {
    background-color: #660000; /* Colore rosso più scuro quando si passa sopra */
    text-decoration: none; /* Assicura che non venga sottolineato */
}

#navigation, #navigation .nav a {
    font-size: 21px !important; /* Aumenta la dimensione del font */
 padding: 10px;
}

#29-01-2026
/* Rimuove completamente il blocco categorie, tag e SKU */
.woocommerce-product-details__short-description + .product_meta,
div.summary .product_meta, 
.product_meta {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Rimuove i prodotti correlati */
.related.products, 
section.related.products,
div.related.products {
    display: none !important;
}

/* 1. Nasconde le linguette (Tab) Descrizione e Recensioni */
.woocommerce-tabs ul.tabs {
    display: none !important;
}

/* 2. Rimuove i bordi e lo stile standard del pannello */
.woocommerce-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 3. Trasforma il titolo "Descrizione" in un riquadro compatto e centrato */
.woocommerce-Tabs-panel--description h2:first-of-type {
    display: table !important;       /* Fa sì che il riquadro sia grande quanto il testo */
    background-color: #0851F2 !important; /* Il tuo rosso */
    color: #ffffff !important;           /* Bianco */
    text-align: center !important;
    margin: 0 auto 25px auto !important; /* Centra il riquadro nella pagina e dà spazio sotto */
    padding: 10px 25px !important;       /* Spazio interno tra testo e bordo */
    font-weight: bold !important;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 1.2rem !important;        /* Regola la grandezza se serve */
}

/* 4. Nasconde anche il contenuto delle recensioni se non vuoi che appaia sotto */
#tab-reviews, .reviews_tab {
    display: none !important;
}

/* 1. CONTENITORE QUANTITÀ: Cross-Browser */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-right: 15px !important;
}

.quantity input.qty {
    width: 90px !important;
    height: 60px !important;
    font-size: 1.4rem !important; /* Molto leggibile */
    text-align: center !important;
    border: 2px solid #FFDC2E !important; /* Bordo rosso come il tuo brand */
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #333 !important;
    /* Rimuove stili strani su Safari/iOS */
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* 2. FRECCETTE: Forza la visibilità su Chrome, Edge, Safari e Firefox */
/* Chrome, Safari, Edge, Opera */
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    width: 30px !important; /* Freccette più grandi e cliccabili */
    height: 60px !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

/* Firefox */
.quantity input[type=number] {
    -moz-appearance: textfield !important; /* Rimuove lo stile vecchio di Firefox */
}

/* 3. PULSANTE AGGIUNGI AL CARRELLO: Grande e Universale */
.single_add_to_cart_button.button.alt {
    display: inline-block !important;
    min-height: 60px !important; /* Stessa altezza della box quantità */
    padding: 0 40px !important;
    background-color: #FFDC2E !important;
    color: #000 !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
    vertical-align: middle !important;
    line-height: 60px !important; /* Centra il testo verticalmente */
}

/* Effetto Hover universale */
.single_add_to_cart_button.button.alt:hover {
    background-color: #CC9900 !important;
    transform: scale(1.02) !important;
}

/* Fix per Mobile: evita che gli elementi vadano a capo male */
@media (max-width: 480px) {
    .quantity, .single_add_to_cart_button {
        width: 100% !important;
        margin: 5px 0 !important;
        display: flex !important;
        justify-content: center !important;
    }
}
#logo img {
  content: url("https://www.labirrabiren.it/wordpress/wp-content/uploads/2026/02/logo-sfondo-trasp.png");
  max-height: 90px;
	display: block;
	align-content: center; 
  margin-left: -25px; 
  padding: 0;
}
/* Nasconde l’immagine extra / slider sotto header */
.home .wooslider,
.home .featured-slider,
.home .slider {
  display: none !important;
}

/* Header compatto: logo + menu + search rimosso */
.header {
  background: none !important;   /* elimina sfondo grigio */
  display: flex;
  align-items: center;
  justify-content: flex-start;   /* logo a sinistra, menu subito dopo */
  gap: 25px;                      /* spazio tra logo e menu */
  padding: 0 0px;                /* margini laterali */
}

/* Nasconde la barra di ricerca */
#search-top {
  display: none !important;
}

/* Logo piccolo */
#logo {
  display: flex;
  align-items: center;
}


/* ==========================
   Menu compatto con sfondo giallo
   ========================== */

#navigation,
#navigation .col-full,
#navigation::before,
#navigation::after,
.header {
  background-color: #FFDC2E !important; /* sfondo giallo */
}

/* Nasconde la barra di ricerca se presente */
#search-top {
  display: none !important;
}

/* Menu: layout compatto */
#main-nav {
  display: flex;
  gap: 10px;                   /* distanza ridotta tra le voci */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Link del menu */
#main-nav a {
  color: #000000 !important;   /* testo nero */
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

/* Hover menu */
#main-nav a:hover {
  color: #222222 !important;
}
}


/* Rimuove margini e padding extra */
#logo,
#navigation {
  margin: 0;
  padding: 0;
}
/* =========================
   Footer sticky + stile uniforme
   ========================= */

html, body {
  height: 100% !important;
  margin: 0 !important;
  font-family: Helvetica, Arial, sans-serif !important;
}

body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

/* Contenuto principale prende tutto lo spazio */
#content, .site-content, .entry-content {
  flex: 1 !important;
}

/* Footer */
#footer {
  background-color: #FFDC2E !important;  /* sfondo giallo */
  color: #000000 !important;             /* testo nero */
  font-weight: bold !important;
  font-family: Helvetica, Arial, sans-serif !important;
  padding:  !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* Link testo e icone */
#footer a {
  color: #000000 !important;        /* icone e link nero */
  text-decoration: none !important;
}

/* Hover leggermente più scuro */
#footer a:hover {
  color: #222222 !important;
}

/* Icone social e Admin */
#footer #social img,
#footer #admin img {
  width: 30px !important;
  height: 30px !important;
  display: inline-block !important;
}

/* Testo dopo le icone */
#footer > span, #footer > p {
  color: #000000 !important;
}

/* Mantiene tutto visibile e in linea */
#footer #social, 
#footer #admin {
  display: inline-block !important;
  margin: 0 5px !important;
}