/* =========================================================
   VR — SNIPPETS (MU) — CSS FIX TECNICI
   File: /mu-plugins/vr-core/assets/vr-snippets.css
   ========================================================= */

/* =========================================================
   1) Blocksy Header sticky (mobile)
   ---------------------------------------------------------
   - Fix: compensazione offset quando header diventa sticky
   - Se non ti serve, commenta questo blocco
   ========================================================= */
@media (max-width: 767px){
  .ct-header [data-sticky*="yes"]{
    margin-top: -20px !important;
  }
}


/* =========================================================
   2) Blocksy Popup / Offcanvas close button: rimuovi focus ring + tap highlight
   ---------------------------------------------------------
   - Fix: elimina cerchio/outline azzurro (focus/active)
   - Fix iOS: elimina highlight al tap
   - Aumenta area click e dimensione icona “X”
   ========================================================= */
.ct-popup .ct-toggle-close,
.ct-popup .ct-toggle-close:focus,
.ct-popup .ct-toggle-close:active,
.ct-popup .ct-toggle-close:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* iOS/Safari: elimina highlight al tap */
.ct-popup .ct-toggle-close{
  -webkit-tap-highlight-color: transparent;
}

/* Cerchio più grande */
.ct-popup .ct-toggle-close{
  --toggle-button-size: 48px !important;
}

/* ✅ Se Blocksy disegna il cerchio con :before, lo forziamo */
.ct-popup .ct-toggle-close:before{
  width: var(--toggle-button-size) !important;
  height: var(--toggle-button-size) !important;
}

/* X più grande (SVG o icona “ct-icon”) */
.ct-popup .ct-toggle-close svg,
.ct-popup .ct-toggle-close .ct-icon{
  width: 22px !important;
  height: 22px !important;
}

/* Se la X è basata su font/icon */
.ct-popup .ct-toggle-close{
  font-size: 22px !important;
  line-height: 1 !important;
}

@media (max-width: 768px){
  .ct-popup .ct-toggle-close{ --toggle-button-size: 44px !important;}

  .ct-popup .ct-toggle-close svg,
  .ct-popup .ct-toggle-close .ct-icon{
    width: 20px !important;
    height: 20px !important;
  }
}


/* =========================================================
   3) Blocksy Offcanvas: spaziature e pulsante X (azioni pannello)
   ---------------------------------------------------------
   - Fix: recupera spazio in alto nel pannello mobile
   - Fix: micro-regole per il close button dentro actions bar
   ========================================================= */
#offcanvas .ct-panel-content-inner{
  margin-top: -40px;
}

.ct-panel-actions .ct-toggle-close{
  --toggle-button-padding: 10px;
  --toggle-button-margin-end: -10px;
  --toggle-button-margin-block: -5px;
}


/* =========================================================
   4) Greenshift Filter Panel: pulizia “linea” e hover
   ---------------------------------------------------------
   - Fix: rimuove la linea 1px / bordo e ombre indesiderate
   - UX: hover più chiaro su desktop (span cliccabile)
   ========================================================= */
.gspb_filter_panel{
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.gspb_filter_panel .gspb_filter_ul li span{
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
  padding: 10px 14px;
}

.gspb_filter_panel .gspb_filter_ul li:hover span{
  background-color: #FFCA6C !important;
  color: #283830 !important;
}


/* =========================================================
   5) Greenshift Filter Panel: centratura su desktop
   ---------------------------------------------------------
   - UX: filtri centrati, in riga, a capo se serve
   ========================================================= */
@media (min-width: 1025px){
  .gspb_filter_panel{
    justify-content: center !important;
  }

  .gspb_filter_ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .gspb_filter_ul > li{
    margin: 0 !important;
  }
}


/* =========================================================
   6) Greenshift Filter Panel: sticky su tablet/mobile
   ---------------------------------------------------------
   - Fix/UX: barra filtri sempre visibile quando scrolli
   - Nota: la variabile --vr-sticky-top resta manuale
   ========================================================= */
:root{
  --vr-sticky-top: 78px; /* se vuoi: cambia qui una volta sola */
}

@media (max-width: 1024px){
  .gspb_filter_panel{
    position: sticky !important;
    top: var(--vr-sticky-top, 72px);
    z-index: 60;
    background: #fff;
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
  }
}


/* =========================================================
   7) (Opzionale) Greenshift: nasconde il trigger (.gs-trigger)
   ---------------------------------------------------------
   - ATTENZIONE: è globale. Usalo solo se sei sicuro.
   - Se hai dubbi: commenta questo blocco.
   ========================================================= */
/*
.gs-trigger{
  display: none !important;
}
*/