/* ===============================
DIGIWALLS GLOBAL STYLE
=============================== */

/* campi misure */

.dw-dimensions{
margin:20px 0;
padding:0px;
border:opx solid #eee;
}

.dw-dimensions .form-row{
margin-bottom:10px;
}


/* prezzo dinamico */

.dw-price-preview{
margin-top:15px;
padding:12px;
background:#f7f7f7;
border-radius:6px;
}

#dw-price-total{
font-size:22px;
font-weight:600;
}

.dw-production-info{
margin-top:6px;
font-size:15px;
color:#333;
}

.dw-section-title{
font-size:18px;
font-weight:600;
margin-top:20px;
margin-bottom:12px;
color:#222;
letter-spacing:.2px;
}


/* ===============================
VARIATION SWATCHES
=============================== */

.dw-swatches{
display:flex;
gap:10px;
margin-top:10px;
flex-wrap:wrap;
}

.dw-swatch{
padding:8px 12px;
border:1px solid #ddd;
cursor:pointer;
border-radius:4px;
font-size:14px;
transition:all .2s ease;
}

.dw-swatch:hover{
border-color:#000;
}

.dw-swatch.active {
    border-color: #000;
    background: #000;
    color: #fff;
}

/* Quando il bottone ha un'immagine, mostra solo un bordo evidente per non coprirla */
.dw-swatch.dw-has-image.active {
    background-color: transparent !important;
    border-color: #000;
    box-shadow: 0 0 0 2px #000;
}

/* nasconde select variazioni WooCommerce */

form.variations_form .variations select{
display:none !important;
}

/* Riduce spazio blocco varianti */
.woocommerce div.product form.cart .variations {
    margin-bottom: 10px;
}

/* riduce spazio righe */
.woocommerce div.product form.cart .variations tr {
    margin: 0;
}

/* colonna label (Colore) */
.woocommerce div.product form.cart .variations td.label {
    padding-bottom: 5px;
    padding-top: 0;
}

/* colonna valori */
.woocommerce div.product form.cart .variations td.value {
    padding-bottom: 5px;
}

/* spazio sotto swatches */
.woocommerce div.product form.cart .variations .reset_variations {
    margin-top: 5px;
}

/* =====================================================
DIGIWALLS CONFIGURATORE OVERLAY PARETE
===================================================== */

/* contenitore overlay sopra immagine prodotto */

.digiwalls-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
pointer-events:none;
z-index:5;
}

/* singola fascia */

.digiwall-strip{
height:100%;
border-right:2px solid rgba(0,0,0,0.35);
position:relative;
display:flex;
justify-content:center;
align-items:flex-end;
}

/* etichetta larghezza fascia */

.digiwall-strip span{
background:#fff;
font-size:12px;
padding:2px 6px;
margin-bottom:6px;
border-radius:3px;
}

/* etichetta altezza parete */

.digiwall-height{
position:absolute;
left:10px;
top:50%;
transform:rotate(-90deg);
background:#fff;
padding:4px 8px;
font-size:13px;
border-radius:3px;
}

.woocommerce-product-gallery{
position:relative;
}

/* =====================================================
DIGIWALLS - SELETTORE INQUADRATURA (CROP BOX)
Master: 500x350
===================================================== */

.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery .slides,
.woocommerce-product-gallery .flex-active-slide{
  position: relative;
}

#digiwalls-crop{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  pointer-events: none;
}

#digiwalls-crop .dw-crop-box{
  position: absolute;
  border: 2px solid rgba(0,0,0,.65);
  background: rgba(255,255,255,.12);
  box-shadow: none;
  border-radius: 4px;
  pointer-events: auto;
  cursor: grab;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

#digiwalls-crop .dw-crop-box:active{
  cursor: grabbing;
}

#digiwalls-crop .dw-crop-label{
  position: absolute;
  top: 8px;
  left: 8px;
  background: #fff;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.2;
  z-index: 2;
}

#digiwalls-crop .dw-strips{
  position: absolute;
  inset: 0;
  display: flex;
  pointer-events: none;
  z-index: 1;
}

#digiwalls-crop .dw-strip{
  height: 100%;
  border-right: 1px dashed rgba(0,0,0,0.45);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
}

#digiwalls-crop .dw-strip:first-child{
  border-left: 1px dashed rgba(0,0,0,0.45);
}

#digiwalls-crop .dw-strip span{
  background: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 2px 6px;
  margin-bottom: 6px;
  border-radius: 3px;
  white-space: nowrap;
}

#digiwalls-crop .dw-strip.dw-cut{
  background: rgba(255, 200, 0, 0.18);
  border-right-color: rgba(0,0,0,0.55);
}

.single_add_to_cart_button.dw-disabled{
opacity:.4;
pointer-events:none;
cursor:not-allowed;
}

/* Rimuove completamente la colonna label */
.single-product table.variations th.label {
    display: none !important;
}

/* Allarga il campo selezione */
.single-product table.variations td.value {
    width: 100% !important;
    display: block !important;
}

/* Opzionale: elimina struttura tabella */
.single-product table.variations tr {
    display: block;
    margin-bottom: 15px;
}



/* =============================================
   LEGGI DI PIÙ — DESCRIZIONE PRODOTTO
============================================= */

.dw-desc-wrap {
    position: relative;
}

.dw-desc-content {
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.4s ease;
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.dw-desc-content.open {
    max-height: 9999px;
    -webkit-mask-image: none;
    mask-image: none;
}

.dw-desc-btn {
    display: inline-block;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid #1a1a1a;
    padding: 0;
    line-height: 1.4;
    transition: color 0.2s;
}

.dw-desc-btn:hover {
    color: #555;
    border-color: #555;
}

.dw-desc-btn {
    display: inline-block !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #1a1a1a !important;
    border-radius: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    width: auto !important;
}

.dw-desc-btn:hover {
    color: #555 !important;
    border-bottom-color: #555 !important;
    background: none !important;
    transform: none !important;
    box-shadow: none !important;
}