/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* ============================================================
   Sorelle Nurzia — Google reviews in Testimonials
   ============================================================ */
/* stars: own centered line at the top of each review */
.sn-review-stars-line{ display:block; text-align:center; margin:0 0 .85em; }
.sn-review-stars{ display:inline-block; position:relative; font-size:34px; line-height:1; color:#DAD5CB; letter-spacing:3px; white-space:nowrap; font-family:Arial,sans-serif; }
.sn-review-stars::before{ content:"\2605\2605\2605\2605\2605"; }
.sn-review-stars-on{ position:absolute; top:0; left:0; overflow:hidden; white-space:nowrap; color:#C99A3B; letter-spacing:3px; }
.sn-review-stars-on::before{ content:"\2605\2605\2605\2605\2605"; }

/* avatar container: full width, centered, not clipping the circle */
.testimonials_slider.single-photo .single-photo-img{
	width:auto !important; height:auto !important;
	overflow:visible !important;
	margin:0 auto 0 !important;
	text-align:center; line-height:0;
}
/* avatar: larger, circular, gold border */
.testimonials_slider.single-photo .single-photo-img img{
	display:inline-block;
	width:116px; height:116px; border-radius:50% !important;
	border:4px solid #C99A3B; object-fit:cover; box-sizing:border-box;
	max-width:none; margin:0;
}
/* show slider arrows (Betheme hides them in the single-photo style) */
.testimonials_slider.single-photo a.slider_prev,
.testimonials_slider.single-photo a.slider_next{ display:block !important; }

/* ============================================================
   Sorelle Nurzia — #sticky side panel (slide desktop / peek+tap mobile)
   ============================================================ */
#sticky{
	/* position:fixed; right:0; top:50% come from the section custom_css */
	transform: translate(120%, -50%);                 /* hidden off-screen right by default */
	transition: transform .45s cubic-bezier(.22,1,.36,1);
	z-index: 200;
	display: block !important;                        /* we control visibility, not Betheme's show-on-scroll */
	visibility: visible !important;
	opacity: 1 !important;
}
/* active (scrolled) — desktop: slide fully in */
body.sn-sidepanel-on #sticky{ transform: translate(0, -50%); }

/* mobile: only a small handle peeks, wiggles now and then; tap opens */
@media (max-width:767px){
	body.sn-sidepanel-on #sticky{
		transform: translate(calc(100% - 10px), -50%);
		animation: sn-wiggle 4s ease-in-out 1.2s infinite;
	}
	body.sn-sidepanel-on #sticky.sn-open{
		transform: translate(0, -50%);
		animation: none;
	}
	/* area di tap ampia attorno al peek — il box resta visibile solo 10px */
	body.sn-sidepanel-on #sticky{ overflow: visible; }
	body.sn-sidepanel-on #sticky:not(.sn-open)::before{
		content:"";
		position:absolute;
		top:-16px; bottom:-16px;
		right:100%;
		width:52px;
	}
}
@keyframes sn-wiggle{
	0%, 82%, 100% { transform: translate(calc(100% - 10px), -50%); }
	88%           { transform: translate(calc(100% - 24px), -50%); }
	94%           { transform: translate(calc(100% - 6px), -50%); }
}
@media (prefers-reduced-motion: reduce){
	#sticky{ transition: none; }
	body.sn-sidepanel-on #sticky{ animation: none !important; }
}

/* ============================================================
   Sorelle Nurzia — z-index fix: barra #add-mobile sopra il pulsante GDPR
   #Content{z-index:0} intrappola #add-mobile (fixed, z-1000); su prodotto
   togliamo il contesto così la barra compete nel radice (sopra .mfn-cookies-reopen z-999).
   ============================================================ */
body.single-product #Content{ z-index: auto; }

/* ============================================================
   Sorelle Nurzia — Promo Bar: intro (entra da destra) + loop uniforme (mobile)
   ============================================================ */
@media (max-width:767px){
	.promo_bar_slider{ overflow:hidden; }
	.promo_bar_slider .pbs_one{ display:none !important; }          /* nascondi gli item fade originali */
	.promo_bar_slider .sn-promo-track{
		display:flex; flex-wrap:nowrap; width:max-content; will-change:transform;
		animation:
			sn-promo-intro var(--sn-intro-dur, 7s) linear 1 both,
			sn-promo-loop 16s linear infinite var(--sn-intro-dur, 7s);
	}
	.promo_bar_slider .sn-promo-item{ flex:0 0 auto; white-space:nowrap; padding-right:3.5rem; }
}
/* intro: parte spostata a destra di una schermata (riga vuota); la 1a frase entra da destra */
@keyframes sn-promo-intro{ from{ transform:translateX(var(--sn-intro, 100vw)); } to{ transform:translateX(0); } }
/* loop: scorrimento continuo e uniforme (gap costante tra le frasi) */
@keyframes sn-promo-loop{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (min-width:768px){ .promo_bar_slider .sn-promo-track{ display:none; } }   /* desktop/tablet: solo fade nativo */
@media (prefers-reduced-motion: reduce){ .promo_bar_slider .sn-promo-track{ animation:none; } }

/* ============================================================
   Sorelle Nurzia — Checkout blocchi: riepilogo su fondo chiaro
   Pannello piu' chiaro della banda, NESSUN bordo (tranne una linea sopra il Totale),
   margine a sinistra, padding ridotto, prezzi bold, no descrizione breve, accenti brand, sticky.
   ============================================================ */

/* Uniformare le grandezze dei font tra form (sx, ~16px) e riepilogo (dx, ~14/12px): via di mezzo ~15px */
.mfn-blocks-checkout-summary-bg .wp-block-woocommerce-checkout,
.mfn-blocks-checkout-summary-bg .wc-block-checkout{
	--wp--preset--font-size--small:15px;
	--wp--preset--font-size--x-small:13px;
}
@media only screen and (min-width:960px){
	/* input da 16 a 15px SOLO desktop (mobile resta 16px: evita l'auto-zoom iOS) */
	.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-text-input input,
	.mfn-blocks-checkout-summary-bg .wc-block-checkout__main select,
	.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-combobox input{
		font-size:15px !important;
	}
}

/* Pannello riepilogo: sticky + sfondo un filo piu' chiaro della banda (#e3dfd7), padding contenuto */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar{
	top:100px;
	background:#f4f1ea;
	padding:24px 26px;
}

/* Desktop: margine a sinistra (stacca dal form) + larghezza compensata per non sforare */
@media only screen and (min-width:960px){
	.mfn-blocks-checkout-summary-bg .wc-block-components-sidebar-layout .wc-block-components-sidebar{
		width:calc(50% - 30px) !important;
		margin-left:30px;
	}
}

/* VIA TUTTI i bordi (perimetrali e divisori) e ombre da ogni container del riepilogo */
.mfn-blocks-checkout-summary-bg .wp-block-woocommerce-checkout-order-summary-block,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-order-summary,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-order-summary-item,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-panel,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-panel.has-border,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-wrapper:first-child,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-coupon{
	border:0 !important; box-shadow:none !important;
}

/* UNICA linea orizzontale: dopo "aggiungi codici promozionali", prima del Totale (bordeaux pieno) */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-footer-item{
	border-top:2px solid #7A2233 !important;
	padding-top:16px !important; margin-top:6px;
}

/* Totale in bordeaux (enfasi brand) */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-footer-item,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
	color:#7A2233 !important;
}

/* Prezzi in bold (prodotti + valori totali) */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-product-price,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-order-summary-item__total-price,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-item__value,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-formatted-money-amount{
	font-weight:700 !important;
}

/* Nascondi la descrizione breve del prodotto nel riepilogo */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-product-metadata__description{
	display:none !important;
}

/* Prezzo doppio: nascondi il prezzo unitario dopo il titolo, lascia solo il totale per articolo (a destra) */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-order-summary-item__individual-price{
	display:none !important;
}

/* Input del form (colonna sinistra): senza bordo (sfondo bianco resta), focus bordeaux (a11y) */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-text-input input,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-text-input textarea,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-textarea,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-select .wc-block-components-select__select,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main select,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-combobox input,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-combobox-control input{
	border:0 !important; box-shadow:none !important;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-text-input input:focus,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-text-input textarea:focus,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-select__select:focus,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main select:focus,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-combobox input:focus{
	border:0 !important; outline:2px solid #7A2233 !important; outline-offset:0 !important;
}

/* Opzioni SPEDIZIONE e PAGAMENTO: ricolora in bordeaux gli indicatori NATIVI di WooCommerce
   (radio selezionato + suo bordo, focus, bordo opzione selezionata). Nessun contorno aggiunto. */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main input[type=radio],
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main input[type=checkbox]{
	accent-color:#7A2233;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-radio-control__input:checked{
	border-color:#7A2233 !important;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-radio-control__input:checked:before{
	background:#7A2233 !important;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-radio-control__input:focus{
	outline-color:#7A2233 !important;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-checkout__shipping-method-option--selected{
	border-color:#7A2233 !important;
}
/* bordo generale dell'opzione PAGAMENTO selezionata = box-shadow inset (non border) -> bordeaux */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__main .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
	box-shadow:inset 0 0 0 1.5px #7A2233 !important;
}

/* Badge quantita' sull'immagine prodotto -> bordeaux, testo crema */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-order-summary-item__quantity{
	background:#7A2233 !important; color:#F5EFE6 !important; border-color:#7A2233 !important;
}

/* Link/azioni del riepilogo (coupon, edit) -> bordeaux, hover oro */
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar a,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-coupon-link,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar button.wc-block-components-totals-coupon-link{
	color:#7A2233 !important; text-decoration:underline; text-underline-offset:2px;
}
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar a:hover,
.mfn-blocks-checkout-summary-bg .wc-block-checkout__sidebar .wc-block-components-totals-coupon-link:hover{
	color:#C99A3B !important;
}
