/*
Theme Name: Pure Herbal
Theme URI: https://www.extra-web.it/
Template: shoptimizer
Author: Extraweb
Author URI: https://www.extra-web.it/
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.8.13.1792153699
Updated: 2026-10-16 14:28:19

*/

/* Nasconde solo i pulsanti PayPal Smart Buttons */
.single-product .paypal-buttons {
  display: none !important;
}

form#sticky-scroll{
    margin-bottom: 4%;
}

/* Modal Ricerca pulsante X Bianco Header */
.shoptimizer-modal--button_close svg {
	stroke: white!important;
}


@media screen and (max-width: 768px) {
.main-navigation ul.menu .sub-menu-wrapper a.cg-menu-link {
	line-height: 2rem!important;
	}
}

/* Inizio Attributi prodotto */

/* Stato default swatch: sfondo bianco, bordo e testo #49A1C8 */
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button.swatch.cgkit-swatch {
    background-color: #ffffff !important;
    color: #49A1C8 !important;
    border-color: #49A1C8 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 10px !important;
    padding: 5px 20px !important;
}

/* Stato hover swatch: sfondo #F1F7E8, bordo e testo #6EA764 */
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button.swatch.cgkit-swatch:hover {
    background-color: #F1F7E8 !important;
    color: #6EA764 !important;
    border-color: #6EA764 !important;
}

/* Stato selected/attivo swatch: stesso stile dell'hover */
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button.swatch.cgkit-swatch.cgkit-swatch-selected {
    background: #F1F7E8 !important;
    color: #6EA764 !important;
    border-color: #6EA764 !important;
}

.woocommerce form.cart table.variations label {
      color: #222 !important;
}
/* Fine Attributi prodotto */

/* Carosello Home */
.product-list .post-content-bottom {
    text-align: center !important;
}


/* Singolo Prodotto */
.woocommerce-product-gallery__image.flex-active-slide {
    margin-right: 1px !important;
}

/* Blocca lightbox immagine principale */
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image > a,
.flex-active-slide a {
    pointer-events: none !important;
    cursor: default !important;
}
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Topbar contenuto full-width */
.top-bar > .col-full {
    max-width: 100%;
}

.col-full.topbar-wrapper{
    padding-right: 0;
    padding-left: 0;
}


/* topbar right */

.topbar-sacrafamiglia-wrap {
	background: transparent;
}

.topbar-sacrafamiglia {
	background: #ffffff;
	width: 375px;
	height: 60px;

	border-radius: 52px 0 0 0;
	margin-left: auto;
}

.topbar-sacrafamiglia a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.topbar-sacrafamiglia img {
	display: block;
	height: 30px;
	width: auto;
	max-width: 180px;
	margin-right: 60px;
	border-radius: 0px;
}

.topbar-sacrafamiglia img:hover {
	border-radius: 0px;
}

/* Spaziatura voci menu desktop */
.menu-primary-menu-container > ul > li > a {
	padding-right: 1em;
	padding-left: 1em;
}

/* Indicatore colorato per "Il Mirtilleto" */
.menu-primary-menu-container > ul > li.menu-indicator-orange > a span:before {
	border-bottom-color: #DD5627 !important;
}

/* Indicatore colorato per "I progetti" */
.menu-primary-menu-container > ul > li.menu-indicator-purple > a span:before {
	border-bottom-color: #8E247F !important;
}

/* Indicatore colorato per "La fondazione" */
.menu-primary-menu-container > ul > li.menu-indicator-green > a span:before {
	border-bottom-color: #68A863 !important;
}

/* Spaziatura voci menu mobile */
.shoptimizer-mobile-menu > ul > li > a {
	padding: 0.75rem 0 !important;
}

/* Pulsante CTA menu "Sostieni la fondazione" desktop */
.menu-primary-menu-container > ul > li.menu-item-cta-sostieni.menu-button > a span {
	background: var(--e-global-color-accent) !important;
	color: rgb(241, 255, 234) !important;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	padding: 15px 22px 15px 22px;
	border-radius: 50px;
}

.menu-item-cta-sostieni .fa-hand-holding-heart {
	margin-right: 7px;
}

/* Pulsante CTA mobile "Sostieni la fondazione" */
.shoptimizer-mobile-menu > ul > li.menu-item-cta-sostieni-mobile > a span {
	display: inline-block;
	background: var(--e-global-color-accent) !important;
	color: rgb(241, 255, 234) !important;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	padding: 12px 20px;
	border-radius: 50px;
}

.menu-item-cta-sostieni-mobile .fa-hand-holding-heart {
	margin-right: 7px;
}

/* Pulsante CTA menu "E-shop" desktop */
.menu-primary-menu-container > ul > li.menu-item-cta-eshop > a span {
	background: #8E247F !important;
	color: rgb(241, 255, 234) !important;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	padding: 15px 22px 15px 22px;
	border-radius: 50px;
}

.menu-item-cta-eshop .fa-bag-shopping {
	margin-right: 7px;
}



/* Checkout indirizzo */
.checkout-title-indirizzo {
  margin: 25px 0 15px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.checkout-title-indirizzo h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

/* Checkout contatti */
.checkout-title-contatti {
  margin: 25px 0 15px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.checkout-title-contatti h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

/* =========================================
   Gallery immagine principale – dimensione fissa
   ========================================= */
.woocommerce-product-gallery__wrapper {
  aspect-ratio: 4 / 3; /* puoi cambiare il rapporto, es. 1/1 per quadrata */
  overflow: hidden;
}

.woocommerce-product-gallery__image {
  height: 600px !important;
}

.woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 600px !important;
  object-fit: contain !important; /* oppure "contain" per non tagliare */
  display: block;
}

/* Prodotti con una sola immagine (senza slider): l'immagine segue il riquadro 4:3
   invece dei 600px fissi, altrimenti su mobile e sotto i ~800px viene tagliata */
.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  height: auto !important;
}

.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  height: auto !important;
  aspect-ratio: 4 / 3;
}

/* =========================================
   Thumbnail – tutte della stessa dimensione
   ========================================= */
.flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
}

.flex-control-thumbs li {
  width: 70px !important;
  height: 70px !important; /* dimensione fissa uniforme */
  overflow: hidden;
  flex-shrink: 0;
}

.flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* ritaglia centrando l'immagine */
  display: block;
}


.product-list-content .product-content-image .product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  overflow: hidden;
}

.product-list-content .product-content-image .product-image img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

#ship-to-different-address {
	display: none!important;
}