/*
 Theme Name:   veroghi
 Theme URI:    https://veroghi.com/
 Description:  Use this child theme to extend works.
 Author:       veroghi
 Author URI:   https://veroghi.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  veroghi
*/


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


/* ============================================================
   SideCart
   ============================================================ */
@media (max-width: 1080px) {
  body.admin-bar .brx-popup {
    top: 0 !important;
    height: 100% !important;
  }
}

/* ============================================================
   FINE SideCart
   ============================================================ */

/* ============================================================
   Bullets personalizzati
   ============================================================ */
/* checks */
ul.checks{
  list-style:none;
  margin:10px 0;
  padding:0;
  line-height:1.6;
}

ul.checks li{
  position:relative;
  padding-left:25px;
  margin-bottom:0;
}

ul.checks li::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:0;
  width:20px;
  font-family:system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1.3;
  color:currentColor;
}

/* ============================================================
   Fine Bullets personalizzati
   ============================================================ */

/* ============================================================
   Gestisce sticky menu
   ============================================================ */


html {
  scrollbar-gutter: stable;
}

/* Header */
#brx-header {
  z-index: 9999;
}

#header-row {
  background-color: transparent;
  height: 70px;
  padding: 0 30px !important;
  transition: all 0.3s ease;
}

html[data-state="sticky"] #header-row {
  background-color: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  height: 50px;
}



/* ---- Topbar ---------------------------------------------------- */

#hp-top-bar {
  transition: all 0.3s ease;
}

html[data-state="sticky"] #hp-top-bar {
  padding: 4px 0 !important;
  font-size: 16px !important;
}


/* Loghi */
#logo-full,
#logo-sticky {
  transition: opacity 0.3s ease;
}

#logo-sticky {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#logo-full[data-state="hidden"] { opacity: 0; }
#logo-sticky[data-state="visible"] { opacity: 1; }

/* Sticky show/hide */
.hide-on-sticky,
.show-on-sticky {
  transition: opacity 0.3s ease;
}

.show-on-sticky {
  opacity: 0;
  pointer-events: none;
}

html[data-state="sticky"] .hide-on-sticky {
  opacity: 0;
  pointer-events: none;
}

html[data-state="sticky"] .show-on-sticky {
  opacity: 1;
  pointer-events: auto;
}

/* Divider menu */
.header-mega-menu-divider {
  transition: opacity 0.3s ease;
}

html[data-state="sticky"] .header-mega-menu-divider {
  opacity: 0;
  pointer-events: none;
}

/* Cart e burger */
.bu-cart-counter-btn-icon {
  width: 36px;
  height: 36px;
  transition: all 0.3s ease;
}

html[data-state="sticky"] .bu-cart-counter-btn-icon {
  width: 30px;
  height: 30px;
}

.main-xburgertrigger {
  transition: transform 0.3s ease;
}

html[data-state="sticky"] .main-xburgertrigger {
  transform: scale(0.8);
}



/* === Mobile ≤1080px === */
@media (max-width: 1080px) {
  #header-row {
    padding: 0 15px !important;
  }

  #logo-full {
    display: none !important;
  }

  #logo-sticky,
  #logo-sticky[data-state="visible"],
  #logo-sticky[data-state="hidden"] {
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    transition: transform 0.3s ease;
  }

  html[data-state="sticky"] #logo-sticky {
    transform: scale(0.75) !important;
  }

  /* Header opaco quando l'offcanvas è aperto,
     altrimenti il contenuto si vedrebbe scorrere dietro */
  html.x-offcanvas_prevent-scroll_brxe-xmitip #header-row {
    background-color: #fff !important;
  }

  .x-offcanvas_inner.x-offcanvas_top {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  }
}


/* Il badge "Prossima Live" non compare nelle pagine dello shop:
   chi sta comprando non va distratto. */
body.woocommerce-page #brxe-xzlgmd,
body.woocommerce-cart #brxe-xzlgmd,
body.woocommerce-checkout #brxe-xzlgmd,
body.woocommerce-account #brxe-xzlgmd {
  display: none !important;
}




/* ============================================================
   Fine Gestisce sticky menu
   ============================================================ */


/* === TOPBAR SPEDIZIONE === */
#hp-top-bar {
  transition: padding 0.3s ease, font-size 0.3s ease;
}
#hp-top-bar[data-state="sticky"] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 16px !important;
}


/* Lo stato della live lo decide il plugin (classe sul body),
   non lo script della costola: cosi' costola e pallino cambiano
   insieme, all'inizio e alla fine vera della diretta. */

/* Fuori dalla diretta: costola marrone, pallino rosso */
body:not(.vg-stato-diretta) #brxe-xtqgvc {
  background-color: #4b3314 !important;
}

/* In diretta: costola rossa, pallino bianco che pulsa */
body.vg-stato-diretta #brxe-xtqgvc {
  background-color: #c7402f !important;
}

body.vg-stato-diretta #brxe-qdrltd,
body.vg-stato-diretta .vg-live-punto {
  background-color: #ffffff !important;
  animation: vg-pallino-bianco 1.4s ease-in-out infinite !important;
}

@keyframes vg-pallino-bianco {
  0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, .85); opacity: 1; }
  70%  { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);  opacity: .55; }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);    opacity: 1; }
}



/* ============================================================
   Gestisce HP blog & Podcast mobile view
   ============================================================ */
@media (max-width: 800px) {
  .brxe-yiufrm ~ .brxe-yiufrm {
    display: none !important;
  }
  .brxe-zrpocp ~ .brxe-zrpocp {
    display: none !important;
  }
}
/* ============================================================
   Fone Gestisce HP blog & Podcast mobile view
   ============================================================ */



.brxe-woocommerce-account-page {
  text-align: left;
}

.brxe-woocommerce-account-page * {
  margin-left: 0;
  margin-right: unset;
}


/* ============================================================
   Gestisce paginazioni elenco
   ============================================================ */
.brxe-pagination .bricks-pagination ul .page-numbers.current {
  font-weight: 800;
  background: #f5f5f5;
  border: 1px solid #d9d2c0;
  border-radius: 100px;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
/* ============================================================
   Fine gestisce paginazioni elenco
   ============================================================ */

/* ============================================================
   Animazione icona Live
   ============================================================ */

.blinking-text-live {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 10%;
  }
}

/* ============================================================
   Fine animazione icona Live
   ============================================================ */

/* ============================================================
   Woocommerce styling
   ============================================================ */

/* SIDE CART: Il ventaglio riguarda SOLO la colonna laterale desktop. */
body:not(.kks-builder) #brxe-skxytr{
  transform: translateX(100%);
  opacity: 0;
}

body.kks-sidecart-aperto #brxe-skxytr{
  animation: kks-ventaglio .3s ease .1s forwards;
}

@keyframes kks-ventaglio{
  to{ transform: translateX(0); opacity: 1 }
}

/* Queste valgono per ogni scheda suggerita, ovunque compaia. */
[data-kks-cross-add] .kks-scegli   { display:none }
[data-kks-cross-vai] .kks-aggiungi { display:none }


/* PULSANTE SENDCLOUD PUNTO DI RITIRO CHECKOUT */
.bu-shipping-method-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Il nome occupa lo spazio e spinge il resto a destra */
.bu-shipping-method-inner > label {
  flex: 1 1 auto;
}

#sendcloudshipping_service_point_select.kks-punto-ritiro {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 9px 14px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: #7a5c2e;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}

#sendcloudshipping_service_point_select.kks-punto-ritiro:hover {
  background: #7a5c2e;
  color: #fff;
}

/* Il punto scelto va a capo, e da vuoto non occupa spazio */
#sendcloudshipping_service_point_selected_label {
  flex-basis: 100%;
}

#sendcloudshipping_service_point_selected_label:empty {
  display: none;
}

.bu-shipping-method-inner .kks-prezzo-ritiro {
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1080px) {

  /* La label smette di crescere: lascia posto al prezzo */
  .bu-shipping-method-inner > label {
    flex: 0 1 auto;
  }

  .bu-shipping-method-inner .kks-prezzo-ritiro {
    order: 2;
    margin-left: auto;
  }

  /* Riga tutta sua: non cresce e soprattutto non si restringe */
  #sendcloudshipping_service_point_select.kks-punto-ritiro {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
    padding: 11px 14px;
  }

  #sendcloudshipping_service_point_selected_label {
    order: 4;
  }
}

#sendcloudshipping_service_point_selected_label,
#sendcloudshipping_service_point_selected_label * {
  font-size: 13px;
  line-height: 1.45;
}


/* I metodi di pagamento, stilati una volta sola per due pagine.

   Questa versione NON usa %root%: si puo' incollare in un foglio
   qualunque - Bricks > Impostazioni > CSS personalizzato, "CSS
   aggiuntivo" del Personalizza, o lo style.css del tema figlio.

   Non serve creare nessuna classe e non serve metterla su niente: il
   prefisso prende da solo tutte e due i posti dove l'elenco dei metodi
   compare.

     .woocommerce-checkout-payment  ->  il checkout (elemento BU)
     .kks-paga-modulo               ->  la pagina Paga ordine

   Dopo averlo messo, si spegne l'aspetto stampato dal plugin:

     add_filter( 'kks_paga_stile', '__return_false' );

   I valori vengono dal checkout vero, misurati. Le quattro variabili
   qui sotto sono le uniche cose da toccare.                          */

:is(.woocommerce-checkout-payment,.kks-paga-modulo){
  --vg-met-bordo:#dddedf;
  --vg-met-sfondo:#fafafa;
  --vg-met-testo:#212121;
  --vg-met-raggio:4px;
}

/* La lista e' un riquadro solo, con le righe divise da un filo.
   overflow:hidden serve al fondo grigio dell'ultimo riquadro aperto,
   che senza squadrerebbe gli angoli arrotondati. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) ul.wc_payment_methods{
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid var(--vg-met-bordo);
  border-radius:var(--vg-met-raggio);
  overflow:hidden;
}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  min-width:0;
  margin:0;
  padding:0;
  border-bottom:1px solid var(--vg-met-bordo);
}

/* L'ultimo filo lo fa gia' il bordo del riquadro. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method:last-child{border-bottom:0}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method > input[type="radio"]{
  flex:0 0 auto;
  width:20px;
  height:20px;
  margin:15px 6px 15px 15px;
}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method > label{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  flex:1 1 0;
  min-width:0;
  margin:0 0 0 4px;
  padding:0;
  font-size:16px;
  font-weight:700;
  line-height:1.23;
  color:var(--vg-met-testo);
  cursor:pointer;
}

/* WooCommerce fa float:right sulle icone dei gateway. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method > label img{
  display:inline-block;
  float:none !important;
  max-height:22px;
  width:auto;
  margin:0;
  padding:0;
  vertical-align:middle;
}

/* L'icona carta generica accanto a "Carte di pagamento": si nasconde
   tutto il blocco, non la sola img, o resta il riquadro bianco vuoto.
   Il '> label' lo distingue dai loghi circuiti, che stanno nel box. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.wc_payment_method > label .nexixpay-loghi-container{display:none}

/* Il riquadro che si apre sotto il metodo scelto. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) .payment_box{
  flex:0 0 100%;
  width:100%;
  min-width:0;
  margin:0;
  padding:12px;
  border:0;
  border-top:1px solid var(--vg-met-bordo);
  border-radius:0;
  background:var(--vg-met-sfondo);
  font-size:13px;
  font-weight:500;
  line-height:1.325;
  color:var(--vg-met-testo);
  overflow-wrap:anywhere;
}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) .payment_box::before{display:none}
:is(.woocommerce-checkout-payment,.kks-paga-modulo) .payment_box > :first-child{margin-top:0}
:is(.woocommerce-checkout-payment,.kks-paga-modulo) .payment_box > :last-child{margin-bottom:0}

/* L'IBAN del bonifico e' scritto senza spazi: senza break-all allarga
   la riga, e con lei la pagina. Su iPhone overflow-wrap non basta. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) .wc-bacs-bank-details{
  list-style:none;
  margin:10px 0 0;
  padding:0;
  word-break:break-all;
}

/* I portafogli vivono nell'area pagamento rapido, non nell'elenco.
   Sulla pagina Paga li toglie gia' il plugin lato server; qui la regola
   resta per il checkout. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.payment_method_ppcp-googlepay,
:is(.woocommerce-checkout-payment,.kks-paga-modulo) li.payment_method_ppcp-applepay{display:none !important}

/* NEXI BUILD */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) #card-fieldset-build{
  border:0;
  margin:18px 0 0;
  padding:0;
  max-width:none;
}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) .npg-build-error-msg-container:not(:empty){
  margin-top:10px;
  font-size:14px;
  color:#c0392b;
}

/* Loghi circuiti - riquadri uniformi su fondo bianco. Si stila solo
   .img-container e l'immagine: il flex di .nexixpay-loghi-container e
   di .internal-container resta al CSS del plugin, sovrascriverlo manda
   i loghi a capo. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) .nexixpay-loghi-container{
  --logo-l:44px;
  --logo-h:28px;
}

:is(.woocommerce-checkout-payment,.kks-paga-modulo) .nexixpay-loghi-container .img-container{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  flex:0 0 auto;
  box-sizing:border-box;
  width:var(--logo-l);
  min-width:var(--logo-l);
  max-width:var(--logo-l);
  height:var(--logo-h);
  min-height:var(--logo-h);
  max-height:var(--logo-h);
  margin:10px 2px 0 0;
  padding:5px;
  background:#fff;
  border:1px solid var(--vg-met-bordo);
  border-radius:3px;
  overflow:hidden;
}

/* Il pulsante della sola pagina Paga: sul checkout sta in un elemento
   suo, fuori da qui, e questa regola non trova niente da stilare.
   I numeri sono quelli dell'elemento Place Order. */
:is(.woocommerce-checkout-payment,.kks-paga-modulo) #place_order{
  display:block;
  width:auto;
  min-width:80%;
  margin:10px auto 0;
}

@media (max-width:800px){
  :is(.woocommerce-checkout-payment,.kks-paga-modulo) #place_order{
    width:100%;
    min-width:0;
  }
}


/* Badge di fiducia: via il nome del negozio, il logo CusRev e i
   divisori che li separavano.
   Il nome del prodotto sta gia' nel titolo sopra; la stellina e' il
   marchio del plugin, non nostro. L'!important serve perche' il
   badge e' markup di un plugin: non c'e' un antenato nostro su cui
   scrivere una regola piu' forte. */
.cr-badge .badge__store,
.cr-badge .badge__logo,
.cr-badge .badge__link,
.cr-badge .badge__store + .badge__divider,
.cr-badge .badge__reviews + .badge__divider{
  display: none !important;
}
.cr-badge.badge_size_one_line{
  padding: 10px 20px !important;
  border-radius: 5px;
}

/* Pallini dello slider recensioni: piu' grandi e nella palette. */
.cr-reviews-slider .slick-dots li{
  margin: 0 6px !important;
}

.cr-reviews-slider .slick-dots li button:before{
  font-size: 12px !important;
  color: #4b3314 !important;
  opacity: .25 !important;
}

.cr-reviews-slider .slick-dots li.slick-active button:before{
  color: #f3be4b !important;
  opacity: 1 !important;
}

.cr-reviews-slider,
.cr-reviews-slider .slick-list{
  border: 0 !important;
}


/* Le regole del campo quantita del side cart sono scritte su
   [data-kks-qty] e arrivano su tutte le pagine con il popup.
   Qui si annullano per tutto cio' che non e' un campo: il numero
   nel cerchio del checkout, i riepiloghi, la pagina di ringraziamento. */
[data-kks-qty]:not(input) {
  width: auto;
  height: auto;
  border: 0;
  appearance: none;
  -moz-appearance: none;
}

/* Note ordine: l'etichetta sta dentro il riquadro come negli altri
   campi, e il testo parte sotto di lei invece di coprirla. */
label[for="kks_nota"] {
  z-index: 3 !important;
  pointer-events: none;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

#kks_nota {
  padding-top: 30px !important;
}

/* ============================================================
   Fine Woocommerce styling
   ============================================================ */


/* ============================================================
   Sure Form
   ============================================================ */

/* Bottone Invia SureForms — override completo */
.srfm-form-container button.srfm-submit-button {
  background: #f3be4b !important;
  color: #4b3314 !important;
  border: 1px solid #4b3314 !important;
  border-radius: 100px !important;   /* metti il raggio che vuoi */
  padding: 12px 80px !important;    /* metti il padding che vuoi */
  font-weight: 700;
}
.srfm-form-container button.srfm-submit-button:hover {
  background: #ffc73b !important;
}

/* ============================================================
   Fine Sure Form
   ============================================================ */


/* ============================================================
   Stile paginazione
   ============================================================ */
.bricks-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bricks-pagination li .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: #fff;
  color: #4b3314;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
}

.bricks-pagination li a.page-numbers:hover {
  border-color: #4b3314;
  background: #faf6ef;
}

.bricks-pagination li .page-numbers.current {
  background: #eae6dc;
  border-color: #4b3314;
  color: #4b3314;
}

.bricks-pagination li .page-numbers:focus-visible {
  outline: 2px solid #4b3314;
  outline-offset: 3px;
}

.bricks-pagination li .page-numbers{
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  flex: 0 0 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
}


/* ============================================================
   Fine Stile paginazione
   ============================================================ */

/* ============================================================
   Pulsanti recensione
   ============================================================ */
/* ============================================================
   Customer Reviews - pulsanti nello stile Veroghi

   Tre pulsanti, due aspetti:
   - "Scrivi una recensione" e "Invia": pieni, gialli
   - "Annulla": bianco col bordo marrone

   L'altezza fissa sta insieme al padding, quindi serve
   box-sizing: border-box o il pulsante viene sessanta pixel
   invece di quaranta.
   ============================================================ */


/* --- Scrivi una recensione ------------------------------- */

.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review {
	box-sizing: border-box;
	display: block;
	background-color: #f3be4b;
	color: #4b3314;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #4b3314;
	height: 40px;
	line-height: 20px;
	font-size: 15px;
	font-weight: 700;
	width: auto;
	padding: 10px 20px;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover {
	background-color: #ffc73b;
	color: #4b3314;
	text-decoration: none;
}


/* --- Invia la recensione --------------------------------- */

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f3be4b;
	color: #4b3314;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #4b3314;
	height: 40px;
	line-height: 20px;
	font-size: 15px;
	font-weight: 700;
	width: 50%;
	padding: 10px 20px;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease;
}

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit:hover {
	background-color: #ffc73b;
	color: #4b3314;
	text-decoration: none;
}


/* --- Annulla --------------------------------------------- */
/* Bianco col bordo marrone: e l'uscita, non l'azione. Stessa
   forma dell'altro, cosi i due stanno insieme senza che uno
   sembri piu importante per ragioni di disegno.             */

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	color: #4b3314;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #4b3314;
	height: 40px;
	line-height: 20px;
	font-size: 15px;
	font-weight: 700;
	width: 50%;
	padding: 10px 20px;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease;
}

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel:hover {
	background-color: #faf6ef;
	color: #4b3314;
	text-decoration: none;
}


/* --- I due pulsanti del modulo, affiancati --------------- */
/* Con width 50% ciascuno e nessuno spazio in mezzo si
   toccherebbero: lo spazio lo mette il contenitore.          */

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons,
.cr-qna-block .cr-review-form-buttons {
	display: flex;
	gap: 10px;
}


/* ============================================================
   Fine Pulsanti recensione
   ============================================================ */


.vg-cookie-tabella{margin:24px 0 8px;max-height:500px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid #e0e0e0;border-radius:12px;background:#fff}
.vg-cookie-tabella table{width:100%;min-width:560px;border-collapse:separate !important;border-spacing:0 !important;border:0 !important;margin:0 !important;font-size:14px;line-height:1.5;background:transparent !important}
.vg-cookie-tabella th{position:sticky;top:0;z-index:2;background:#eae6dc !important;color:#4b3314 !important;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 16px !important;border:0 !important;box-shadow:inset 0 -1px 0 #d9d2c0;white-space:nowrap}
.vg-cookie-tabella td{padding:12px 16px !important;border:0 !important;border-bottom:1px solid #eeeeee !important;color:#424242;vertical-align:top;background:transparent !important}
.vg-cookie-tabella tr:last-child td{border-bottom:0 !important}
.vg-cookie-tabella tbody tr:nth-child(even) td{background:#faf8f4 !important}
.vg-cookie-tabella td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#4b3314;font-weight:600;overflow-wrap:anywhere}
.vg-cookie-tabella td:nth-child(4){white-space:nowrap}
.vg-cookie-tabella th:nth-child(5),.vg-cookie-tabella td:nth-child(5){display:none}
.vg-cookie-nota{font-size:13px;color:#757575;margin:0 0 24px}
@media (max-width:600px){
.vg-cookie-tabella{max-height:60vh}
.vg-cookie-tabella table{min-width:420px;font-size:13px}
.vg-cookie-tabella th,.vg-cookie-tabella td{padding:10px 12px !important}
.vg-cookie-tabella th:nth-child(3),.vg-cookie-tabella td:nth-child(3){display:none}
}