/* ============================================================
   Vista lista prodotti (page_prodotti.php) — attivata da $ATTIVA_VISTA_LISTA_PRODOTTI=1
   Prefisso .product-list-rows per non impattare la vista griglia.
   ============================================================ */

/* Toggle griglia/lista in filter_order */
.view-toggle.btn-group {
	position: relative;
}
/* NB: niente z-index sul toggle. Un z-index alto lo faceva emergere sopra l'header
   fisso (.header-fixed, z-index auto) durante lo scroll. I click sul toggle restano
   garantiti dal pointer-events:none su .position-notify (vedi sotto). */

/* Mobile/tablet: il pulsante sticky "Apri Filtri" (.btn-filter-sidebar-sticky, z-index:1) viene coperto da:
   - .sorting-option:before (chevron del select, z-index:99 da style.css)
   - eventuali toggle/altri children del row filter_order
   quando il row scorre sotto. Bump z-index della sticky per coprire tutto. */
@media (max-width: 991px){
	.btn-filter-sidebar-sticky { z-index: 100 !important; }
}
.view-toggle.btn-group .btn-view-mode {
	border: 1px solid #ddd;
	background: #fff;
	color: #555;
	padding: 0.35rem 0.6rem;
	line-height: 1;
}

/* Fix: .position-notify (toast container) è position:fixed top:190px/right:10px e copre l'area del toggle
   anche quando vuoto, intercettando i click. Disabilita pointer-events sul contenitore e li riabilita
   solo sui toast effettivamente visibili (.show) così la "x" di chiusura continua a funzionare. */
.position-notify { pointer-events: none; }
.position-notify .toast-alert.show,
.position-notify .toast-alert.showing { pointer-events: auto; }
.view-toggle.btn-group .btn-view-mode i {
	font-size: 14px;
}
.view-toggle.btn-group .btn-view-mode:hover {
	background: #f4f4f4;
}
.view-toggle.btn-group .btn-view-mode.active {
	background: #e6213a;
	border-color: #e6213a;
	color: #fff;
}
@media (max-width: 575.98px){
	.view-toggle.btn-group { margin-left: 8px; }
}

/* Container lista */
.product-list-rows {
	display: block;
	width: 100%;
}

/* Singola riga */
.product-list-rows .product-list-row {
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}
.product-list-rows .product-list-row:last-child { border-bottom: 0; }

/* Immagine — stesso comportamento della griglia: nessun crop, ratio naturale */
.product-list-rows .product-list-row-img-wrap {
	text-align: center;
}
/* Box interno: ancora per posizionamento assoluto del bollino sconto e icona preferiti SOPRA l'immagine (non sotto la riga) */
.product-list-rows .product-list-row-img-box {
	position: relative;
	display: block;
}
.product-list-rows .product-list-row-img {
	display: block;
}
.product-list-rows .product-list-row-img img {
	width: 100%;
	height: auto;
	display: block;
}
/* Riusa stile bollino di .product-list (custom.css): position:absolute; bottom:5px; left:0; width:50px; bg giallo.
   Con .product-list-row-img-box come ancora, il bollino resta overlay sull'immagine. */

/* Body riga */
.product-list-rows .product-list-row-body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
/* Riusa .quickview-product-detail (.box-title / .box-text / .box-label-doppio-sconto / .box-label) — niente override */
.product-list-rows .quickview-product-detail .box-title { font-size: 22px; }

/* Prezzi: stessa grafica scheda prodotto, ma leggermente più piccoli per la vista lista */
.product-list-rows .product-list-row-prices > .py-3:first-child { padding-left: 0 !important; }
.product-list-rows .product-list-row-prices .ft-xl { font-size: 1.5rem; }      /* da 2rem (32px) → 24px */
.product-list-rows .product-list-row-prices .ft-18 { font-size: 14px; }         /* da 18px → 14px (€) */
.product-list-rows .product-list-row-prices .ft-12 { font-size: 10px; }         /* label PREZZO RETAIL/SCONTATO/PREZZO + i.e. */
.product-list-rows .product-list-row-prices .prezzo-scontato { line-height: 1.1; }
@media (max-width: 575.98px){
	.product-list-rows .quickview-product-detail .box-title { font-size: 18px; margin-bottom: 2px !important; }
	.product-list-rows .quickview-product-detail .box-text { margin-bottom: 6px !important; font-size: 12px; }
	/* Prezzi: inline su mobile (3 blocchi affiancati), font ridotto e padding stretti per starci in una sola riga */
	.product-list-rows .product-list-row-prices { flex-wrap: nowrap !important; gap: 0; justify-content: space-between !important; }
	.product-list-rows .product-list-row-prices .ft-xl { font-size: 16px; }
	.product-list-rows .product-list-row-prices .ft-18 { font-size: 11px; }
	.product-list-rows .product-list-row-prices .ft-12 { font-size: 9px; }
	.product-list-rows .product-list-row-prices .py-3,
	.product-list-rows .product-list-row-prices .py-3.pl--20,
	.product-list-rows .product-list-row-prices .py-3.pr--20 {
		padding: 6px 4px !important;
	}
	.product-list-rows .product-list-row-prices > .py-3 { flex: 1 1 0; min-width: 0; }
}

/* Tabella taglie/disp/qta */
.product-list-rows .product-detail-modal .table { margin-bottom: 8px; }
.product-list-rows .product-detail-modal table th,
.product-list-rows .product-detail-modal table td {
	vertical-align: middle;
	padding: 6px 8px;
}
.product-list-rows .product-detail-modal .quantity_filter input[type="text"] {
	width: 50px;
	text-align: center;
}

/* Mobile: layout compatto immagine + body */
@media (max-width: 767.98px){
	/* Riduci spazio verticale tra le sezioni della riga */
	.product-list-rows .product-list-row { padding: 12px 0; }
	.product-list-rows .product-list-row-img-wrap { margin-bottom: 8px; }
	.product-list-rows .product-list-row-img-box { max-width: 280px; margin: 0 auto; }
	.product-list-rows .quickview-product-detail .box-title { line-height: 1.15; }
	.product-list-rows .collapse_detail.mb--10 { margin-bottom: 4px !important; }
	.product-list-rows .product-detail-modal .table { margin-bottom: 6px; }
	.product-list-rows .product-list-row-footer { margin-top: 4px; }
}
@media (max-width: 767.98px){
	.product-list-rows .product-detail-modal table,
	.product-list-rows .product-detail-modal thead,
	.product-list-rows .product-detail-modal tbody,
	.product-list-rows .product-detail-modal tr,
	.product-list-rows .product-detail-modal th,
	.product-list-rows .product-detail-modal td {
		display: block;
		width: 100%;
	}
	.product-list-rows .product-detail-modal thead { display: none; }
	.product-list-rows .product-detail-modal tr {
		border: 1px solid #eee;
		border-radius: 6px;
		margin-bottom: 8px;
		padding: 6px 8px;
	}
	.product-list-rows .product-detail-modal td {
		border: 0;
		padding: 4px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: right;
	}
	.product-list-rows .product-detail-modal td:before {
		content: attr(data-title);
		font-weight: 600;
		color: #555;
		margin-right: 12px;
		text-align: left;
	}
	/* Allinea a destra il contenuto della cella Quantità su mobile (solo il filter .d-lg-none).
	   Override esplicito: style.css imposta .quantity_filter { margin: 0 auto; display: table } che centra.
	   NON toccare .quantity_filter.d-none.d-lg-table → deve restare nascosto su mobile (display:none). */
	.product-list-rows .product-detail-modal .product-quantity .quantity_filter.d-lg-none {
		display: inline-block !important;
		width: auto !important;
		margin: 0 0 0 auto !important;
		text-align: right;
	}
	.product-list-rows .product-detail-modal .product-quantity .quantity_filter.d-lg-none select {
		display: inline-block;
		margin: 0;
	}
	.product-list-rows .product-list-row-prices { width: 100%; justify-content: flex-start; margin-top: 6px; }
	.product-list-rows .product-list-row-price-block { padding-left: 0; padding-right: 12px; text-align: left; }
}

/* Footer riga: "Vedi Codici/Ean" a sinistra + pulsante 1X a destra, stessa baseline. */
.product-list-rows .product-list-row-footer {
	margin-top: 8px;
	gap: 12px;
}
.product-list-rows .product-list-row-extra {
	font-size: 13px;
}
.product-list-rows .product-list-row-extra a { color: #555; text-decoration: none; }
.product-list-rows .product-list-row-extra a:hover { color: #000; }
.product-list-rows .product-list-row-actions {
	display: inline-flex;
}
/* Pulsante 1X: pill rotondo (omogeneo allo stile dei CTA del sito), icona carrello + label. */
.product-list-rows .product-list-row-add-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 22px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 999px;
	line-height: 1.2;
	min-width: 84px;
	justify-content: center;
}
.product-list-rows .product-list-row-add-btn img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	filter: brightness(0) invert(1); /* icona bianca su sfondo rosso */
}
/* Collapse EAN: si apre nella riga sottostante, full-width */
.product-list-rows .product-list-row-ean { width: 100%; }
.product-list-rows .collapse_detail a { color: #e6213a; }
@media (max-width: 575.98px){
	.product-list-rows .product-list-row-footer { flex-direction: column-reverse; align-items: stretch !important; }
	.product-list-rows .product-list-row-actions { width: 100%; }
	.product-list-rows .product-list-row-add-btn { width: 100%; padding: 10px 22px; }
	.product-list-rows .product-list-row-extra { text-align: left; }
}

/* Box label sconto in riga (riusa stile esistente, allinea spacing) */
.product-list-rows .box-label,
.product-list-rows .box-label-doppio-sconto { display: inline-block; }