/*
Theme Name: Rummen Child
Template: rummen
*/

/* =====================================================
   NASCONDE VARIAZIONI STANDARD WC (usa configuratore)
===================================================== */
form.variations_form,
.single_variation_wrap {
  display: none !important;
}

/* =====================================================
   SHOP: micro-tuning label (resta 1 grazie al JS)
===================================================== */
.woocommerce ul.products li.product .label.image-attribute,
.products li.product .label.image-attribute{
  margin-right: 6px;
  margin-bottom: 6px;
}

/* =====================================================
   CONFIGURATORE WRAPPER
===================================================== */
.bresca-configurator { margin-top: 30px; }
.bresca-footer { margin-top: 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.bresca-total { font-weight: 600; font-size: 18px; }
.bresca-feedback { font-size: 14px; }
.bresca-feedback.is-success { color: #1f7a3b; }
.bresca-feedback.is-error { color: #b42318; }

.bresca-add-all.is-loading { opacity: .7; pointer-events: none; }

/* =====================================================
   ACCORDION
===================================================== */
.bresca-accordion-trigger {
  font-size: 22px !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  cursor: pointer;
  position: relative;
  padding: 10px 35px 10px 0 !important;
  user-select: none;
  border-bottom: 1px solid #eee;
  text-transform: none !important;
}

.bresca-accordion-trigger::after {
  content: '+';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 300;
  color: #c6a46c;
}

.bresca-accordion-trigger.open::after {
  content: '–';
}

.bresca-accordion-content { display: none; margin-top: 18px; }

/* =====================================================
   LINE BLOCKS
===================================================== */
.bresca-line-block { padding: 18px 0; border-bottom: 1px solid #eee; }
.bresca-line-block:last-child { border-bottom: none; }

.bresca-line-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bresca-line-title { font-size: 18px; font-weight: 600; }

.bresca-line-link { font-size: 13px; text-decoration: none; border: 1px solid #ddd; padding: 6px 10px; border-radius: 999px; color: #333; }
.bresca-line-link:hover { border-color: #c6a46c; color: #c6a46c; }

.bresca-line-badge { font-size: 12px; font-weight: 600; color: #c6a46c; border: 1px solid rgba(198,164,108,.5); padding: 6px 10px; border-radius: 999px; }

.bresca-other-lines-title { margin-top: 10px; font-weight: 600; font-size: 16px; }

/* =====================================================
   ROWS (variation items)
===================================================== */
.bresca-variation-item {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 12px 0 !important;
  border: none !important;
}

.bresca-variation-info { display: flex !important; align-items: center !important; gap: 15px !important; }
.bresca-variation-qty { margin-left: auto !important; display: flex !important; align-items: center !important; }

.bresca-formato {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 65px;
  padding: 0 18px;
  border-radius: 50px;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.25s ease;
  cursor: pointer;
}

.bresca-variation-item.active .bresca-formato {
  background-color: #c6a46c !important;
  border-color: #c6a46c !important;
  color: #ffffff !important;
}

.bresca-variation-price { color: #555; }

.bresca-variation-qty .qty-input {
  width: 50px !important;
  text-align: center !important;
  border: 1px solid #ddd !important;
  -moz-appearance: textfield !important;
}
.bresca-variation-qty .qty-input::-webkit-outer-spin-button,
.bresca-variation-qty .qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.bresca-variation-image-wrapper { width: 65px !important; flex-shrink: 0 !important; text-align: center !important; }
.bresca-soggetto-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #555 !important;
  margin-bottom: 5px !important;
  min-height: 18px !important;
  visibility: hidden !important;
}
.bresca-variation-item.has-soggetto .bresca-soggetto-label { visibility: visible !important; }

/* =====================================================
   LIGHTBOX / HOVER
===================================================== */
.bresca-hover-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 9999;
  pointer-events: none;
}
.bresca-hover-overlay.active { opacity: 1; }
.bresca-hover-overlay img {
  max-width: 650px;
  max-height: 85vh;
  background: #ffffff;
  padding: 25px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.4);
  border-radius: 8px;
}

.bresca-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}
.bresca-overlay img { max-width: 90%; max-height: 90%; }

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 768px) {
  .bresca-variation-item { gap: 10px !important; }
  .bresca-variation-image-wrapper { width: 45px !important; }
  .bresca-variation-image img { width: 38px !important; }
  .bresca-formato { height: 32px !important; min-width: 52px !important; padding: 0 12px !important; font-size: 12px !important; }
  .bresca-variation-price { white-space: nowrap !important; font-size: 14px !important; }
  .bresca-variation-info { gap: 8px !important; }
  .bresca-variation-qty { transform: scale(0.9) !important; }
}

/*
.products .product .label.image-attribute {
  display: none !important;
}
*/

/* Spazio superiore shop/blog come avevi (mantieni se ti serve) */
.archive.woocommerce-page .page-title.empty-image,
.blog .page-title.empty-image,
.archive .page-title.empty-image { display: none !important; }

.archive.woocommerce-page .bwp-main { padding-top: 40px !important; }
.blog .bwp-main,
.archive.category .bwp-main { padding-top: 40px !important; }

@media (max-width: 991px) {
  .blog .bwp-main,
  .archive.category .bwp-main { padding-top: 25px !important; }
  .blog .content-area { padding-top: 0 !important; }
}

.bresca-debug{
  padding:10px 12px;
  border:1px solid #f3caca;
  background:#fff7f7;
  color:#7a1f1f;
  border-radius:6px;
  margin:12px 0;
  font-size:13px;
}

/* =====================================================
   CONFIGURATORE - TUNING TITOLI + SPAZIATURE
===================================================== */

/* "Scopri e aggiungi altre linee" come "Scegli il formato" */
.bresca-others-accordion .bresca-accordion-trigger{
  font-size: 18px !important;      /* uguale a .bresca-line-title */
  font-weight: 600 !important;
  text-transform: none !important;
  border-bottom: 1px solid #eee;
  padding: 10px 35px 10px 0 !important;
  margin-top: 18px !important;     /* stacca dal blocco sopra */
  margin-bottom: 0 !important;
}

/* Icona + allineata e proporzionata al nuovo font-size */
.bresca-others-accordion .bresca-accordion-trigger::after{
  font-size: 24px !important;      /* prima era 28, qui più coerente */
  right: 6px;
}

/* Spazio tra accordion e footer (Totale + bottone) */
.bresca-others-accordion{
  margin-bottom: 18px !important;  /* distacco dal totale/CTA */
}

/* Footer un po' più "respirato" */
.bresca-footer{
  margin-top: 10px !important;     /* evita che stia attaccato se non c'è accordion */
  padding-top: 10px;
  border-top: 1px solid #f1f1f1;
}

/* =====================================================
   FIX: doppia linea sotto "Scopri e aggiungi altre linee"
===================================================== */

/* Tieni UNA sola linea: quella del trigger */
.bresca-others-accordion .bresca-accordion-trigger{
  border-bottom: 1px solid #eee !important;
}

/* Rimuovi la linea extra che arriva dal contenitore accordion */
.bresca-others-accordion{
  border-top: none !important;
  border-bottom: none !important;
}

/* Se la seconda linea è quella del footer, elimina il border-top
   SOLO quando c’è l’accordion prima del footer */
.bresca-others-accordion + .bresca-footer{
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 16px !important; /* mantiene il distacco senza linea */
}

/* =====================================================
   SPAZIO EXTRA sopra Totale + Aggiungi al carrello
===================================================== */

/* Spazio standard sopra il footer */
.bresca-footer{
  margin-top: 24px !important;  /* aumenta/diminuisci a gusto (16–32) */
}

/* Se c’è l’accordion prima del footer, aggiungi ancora più respiro */
.bresca-others-accordion + .bresca-footer{
  margin-top: 28px !important;  /* regola qui se lo vuoi più basso */
}

/* ===================================================================
   ===== STICKY HEADER PERSONALIZZATO (Sostituisce quello del tema) =====
   =================================================================== */

/* Selezioniamo l'header principale del tuo tema */
#bwp-header {
    position: -webkit-sticky; /* Per compatibilità con Safari */
    position: sticky;
    top: 0; /* Si attacca al bordo superiore dello schermo */
    z-index: 999; /* Si assicura che stia sopra a tutto il resto */
    background-color: #ffffff; /* Aggiunge uno sfondo bianco per non essere trasparente */
    box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* Ombra leggera che appare quando si stacca */

    /* --- RIGHE AGGIUNTE PER DARE ALTEZZA --- */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/*
   Il tema potrebbe avere un div extra per l'header mobile.
   Nascondiamolo su desktop per evitare conflitti.
*/
@media (min-width: 992px) {
    .header-mobile {
        display: none !important;
    }
}

/* =====================================================
   FIX PULSANTI LINEE (Elementor Container)
   Classe messa sul container esterno: .bresca-line-buttons
   I bottoni sono nel child: .e-con-inner
===================================================== */

/* Layout desktop: centrati, gap fisso, larghezze uniformi */
.bresca-line-buttons > .e-con-inner{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Togli margini che Elementor può mettere sui widget */
.bresca-line-buttons > .e-con-inner > .elementor-element{
  margin: 0 !important;
}

/* Bottoni uniformi su desktop */
@media (min-width: 769px){
  .bresca-line-buttons .elementor-button{
    min-width: 170px;              /* regola 160–190 */
    justify-content: center;
    text-align: center;
    margin: 0 !important;
  }
}

/* Testo sempre su una riga */
.bresca-line-buttons .elementor-button-text{
  white-space: nowrap !important;
}

/* Mobile: 2 colonne uguali e leggibili */
@media (max-width: 768px){
  .bresca-line-buttons > .e-con-inner{
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .bresca-line-buttons > .e-con-inner > .elementor-element{
    flex: 0 0 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
  }

  .bresca-line-buttons .elementor-button{
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  .bresca-line-buttons .elementor-button-text{
    font-size: 12px;
  }
}

@media (max-width: 768px){
  .bresca-line-buttons > .e-con-inner > .elementor-element.is-long{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
origine */




/* 2. Dà uno stile al nostro nuovo SKU, quello giusto */
.mio-sku-visibile {
    margin-bottom: 1em;
    font-weight: 600;
    color: #555;
    font-size: 14px;
}


/*
 * SOLUZIONE DEFINITIVA PER I 7 LABEL "20 CL"
 * Nasconde tutti i label che sono fratelli adiacenti di un altro label,
 * ma solo all'interno del contenitore corretto .product-attribute.
*/
.product-attribute > .label.image-attribute + .label.image-attribute {
    display: none !important;
}






/*
 * ===================================================================
 * STILI DEFINITIVI E COMPLETI PER IL POPUP RIVENDITORI (ID: 50527)
 * ===================================================================
*/


/* ===============================================
   Stili per il contenitore del POPUP
   =============================================== */

/* --- Versione DESKTOP --- */
.pum-container.popmake-50527 {
    width: 450px !important;       
}

/* --- Versione MOBILE --- */
@media (max-width: 768px) {
    .pum-container.popmake-50527 {
        width: 90% !important;     
    }
}


/* ===============================================
   Stili per il TESTO interno
   =============================================== */

/* --- Versione DESKTOP --- */

/* Intestazione H6 */
div#popmake-50527 h6 {
    font-size: 28px;
    line-height: 1.4;    
    font-weight: 600;
    text-transform: none !important; 
    color: #ffffff !important;      
}

/* Paragrafo P (se ne aggiungerai in futuro) */
div#popmake-50527 p {
    font-size: 17px;
    line-height: 1.6;
    color: #ffffff !important;      
}

/*
 * >>> REGOLA CORRETTA PER TUTTI I LINK NEL POPUP <<<
*/
div#popmake-50527 a {
    color: #ffffff !important;           /* COLORE DEL LINK (Bianco) */
    text-decoration: underline !important; /* Aggiunge la sottolineatura */
}
/* Stile del link al passaggio del mouse */
div#popmake-50527 a:hover {
    text-decoration: none !important; /* Toglie la sottolineatura */
}


/* --- Versione MOBILE --- */
@media (max-width: 768px) {
    div#popmake-50527 h6 { font-size: 20px; }
    div#popmake-50527 p { font-size: 15px; }
}


/* ===============================================
   Stili per il pulsante di CHIUSURA (la "X")
   =============================================== */

.popmake-50527 .pum-close {
    background-color: #000000 !important; 
    color: #ffffff !important;          
}

.popmake-50527 .pum-close:hover {
    background-color: #c6a46c !important; 
}







/*
 * ===================================================================
 * STILI DEFINITIVI E COMPLETI PER IL POPUP RIVENDITORI (ID: 50518)
 * ===================================================================
*/


/* ===============================================
   Stili per il contenitore del POPUP
   =============================================== */

/* --- Versione DESKTOP --- */
.pum-container.popmake-50518 {
    width: 450px !important;       
}

/* --- Versione MOBILE --- */
@media (max-width: 768px) {
    .pum-container.popmake-50518 {
        width: 90% !important;     
    }
}


/* ===============================================
   Stili per il TESTO interno
   =============================================== */

/* --- Versione DESKTOP --- */

/* Intestazione H6 */
div#popmake-50518 h6 {
    font-size: 28px;
    line-height: 1.4;    
    font-weight: 600;
    text-transform: none !important; 
    color: #ffffff !important;      
}

/* Paragrafo P (se ne aggiungerai in futuro) */
div#popmake-50518 p {
    font-size: 17px;
    line-height: 1.6;
    color: #ffffff !important;      
}

/*
 * >>> REGOLA CORRETTA PER TUTTI I LINK NEL POPUP <<<
*/
div#popmake-50518 a {
    color: #ffffff !important;           /* COLORE DEL LINK (Bianco) */
    text-decoration: underline !important; /* Aggiunge la sottolineatura */
}
/* Stile del link al passaggio del mouse */
div#popmake-50518 a:hover {
    text-decoration: none !important; /* Toglie la sottolineatura */
}


/* --- Versione MOBILE --- */
@media (max-width: 768px) {
    div#popmake-50518 h6 { font-size: 20px; }
    div#popmake-50518 p { font-size: 15px; }
}


/* ===============================================
   Stili per il pulsante di CHIUSURA (la "X")
   =============================================== */

.popmake-50518 .pum-close {
    background-color: #000000 !important; 
    color: #ffffff !important;          
}

.popmake-50518 .pum-close:hover {
    background-color: #c6a46c !important; 
}




/*
 * ===============================================
 * Stile per il link email nella sezione specifica (ID: 133e410)
 * VERSIONE FINALE CON COLORE HOVER #BD9855
 * ===============================================
*/

/* --- STATO NORMALE DEL LINK --- */
.elementor-section[data-id="133e410"] .elementor-widget-text-editor p a {
    color: #ffffff;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* --- STATO HOVER DEL LINK --- */
.elementor-section[data-id="133e410"] .elementor-widget-text-editor p a:hover {
    color: #BD9855;  /* Il tuo colore "gold" personalizzato */
    text-decoration: underline !important;
}



/*
 * ===============================================
 * Nasconde il widget "Feature Product" nella pagina shop
 * ===============================================
*/
#bwp_feature_product_widget-1 {
    display: none !important;
}