/* Box Creativa: contatore, massimali e riepilogo (solo scheda prodotto 2611). */
.wooco-count { display: none !important; }
.wooco_component_name .bdn-cap {
	display: inline-block; margin-left: 10px; padding: 2px 10px; border-radius: 999px;
	background: #FCECE6; color: #171717; font-size: 14px; font-weight: 600; line-height: 1.5; white-space: nowrap;
}
.wooco_component_name .bdn-cap.is-full { background: #1B4332; color: #fff; }
.wooco_component_name .bdn-cap.is-over { background: #E02F2F; color: #fff; }
.bdn-box-panel { margin: 16px 0; padding: 16px; border: 1px solid #D9D2CE; border-radius: 12px; background: #fff; color: #171717; }
.bdn-box-panel.is-complete { border-color: #1B4332; }
.bdn-box-count { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; font-size: 16px; }
.bdn-box-count__num { font-size: 24px; font-weight: 700; }
.bdn-box-count__left { margin-left: auto; color: #CC2929; font-weight: 600; }
.bdn-box-panel.is-complete .bdn-box-count__left { color: #1B4332; }
.bdn-box-bar { height: 8px; margin: 10px 0 14px; border-radius: 999px; background: #FCECE6; overflow: hidden; }
.bdn-box-bar span { display: block; height: 100%; background: #E02F2F; transition: width .2s; }
.bdn-box-panel.is-complete .bdn-box-bar span { background: #1B4332; }
.bdn-box-sum { margin: 0; }
.bdn-box-sum > div { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 15px; }
.bdn-box-sum dt, .bdn-box-sum dd { margin: 0; font-weight: 400; }
.bdn-box-sum .bdn-box-save { color: #1B4332; font-weight: 600; }
.bdn-box-sum .bdn-box-total { margin-top: 6px; padding-top: 10px; border-top: 1px solid #D9D2CE; font-size: 20px; font-weight: 700; }
.bdn-box-sum .bdn-box-total dt, .bdn-box-sum .bdn-box-total dd { font-weight: 700; }
.bdn-box-ship { margin: 8px 0 0; font-size: 14px; color: #222; }
.wooco-alert.alert-active { font-weight: 600; }
@media (max-width: 480px) { .bdn-box-count__left { margin-left: 0; width: 100%; } }
/* Il riepilogo e' alto: niente barra sticky che coprirebbe la griglia (soprattutto su schermi bassi). */
.single-product .wooco-wrap .wooco-summary { position: static; display: block; margin: 0; padding: 0; background: none; box-shadow: none; }
.single-product .wooco-wrap .wooco-summary .wooco-total { border: 0; padding: 0; background: none; box-shadow: none; }

/* Sezioni espandibili per collezione (box.js aggiunge .bdn-acc, role="button" e aria-expanded; il contenuto chiuso e' solo nascosto). */
.wooco_component.bdn-acc { margin: 0 0 10px; border: 1px solid #D9D2CE; border-radius: 10px; background: #fff; }
.wooco_component.bdn-acc.has-error { border-color: #E02F2F; }
.wooco_component.bdn-acc > .wooco_component_name {
	display: flex; align-items: center; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 12px 48px 12px 16px; position: relative;
	border: 0; font-size: 18px; line-height: 1.3; cursor: pointer; border-radius: 10px; min-height: 48px; box-sizing: border-box;
}
.wooco_component.bdn-acc > .wooco_component_name::after {
	content: ""; position: absolute; right: 20px; top: 50%; width: 9px; height: 9px; margin-top: -7px;
	border: solid #171717; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .15s;
}
.wooco_component.bdn-acc.is-open > .wooco_component_name::after { margin-top: -2px; transform: rotate(-135deg); }
.wooco_component.bdn-acc > .wooco_component_name:hover { background: #FCECE6; }
.wooco_component.bdn-acc > .wooco_component_name:focus-visible { outline: 2px solid #171717; outline-offset: 2px; }
.wooco_component.bdn-acc:not(.is-open) > .wooco_component_product { display: none; }
.wooco_component.bdn-acc.is-open > .wooco_component_product { padding: 4px 16px 16px; }
.wooco_component.bdn-acc > .wooco_component_name .bdn-cap { margin-left: auto; }
.wooco_component.bdn-acc.has-error > .wooco_component_name::before {
	content: "!"; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 8px;
	border-radius: 50%; background: #E02F2F; color: #fff; font-size: 13px; font-weight: 700;
}

@media (max-width: 479px) { .wooco_component.bdn-acc > .wooco_component_name { font-size: 16px; padding-left: 12px; } .wooco_component.bdn-acc.is-open > .wooco_component_product { padding: 4px 10px 12px; } }

/* Correzione header accordion: il componente WPC/tema ha padding-top 10px, che lasciava una fascia bianca sopra l'intestazione
   (lo sfondo hover partiva 10px piu' in basso). Il contenitore non ha padding: l'intestazione occupa tutta la superficie cliccabile. */
.wooco_component.bdn-acc { padding: 0; overflow: hidden; }
.wooco_component.bdn-acc > .wooco_component_name { border-radius: 9px; transition: background-color .15s; }
.wooco_component.bdn-acc.is-open > .wooco_component_name { border-radius: 9px 9px 0 0; background: #FCECE6; border-bottom: 1px solid #D9D2CE; }
.wooco_component.bdn-acc > .wooco_component_name:hover { background: #FCECE6; }
.wooco_component.bdn-acc.is-open > .wooco_component_name:hover { background: #F8DDD2; }
.wooco_component.bdn-acc > .wooco_component_name:focus-visible { outline-offset: -3px; }
.wooco_component.bdn-acc.is-open > .wooco_component_name .bdn-cap:not(.is-full):not(.is-over) { background: #fff; }

/* Prodotti senza giacenza verificata: visibili ma non selezionabili. */
.wooco_component_product_selection_grid_item.bdn-locked { opacity: .55; cursor: not-allowed; filter: grayscale(.6); }
.wooco_component_product_selection_grid_item.bdn-locked * { pointer-events: none; }
.wooco_component_product_selection_grid_item.bdn-locked .stock { color: #6b6b6b; }
.wooco_component.bdn-acc .bdn-acc__note { grid-column: 1 / -1; width: 100%; box-sizing: border-box; margin: 0 0 12px; padding: 8px 12px; border-radius: 8px; background: #FCECE6; color: #171717; font-size: 14px; font-weight: 600; }
.wooco_component.bdn-acc--unavailable > .wooco_component_name .bdn-cap { background: #F2EEEC; color: #222; }
.wooco_component.bdn-acc > .wooco_component_product { flex-wrap: wrap; }
.wooco_component.bdn-acc .bdn-acc__note { flex: 0 0 100%; }

/* Selezione da tastiera delle card (checkbox reale invisibile sopra il segno di spunta) */
.wooco_component_product_selection_grid_item { position: relative; }
.wooco_component_product_selection_grid_item > .bdn-card-check {
	position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; margin: 0; opacity: 0; z-index: 3; cursor: pointer;
}
.wooco_component_product_selection_grid_item:has(> .bdn-card-check:focus-visible) {
	outline: 2px solid #171717; outline-offset: 2px; box-shadow: 0 0 0 2px #fff;
}

/* Sezioni chiuse gia' al primo rendering (box.js aggiunge .bdn-acc e le gestisce): evita di impaginare i ~60 prodotti prima dello script
   (lavoro di layout e spostamento del riepilogo quando le sezioni si chiudono). */
.wooco_component[class*="wooco_component_layout_grid_"]:not(.bdn-acc) > .wooco_component_product { display: none; }