/* ==========================================================================
   theme-refresh.css
   Layer di restyling additivo — non sostituisce custom.css/bootstrap.css,
   li affina. Pensato per essere rimosso con un colpo solo (basta togliere
   il <link>) se qualcosa non convince, senza impattare l'HTML esistente.
   ========================================================================== */

:root{
	--brand: #272c3c;
	--brand-light: #3b4258;
	--accent-green: #3fa66b;
	--accent-red: #d9534f;
	--radius: 8px;
	--radius-sm: 5px;
	--shadow-sm: 0 1px 3px rgba(0,0,0,.08);
	--shadow-md: 0 4px 16px rgba(0,0,0,.10);
	--border-soft: #e5e7eb;
}

/* ---------- Badge NEW / NOS (prima: sfondo giallo piatto, padding:5px) --- */
.new{
	display: inline-block;
	background-color: #ffd43b;
	color: #4a3b00;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	line-height: 1.6;
}
.nos{
	display: inline-block;
	background-color: #6c757d;
	color: #fff;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	line-height: 1.6;
}

/* ---------- Card prodotto categoria: ombra + hover, prima piatte --------- */
.product-item{
	background: #fff;
	border-radius: var(--radius);
	transition: box-shadow .18s ease, transform .18s ease;
}
.product-item:hover{
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}
.product-item .product-image{
	border-radius: var(--radius) var(--radius) 0 0;
	overflow: hidden;
}
.product-item-name a.btn-color-border{
	border-radius: 0 0 var(--radius) var(--radius);
}

/* ---------- Bottoni: spigoli più morbidi + transizione ------------------- */
.btn-color, .btn-color-border, .btn-danger, .btn-success,
input[type="submit"], button[type="submit"]{
	border-radius: var(--radius-sm) !important;
	transition: filter .15s ease, box-shadow .15s ease;
}
.btn-color:hover, input[type="submit"]:hover, button[type="submit"]:hover{
	filter: brightness(1.08);
	box-shadow: var(--shadow-sm);
}
.btn-color-border:hover{
	box-shadow: var(--shadow-sm);
}

/* ---------- Box riepilogo ordine nella sidebar ---------------------------- */
.cart-total-table.address-box{
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	border: 1px solid var(--border-soft);
}
.cart-total-table.address-box .inner-heading{
	padding: 4px 0;
}

/* ---------- Link di navigazione sidebar (nuovo ordine, storico, ecc.) ---- */
.mb-10.mt-20 > a.btn-sm{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: var(--radius-sm);
	padding: 7px 12px;
	transition: background-color .15s ease;
}
.mb-10.mt-20 > a.btn-sm:hover{
	background-color: #f2f3f5;
}
.mb-10.mt-20 > a.btn-sm.btn-active{
	background-color: var(--brand);
	color: #fff !important;
}

/* ---------- Tabelle (storico ordini, carrelli salvati, matrice taglie) --- */
table.table{
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
}
table.table thead th,
table.table tr > th{
	background-color: var(--brand);
	color: #fff;
	font-weight: 600;
	border: none !important;
}
table.table.table-striped tbody tr:nth-of-type(odd){
	background-color: #f8f9fb;
}
table.table tbody tr:hover{
	background-color: #eef1f6;
}
table.table td, table.table th{
	vertical-align: middle;
	padding: 10px 12px;
}

/* Riga cliente/ordine bloccato: prima "thistle" inline piatto */
.row-insolvente{
	background-color: #fdecea !important;
	box-shadow: inset 3px 0 0 var(--accent-red);
}
.alert-block-order{
	background-color: #fdecea;
	color: #7a1f1a;
	border-left: 3px solid var(--accent-red);
	border-radius: var(--radius-sm);
	padding: 10px 14px;
	font-weight: 600;
}
.alert-block-order-sm{
	font-size: 12px;
	padding: 6px 10px;
	font-weight: 500;
}

/* ---------- Input quantità/prezzo/sconto nella matrice taglie/carrello --- */
table.table input[type="text"],
table.table input[type="number"]{
	border: 1px solid #d3d7de;
	border-radius: var(--radius-sm);
	padding: 5px 7px;
	text-align: center;
	transition: border-color .15s ease, box-shadow .15s ease;
}
table.table input[type="text"]:focus,
table.table input[type="number"]:focus{
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(39,44,60,.12);
	outline: none;
}
table.table input:disabled{
	background-color: #f1f2f4 !important;
	border-color: #e5e7eb;
}

/* ---------- Checkbox tree (stampa PDF/CSV: categorie/prodotti/colori) ---- */
#myformlistino ~ div .collapse label,
.col-md-7 label{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 0;
}
.col-md-7 input[type="checkbox"]{
	width: 15px;
	height: 15px;
}

/* ---------- Mini-carrello a tendina in header ----------------------------- */
.cart_preview_container{
	border-radius: var(--radius);
	box-shadow: var(--shadow-md);
	overflow: hidden;
}
.cart_preview_container .cart-list li{
	padding: 10px 14px;
	border-bottom: 1px solid var(--border-soft);
}
.cart_preview_container .cart-list li:last-child{
	border-bottom: none;
}
.cart_totale{
	padding: 10px 14px;
}

/* ---------- Select "alternative covers" / dropdown listino --------------- */
select{
	border-radius: var(--radius-sm);
	border: 1px solid #d3d7de;
}