/* ==========================================================================
   RIFINITURE DI PAGINA: percorso di navigazione, Naviga per marchio (Brands), elenco prodotti (Prodotti) e articolo non in elenco (CustomProduct)
   File a parte rispetto a redesign-tema.css e caricato dopo di lui (FullStyled.Master e LightDefault.Master): il tema si modifica anche a mano
   nell'editor e un salvataggio fatto con la versione vecchia del file cancellava i blocchi aggiunti. Solo aspetto: stessi controlli, stessi link.
   ========================================================================== */

/* ---------- percorso di navigazione (ol.breadcrumb.ces-navigator) ----------
   prima: icona "indietro" trattata come una voce del percorso, con la barra "/" subito dopo, e separatori grigi poco leggibili.
   ora: pulsante "Indietro" a pillola (testo dal suggerimento del link, quindi tradotto), una linea verticale che lo separa dal percorso
   e frecce sottili tra le voci; la voce della pagina corrente e` in grassetto */
body.rdt ol.breadcrumb.ces-navigator { display: flex; flex-wrap: wrap; align-items: center; row-gap: 6px; margin: 0 0 10px; padding: 0; font-size: 13px; line-height: 1.4; }
body.rdt ol.breadcrumb.ces-navigator > li { display: inline-flex; align-items: center; }
body.rdt ol.breadcrumb.ces-navigator > li + li:before { content: ""; flex: none; width: 6px; height: 6px; padding: 0; margin: 0 10px 0 7px; border-top: 1.5px solid #A9AFA6; border-right: 1.5px solid #A9AFA6; transform: rotate(45deg); }
body.rdt ol.breadcrumb.ces-navigator > li > a { color: var(--rd-muted); text-decoration: none; border-radius: 6px; }
body.rdt ol.breadcrumb.ces-navigator > li > a:hover { color: var(--rd-petrol); text-decoration: underline; }
body.rdt ol.breadcrumb.ces-navigator > li.active { color: var(--rd-ink); font-weight: 600; }
/* il pulsante Indietro (BackButton.ascx: link con la sola icona fa-arrow-circle-left e il suggerimento "Indietro") */
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a:has(> .fa-arrow-circle-left) { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px 0 9px; border: 1px solid var(--rd-line); border-radius: 999px; background: var(--rd-surface); color: var(--rd-ink-2); font-size: 12.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a:has(> .fa-arrow-circle-left):hover { border-color: var(--rd-petrol); color: var(--rd-petrol); background: var(--rd-petrol-tint); text-decoration: none; }
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a > .fa-arrow-circle-left { font-size: 12px; line-height: 1; }
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a > .fa-arrow-circle-left:before { content: "\f060"; }
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a:has(> .fa-arrow-circle-left)[title]:after { content: attr(title); }
body.rdt ol.breadcrumb.ces-navigator > li:first-child:has(> a > .fa-arrow-circle-left) + li:before { width: 1px; height: 18px; margin: 0 12px; border: 0; background: var(--rd-line); transform: none; }

/* ---------- Naviga per marchio (Brands.aspx) ----------
   riquadri piu` leggeri: logo in una fascia a tutta larghezza, nome sotto, categorie come elenco compatto con il numero di articoli in una pillola.
   La disposizione resta quella di Masonry (#container / .item, js/function.js) */
body.rdt .rdt-marchio { margin-bottom: 24px; border: 1px solid var(--rd-line); border-radius: 14px; background: var(--rd-surface); box-shadow: none; overflow: hidden; transition: border-color .15s ease, box-shadow .15s ease; }
body.rdt .rdt-marchio:hover { border-color: var(--rd-petrol); box-shadow: 0 8px 20px rgba(22, 25, 29, 0.08); }
body.rdt .rdt-marchio > .panel-body { padding: 12px 12px 10px; }
body.rdt .rdt-marchio-logo { display: flex; align-items: center; justify-content: center; height: 80px; padding: 8px; border-radius: 10px; }
/* logo senza sfondo proprio: fascia grigia chiara; con trade-dark/trade-light resta il colore di generic.css (i loghi sono scritte bianche) */
body.rdt .rdt-marchio-logo:not(.trade-dark):not(.trade-light) { background: var(--rd-surface-2); }
body.rdt .rdt-marchio-logo.trade-dark, body.rdt .rdt-marchio-logo.trade-light { border-radius: 10px; }
body.rdt .rdt-marchio-logo:not(:has(img)) { display: none; }
body.rdt .rdt-marchio-logo > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
body.rdt .rdt-marchio-logo img { display: block; width: auto; height: auto; max-width: 88%; max-height: 60px; object-fit: contain; }
body.rdt .rdt-marchio > .panel-body > p { margin: 10px 2px 0 !important; font-size: 13px; line-height: 1.3; letter-spacing: 0.01em; }
body.rdt .rdt-marchio > .panel-body > p a { color: var(--rd-ink); text-decoration: none; }
body.rdt .rdt-marchio > .panel-body > p a:hover { color: var(--rd-petrol); }
body.rdt .rdt-marchio > .list-group { margin: 0; padding: 4px 0 6px; border-top: 1px solid var(--rd-line-2); }
body.rdt .rdt-marchio > .list-group > .list-group-item { padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; color: var(--rd-ink-2); }
/* categoria senza articoli propri: e` un titoletto del gruppo che segue */
body.rdt .rdt-marchio > .list-group > .list-group-item:not(:has(> a)) { padding: 10px 14px 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--rd-muted); }
body.rdt .rdt-marchio > .list-group > .list-group-item > a { display: flex; align-items: center; gap: 6px; padding: 6px 14px; color: var(--rd-ink); text-decoration: none; }
body.rdt .rdt-marchio > .list-group > .list-group-item > a:hover { background: var(--rd-petrol-row); color: var(--rd-petrol-dark); }
body.rdt .rdt-marchio > .list-group > .list-group-item > a > .fa { display: none; }
body.rdt .rdt-marchio > .list-group > .list-group-item > a:has(> .fa-caret-right) { padding-left: 24px; }
body.rdt .rdt-marchio > .list-group > .list-group-item > a:has(> .fa-angle-right) { padding-left: 36px; }
body.rdt .rdt-marchio > .list-group > .list-group-item > a > .badge { order: 2; float: none; flex: none; margin-left: auto; min-width: 28px; padding: 2px 8px; border-radius: 999px; background: var(--rd-petrol-tint); color: var(--rd-petrol-dark); font: 600 11px/1.5 var(--rd-mono); text-align: center; }

/* ---------- elenco prodotti (Prodotti.aspx): nessun articolo trovato ---------- */
body.rdt .rdt-vuoto[id$="divProdottoNonTrovato"] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 30px 20px; background: var(--rd-surface-2); font-size: 15px; color: var(--rd-ink-2); }
body.rdt .rdt-vuoto[id$="divProdottoNonTrovato"]:before { content: "\f002"; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--rd-petrol-tint); color: var(--rd-petrol); font: normal 20px/1 FontAwesome; }

/* ---------- articolo non in elenco (CustomProduct.ascx, sotto l'elenco prodotti) ---------- */
body.rdt .rdt-prodotto-libero { margin-top: 16px; }
body.rdt .rdt-prodotto-libero > .rdt-card-head { margin-bottom: 16px; align-items: center; }
body.rdt .rdt-prodotto-libero > .rdt-card-head:not(:has(> div)) { display: none; }
body.rdt .rdt-prodotto-libero > .rdt-card-head > div { font-size: 14px; line-height: 1.5; color: var(--rd-ink-2); }
body.rdt .rdt-prodotto-libero-campi { display: grid; grid-template-columns: minmax(200px, 1.2fr) minmax(240px, 2fr) minmax(120px, 0.7fr) auto; gap: 12px 14px; align-items: end; }
body.rdt .rdt-prodotto-libero-campi .control-label { margin: 0; }
body.rdt .rdt-prodotto-libero-azione .btn { height: 40px; white-space: nowrap; }
/* tendina Marchio alta 40 px come le caselle accanto (stessa soluzione delle barre dei filtri): testo su una riga che sfuma sotto la freccia */
@supports (appearance: base-select) {
	body.rdt .rdt-prodotto-libero-campi select.form-control:not([multiple]):not([size]) { height: 40px; min-height: 0; padding-top: 8px; padding-bottom: 8px; padding-right: 34px; line-height: 1.42857; position: relative; overflow: hidden; white-space: nowrap; }
	body.rdt .rdt-prodotto-libero-campi select.form-control:not([multiple]):not([size])::picker-icon { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 34px; height: auto; margin: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235B6169' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px 8px, linear-gradient(90deg, transparent, var(--rd-surface) 45%); }
	body.rdt .rdt-prodotto-libero-campi select.form-control:not([multiple]):not([size]):open::picker-icon { rotate: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.5l5-5 5 5' fill='none' stroke='%235B6169' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px 8px, linear-gradient(90deg, transparent, var(--rd-surface) 45%); }
}
body.rdt .rdt-prodotto-libero .validation-summary-errors, body.rdt .rdt-prodotto-libero [id$="vsuCustomProduct"] { margin-top: 12px; }
@media (max-width: 991px) {
	body.rdt .rdt-prodotto-libero-campi { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	body.rdt .rdt-prodotto-libero-campi > .rdt-prodotto-libero-desc { grid-column: 1 / -1; order: -1; }
}
@media (max-width: 520px) {
	body.rdt .rdt-prodotto-libero-campi { grid-template-columns: minmax(0, 1fr); }
	body.rdt .rdt-prodotto-libero-azione .btn { width: 100%; }
	body.rdt .rdt-prodotto-libero > .rdt-card-head { align-items: flex-start; }
}

/* ---------- elenco prodotti (Prodotti.aspx, #tblVisProdotti): righe allineate e riquadro d'acquisto ----------
   prima: contenuti centrati in verticale con altezze diverse (codice, descrizione e prezzo a quote diverse), colonna azioni senza larghezza propria,
   "Modifica" in mezzo al prezzo, quantita` larga 50 px staccata dal carrello.
   ora: tutto allineato in alto; foto in un riquadro di misura fissa; a destra un riquadro d'acquisto della stessa larghezza in ogni riga:
   prezzo grande con l'etichetta Best price, disponibilita`, quantita` e carrello uniti, note della confezione; "Modifica" e` un link discreto in fondo.
   Stessi controlli, stessi ID, stesse colonne (la ricerca rapida filtra le colonne 2 e 3) */
body.rdt #tblVisProdotti > tbody > tr > td { vertical-align: top; padding-top: 16px; padding-bottom: 16px; }
/* larghezze: le classi col-sm-* delle intestazioni davano il 58% alla descrizione e lasciavano poco al riquadro d'acquisto */
body.rdt #tblVisProdotti > thead > tr > th:nth-child(1) { width: 112px; }
body.rdt #tblVisProdotti > thead > tr > th:nth-child(2) { width: 120px; }
body.rdt #tblVisProdotti > thead > tr > th:nth-child(3) { width: auto; }
body.rdt #tblVisProdotti > thead > tr > th:nth-child(4), body.rdt #tblVisProdotti > tbody > tr > td:nth-child(4) { width: 270px; min-width: 240px; }
/* riga Best price: fondo ambra leggero con una barra a sinistra */
body.rdt #tblVisProdotti > tbody > tr.best-price > td { background: #FFFBF0; }
body.rdt #tblVisProdotti > tbody > tr.best-price > td:first-child { box-shadow: inset 3px 0 0 var(--rd-amber); }
/* foto */
body.rdt #tblVisProdotti .image-container-small { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; line-height: normal; padding: 6px; border: 1px solid var(--rd-line-2); border-radius: 12px; background: #FFFFFF; overflow: hidden; }
body.rdt #tblVisProdotti .image-container-small > img { max-width: 100%; max-height: 100%; object-fit: contain; }
body.rdt #tblVisProdotti .image-container-small > img.trade-dark, body.rdt #tblVisProdotti .image-container-small > img.trade-light { width: 100%; height: auto; padding: 8px 6px; border-radius: 8px; }
/* codice e descrizione */
body.rdt #tblVisProdotti > tbody > tr > td:nth-child(2) .small { margin-bottom: 2px; font-size: 12px; }
body.rdt #tblVisProdotti > tbody > tr > td:nth-child(3) > .pb-3 { padding-bottom: 6px !important; }
body.rdt #tblVisProdotti > tbody > tr > td:nth-child(3) > .pb-3 > strong { display: block; font-size: 15px; line-height: 1.35; }
body.rdt #tblVisProdotti [id$="divObsoleto"] { margin: 8px 0 0; padding: 8px 12px; font-size: 13px; }

/* riquadro d'acquisto */
body.rdt #tblVisProdotti .rdt-azioni-articolo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 10px 8px; width: 100%; max-width: 240px; margin-left: auto; padding: 12px; border: 1px solid var(--rd-line); border-radius: 12px; background: var(--rd-surface); }
body.rdt #tblVisProdotti .rdt-azioni-articolo > [id$="tblPrezzo"] { grid-column: 1 / -1; order: 0; display: flex; flex-direction: column; gap: 10px; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > [id$="tblPrezzo"] > div:first-child:not(:has(*)) { display: none; }
/* prezzo: grande, a sinistra; Best price a destra; prezzo di listino barrato e sconto sotto */
body.rdt #tblVisProdotti [id$="trPrezzo"] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
body.rdt #tblVisProdotti [id$="trPrezzo"] > .prod-price { order: 1; margin: 0; font-size: 22px; line-height: 1.15; }
body.rdt #tblVisProdotti [id$="trPrezzo"] > .rdt-tag { order: 2; margin-left: auto; }
body.rdt #tblVisProdotti [id$="trPrezzo"] > .prezzooriginale { order: 3; flex-basis: 100%; font-size: 12px; color: var(--rd-muted); text-decoration: line-through; }
body.rdt #tblVisProdotti [id$="trPrezzo"] > .scontoarticolo { order: 4; font-size: 12px; font-weight: 600; color: var(--rd-green-text); }
body.rdt #tblVisProdotti [id$="trBundle"], body.rdt #tblVisProdotti [id$="spDisponibilita"] { margin: 0 !important; }
body.rdt #tblVisProdotti [id$="spDisponibilita"] > .rdt-tag { white-space: normal; }
/* quantita` e carrello uniti in un solo campo */
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .form-inline, body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .my-form-table { display: flex; width: 100%; margin: 0; }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .form-group { flex: 1 1 auto; min-width: 0; margin: 0; }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .form-group .input-group { width: 100%; }
body.rdt #tblVisProdotti [id$="txtQuantita"] { width: 100% !important; height: 38px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: right; font-family: var(--rd-mono); }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .btn { flex: none; height: 38px; min-width: 48px; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .has-error [id$="txtQuantita"] { border-color: var(--rd-red); }
/* note della confezione e prezzo unitario */
body.rdt #tblVisProdotti [id$="trConfezionamento"], body.rdt #tblVisProdotti [id$="trPrezzoUnitario"] { margin: 0; font-size: 12px; color: var(--rd-muted); }
/* stessi pulsanti in ogni riga, sempre nello stesso posto in fondo al riquadro: «Mostra» (scheda dell'articolo) e «Modifica» (solo per chi puo` modificare),
   due pulsanti uguali affiancati; senza «Modifica» «Mostra» prende tutta la larghezza. Articolo disattivato: l'etichetta rossa resta accanto a «Modifica» */
body.rdt #tblVisProdotti .rdt-azioni-articolo > [id$="divMostra"] { order: 1; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-riga { order: 2; display: flex; align-items: stretch; gap: 6px; margin: 0; }
body.rdt #tblVisProdotti .rdt-azioni-articolo:has(> [id$="tblPrezzo"]) > [id$="divMostra"], body.rdt #tblVisProdotti .rdt-azioni-articolo:has(> [id$="tblPrezzo"]) > .rdt-riga { padding-top: 10px; border-top: 1px solid var(--rd-line-2); }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-riga:not(:has(a, .rdt-tag)) { display: none; }
body.rdt #tblVisProdotti .rdt-azioni-articolo:not(:has(.rdt-modifica, .rdt-riga .rdt-tag)) > [id$="divMostra"] { grid-column: 1 / -1; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-riga > .small { display: flex; flex: 1 1 auto; min-width: 0; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-riga > .small:empty { display: none; }
body.rdt #tblVisProdotti [id$="divMostra"] .btn, body.rdt #tblVisProdotti .rdt-azioni-articolo .rdt-modifica { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 34px; padding: 0 8px; font-size: 13px; white-space: nowrap; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-riga > .rdt-tag { align-self: center; }
@media (max-width: 767px) {
	body.rdt #tblVisProdotti > thead > tr > th:nth-child(4), body.rdt #tblVisProdotti > tbody > tr > td:nth-child(4) { width: auto; }
	body.rdt #tblVisProdotti .rdt-azioni-articolo { max-width: none; }
}

/* ---------- pulsanti con la sola icona accanto a una casella (barre dei filtri) e carrello dell'elenco prodotti ----------
   prima: pulsante del filtro piu` basso/stretto della casella e icona spostata (il pulsante "svuota" scrive anche uno spazio prima dell'icona);
   carrello alto 38 px con l'icona in alto. Ora: stessa altezza della casella (40 px), larghezza fissa e icona al centro */
body.rdt .rdt-toolbar .input-group-btn > .btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 46px; padding: 0 14px; line-height: 1; vertical-align: top; }
body.rdt .rdt-toolbar .input-group-btn > .btn > .fa { margin: 0; font-size: 14px; line-height: 1; }
body.rdt .rdt-toolbar .input-group-btn > button.btn[tabindex="-1"] { font-size: 0; }
/* ...e ovunque (finestre, schede prodotto, moduli): il pulsante accanto a una casella alta 40 px e` alto come la casella, con l'icona al centro;
   il pulsante "svuota" di CEStringaTextBox scrive uno spazio prima dell'icona, che la spostava */
body.rdt .input-group:has(> .form-control:not(.input-sm):not(.input-lg)) > .input-group-btn > .btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 46px; padding: 0 14px; line-height: 1; vertical-align: top; }
body.rdt .input-group:has(> .form-control:not(.input-sm):not(.input-lg)) > .input-group-btn > .btn > .fa { margin: 0; font-size: 14px; line-height: 1; }
body.rdt .input-group-btn > button.btn[tabindex="-1"]:has(> .fa-times) { font-size: 0; }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1; }
body.rdt #tblVisProdotti [id$="pnlAggiungiAlCarrello"] .btn > .fa { margin: 0; font-size: 15px; line-height: 1; }

/* ---------- accesso: registrazione di un nuovo utente (solo se il sito la consente) ----------
   nella pagina Login un pulsante secondario sotto «Accedi»; nella barra di accesso in testata un link accanto a «Password dimenticata».
   La barra di accesso senza campi (nella pagina Login il controllo e` nascosto) non resta piu` vuota con il solo titolo */
body.rdt .rdt-login-nuovo { margin-top: -4px; }
body.rdt .rdt-login-nuovo > .btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 40px; font-weight: 600; }
body.rdt a.rdt-login-registra { font-weight: 600; white-space: nowrap; }
body.rdt .rdt-loginbar:not(:has(input)) { display: none; }

/* «Esci dal cliente» accanto a «Cambia» nel riquadro del cliente corrente; su schermo stretto solo l'icona */
body.rdt .rdt-context-inner .rdt-context-esci { display: inline-flex; align-items: center; gap: 6px; }
body.rdt .rdt-context-inner .rdt-context-esci:hover { border-color: var(--rd-red); color: var(--rd-red-text); background: var(--rd-red-tint); }
@media (max-width: 1440px) { body.rdt .rdt-context-inner .rdt-context-esci > span { display: none; } }

/* ---------- icone nelle schede del menu e nel menu dell'utente ----------
   prima alcune voci avevano l'icona (Home, Amministrazione) e altre no: ora tutte. Solo CSS (Font Awesome 6, stile pieno): i link sono gli stessi,
   le voci si riconoscono dall'id del controllo o dall'indirizzo della pagina */
body.rdt .rdt-tabs > li > a[id$="lnkMasterProdotti"]:before, body.rdt .rdt-tabs > li > a[id$="lnkMasterCarrello"]:before, body.rdt .rdt-tabs > li > a[id$="lnkMasterCheckout"]:before,
body.rdt .rdt-tabs > li > a[href$="Riordino.aspx"]:before, body.rdt .rdt-tabs > li > a[href$="FiloOrdine.aspx"]:before, body.rdt .rdt-tabs > li > a[href$="AgenteClienti.aspx"]:before,
body.rdt .rdt-tabs > li[id$="liMasterOperazioni"] > a:before, body.rdt .rdt-tabs > li[id$="liMasterInformazioni"] > a:before
	{ font: 900 15px/1 "Font Awesome 6 Free"; width: 1.15em; text-align: center; }
body.rdt .rdt-tabs > li > a[href$="Riordino.aspx"]:before { content: "\f2f1"; } /* Riordino: frecce che girano */
body.rdt .rdt-tabs > li > a[id$="lnkMasterProdotti"]:before { content: "\f468"; } /* Prodotti: scatole */
body.rdt .rdt-tabs > li > a[id$="lnkMasterCarrello"]:before { content: "\f07a"; } /* Carrello */
body.rdt .rdt-tabs > li > a[id$="lnkMasterCheckout"]:before { content: "\f788"; } /* Cassa */
body.rdt .rdt-tabs > li > a[href$="FiloOrdine.aspx"]:before { content: "\f570"; } /* Ordini e documenti: fattura */
body.rdt .rdt-tabs > li > a[href$="AgenteClienti.aspx"]:before { content: "\f0c0"; } /* I miei clienti: persone */
body.rdt .rdt-tabs > li[id$="liMasterOperazioni"] > a:before { content: "\f0ae"; } /* Operazioni: elenco di attivita` */
body.rdt .rdt-tabs > li[id$="liMasterInformazioni"] > a:before { content: "\f05a"; } /* Informazioni */
/* menu dell'utente (in alto a destra) */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id]:before { display: inline-block; width: 1.25em; margin-right: 8px; font: 900 14px/1 "Font Awesome 6 Free"; text-align: center; color: var(--rd-muted); }
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="lnkWelcome"]:before { content: "\f0ae"; } /* Operazioni */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="cslAnagrafica"]:before { content: "\f2c2"; } /* I miei dati: tessera */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="cslMyIndSped"]:before { content: "\f0d1"; } /* Indirizzi di spedizione: camion */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="cslMyAccounts"]:before { content: "\f1ad"; } /* Account / altri clienti: edificio */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="clbDisconnetti"]:before { content: "\f2f5"; } /* Disconnetti: uscita */
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="clbDisconnetti"] { color: var(--rd-red-text); }
body.rdt .rdt-tools-list .dropdown-menu > li > a[id$="clbDisconnetti"]:before { color: var(--rd-red); }
body.rdt .rdt-tools-list .dropdown-menu > li > a[id]:hover:before { color: var(--rd-petrol); }

/* ---------- icone a sinistra nelle categorie della colonna laterale (come nel menu) ----------
   categorie principali: cartella (aperta per quella scelta); «Prodotti Best Price»: il pollice passa da destra a sinistra; «Naviga per Marchio»: etichette;
   «Preferiti»: stella. Solo CSS, stessi link */
body.rdt #sidebar #submenu > .list-group-item > a { display: flex; align-items: center; gap: 9px; }
body.rdt #sidebar #submenu > li[id$="liCat"] > a:before, body.rdt #sidebar #submenu > li[id$="liNavigaMarchio"] > a:before, body.rdt #sidebar #submenu > li[id$="liProdottiPreferiti"] > a:before
	{ flex: none; width: 1.25em; font: 900 14px/1 "Font Awesome 6 Free"; text-align: center; color: var(--rd-muted); }
body.rdt #sidebar #submenu > li[id$="liCat"] > a:before { content: "\f07b"; }
body.rdt #sidebar #submenu > li[id$="liCat"].active > a:before { content: "\f07c"; color: var(--rd-petrol); }
body.rdt #sidebar #submenu > li[id$="liNavigaMarchio"] > a:before { content: "\f02c"; }
body.rdt #sidebar #submenu > li[id$="liProdottiPreferiti"] > a:before { content: "\f005"; }
body.rdt #sidebar #submenu > .list-group-item > a:hover:before { color: var(--rd-petrol); }
body.rdt #sidebar #submenu > .list-best-price > a > .fa-thumbs-up { order: -1; float: none !important; flex: none; width: 1.25em; margin: 0; font-size: 14px; line-height: 1; text-align: center; color: var(--rd-amber-text); }

/* ---------- menu del carrello in testata: icone come nel menu dell'utente ---------- */
body.rdt .rdt-cart .dropdown-menu > li > a[id]:before { display: inline-block; width: 1.25em; margin-right: 8px; font: 900 14px/1 "Font Awesome 6 Free"; text-align: center; color: var(--rd-muted); }
body.rdt .rdt-cart .dropdown-menu > li > a[id$="cslCarrelloGuarda2"]:before { content: "\f07a"; }
body.rdt .rdt-cart .dropdown-menu > li > a[id$="cslCarrelloCassa2"]:before { content: "\f788"; }
body.rdt .rdt-cart .dropdown-menu > li > a[id$="lnkCarrelliInAttesa"]:before { content: "\f017"; }
body.rdt .rdt-cart .dropdown-menu > li > a[id]:hover:before { color: var(--rd-petrol); }
body.rdt .rdt-cart .dropdown-menu > li.dropdown-header:before { content: "\f05a"; margin-right: 6px; font: 900 11px/1 "Font Awesome 6 Free"; }

/* ---------- «Utente non abilitato» (pagine con trAccessDenied / divNotAllowed, trasformate dallo script dei master) ---------- */
body.rdt .rdt-negato { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 560px; margin: 24px auto; padding: 32px 28px; text-align: center; border: 1px solid var(--rd-line); border-radius: 16px; background: var(--rd-surface); }
body.rdt .rdt-negato-icona { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--rd-red-tint); color: var(--rd-red); font-size: 26px; }
body.rdt .rdt-negato > h2 { margin: 4px 0 0; font-size: 22px; color: var(--rd-ink); }
body.rdt .rdt-negato > p { margin: 0; max-width: 440px; color: var(--rd-ink-2); font-size: 15px; line-height: 1.55; }
body.rdt .rdt-negato-azioni { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
body.rdt .rdt-negato-azioni .btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; }

/* ---------- scheda prodotto senza foto: segnaposto nella colonna della foto ---------- */
body.rdt .rdt-foto-assente > .rdt-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 320px; border-style: dashed; background: repeating-linear-gradient(135deg, var(--rd-surface-2) 0 14px, var(--rd-surface) 14px 28px); color: var(--rd-muted); }
body.rdt .rdt-foto-assente-icona { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--rd-surface); border: 1px solid var(--rd-line); font-size: 36px; color: var(--rd-muted); }
body.rdt .rdt-foto-assente-testo { font-size: 14px; font-weight: 600; letter-spacing: 0.02em; }
@media (max-width: 991px) { body.rdt .rdt-foto-assente > .rdt-card { min-height: 180px; margin-bottom: 16px; } }

/* ---------- icone nelle «Operazioni di amministrazione» della barra laterale (master LightDefault) ----------
   al posto della freccina uguale per tutte, un'icona per voce come nelle altre voci della barra. Le voci vengono da OperationsAdmin.ascx
   e si riconoscono dall'id del <li>; una voce nuova senza regola qui tiene la freccina */
body.rdt #adminsideops > li.rdt-side-item[id] > a::before { font: 900 14px/1 "Font Awesome 6 Free"; }
body.rdt #adminsideops > li.rdt-side-item[id$="liCollegaArticoliErgo"] > a::before { content: "\f0c1"; } /* Collegamento articoli orfani Ergo: catena */
body.rdt #adminsideops > li.rdt-side-item[id$="liLogCarrelli"] > a::before { content: "\f46d"; } /* Ricerca log carrelli: elenco */
body.rdt #adminsideops > li.rdt-side-item[id$="liForToOrderDashboard"] > a::before { content: "\f625"; } /* ForToOrder: cruscotto */
body.rdt #adminsideops > li.rdt-side-item[id$="liGestioneUtenti"] > a::before { content: "\f0c0"; } /* Gestione utenti: persone */
body.rdt #adminsideops > li.rdt-side-item[id$="liExpiredUsers"] > a::before { content: "\f017"; } /* Utenti scaduti: orologio */
body.rdt #adminsideops > li.rdt-side-item[id$="liAccessoNuovoCliente"] > a::before { content: "\f234"; } /* Accesso a un nuovo cliente: persona con + */
body.rdt #adminsideops > li.rdt-side-item[id$="liImmagini"] > a::before { content: "\f03e"; } /* Gestione immagini */
body.rdt #adminsideops > li.rdt-side-item[id$="liAmministrazione"] > a::before { content: "\f1c0"; } /* Amministrazione sito: database */
body.rdt #adminsideops > li.rdt-side-item[id$="liEtichette"] > a::before { content: "\f02b"; } /* Etichette: etichetta */
body.rdt #adminsideops > li.rdt-side-item[id$="liIntestazioniCaratteristiche"] > a::before { content: "\f0ca"; } /* Intestazioni caratteristiche: elenco puntato */
body.rdt #adminsideops > li.rdt-side-item[id$="liCategorie"] > a::before { content: "\f802"; } /* Categorie: albero di cartelle */
body.rdt #adminsideops > li.rdt-side-item[id$="liMarchi"] > a::before { content: "\f02c"; } /* Marchi: etichette */
body.rdt #adminsideops > li.rdt-side-item[id$="liStagioni"] > a::before { content: "\f073"; } /* Stagioni: calendario */
body.rdt #adminsideops > li.rdt-side-item[id$="liClientiQuantitaIniziali"] > a::before { content: "\f1b3"; } /* Quantita` iniziali cliente: cubi */
body.rdt #adminsideops > li.rdt-side-item[id$="liCategorieContinuativi"] > a::before { content: "\f01e"; } /* Categorie continuativi: freccia che gira */
body.rdt #adminsideops > li.rdt-side-item[id$="liLostPassword"] > a::before { content: "\f084"; } /* Password dimenticata: chiave */
body.rdt #adminsideops > li.rdt-side-item[id$="liNoteSpeseSpedizione"] > a::before { content: "\f0d1"; } /* Note spese spedizione: camion */
body.rdt #adminsideops > li.rdt-side-item[id$="liRegistrazioneContatti"] > a::before { content: "\f2bb"; } /* Registrazioni contatti: tessera */
body.rdt #adminsideops > li.rdt-side-item[id$="liWebSessions"] > a::before { content: "\f390"; } /* Sessioni utente: schermo */

/* ---------- «Modifica stringhe» nella colonna laterale: icona come le voci sopra, testo allineato, interruttore al posto della casella ----------
   solo CSS: e` la stessa casella (asp:CheckBox con AutoPostBack), disegnata come interruttore; ASP.NET la scrive come <input> + <label>
   (dentro uno <span> se ha attributi: in quel caso lo <span> non conta per il layout) */
body.rdt .rdt-side-card[id$="trModificaStrings"] { display: flex; align-items: center; gap: 10px; padding: 12px 16px; }
body.rdt .rdt-side-card[id$="trModificaStrings"] > span { display: contents; }
body.rdt .rdt-side-card[id$="trModificaStrings"] label { order: 1; flex: 1; display: flex; align-items: center; gap: 9px; margin: 0; font-size: 14px; font-weight: 500; color: var(--rd-ink-2); cursor: pointer; }
body.rdt .rdt-side-card[id$="trModificaStrings"] label:before { content: "\f044"; flex: none; width: 1.25em; font: 900 14px/1 "Font Awesome 6 Free"; text-align: center; color: var(--rd-muted); }
body.rdt .rdt-side-card[id$="trModificaStrings"] input[type="checkbox"] { order: 2; flex: none; position: relative; width: 36px; height: 20px; margin: 0; border-radius: 999px; background: var(--rd-line); -webkit-appearance: none; appearance: none; cursor: pointer; transition: background-color .15s; }
body.rdt .rdt-side-card[id$="trModificaStrings"] input[type="checkbox"]:before { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s; }
body.rdt .rdt-side-card[id$="trModificaStrings"] input[type="checkbox"]:checked { background: var(--rd-petrol); }
body.rdt .rdt-side-card[id$="trModificaStrings"] input[type="checkbox"]:checked:before { transform: translateX(16px); }
body.rdt .rdt-side-card[id$="trModificaStrings"] input[type="checkbox"]:focus-visible { outline: 2px solid var(--rd-petrol); outline-offset: 2px; }
body.rdt .rdt-side-card[id$="trModificaStrings"]:has(input:checked) label { color: var(--rd-ink); }
body.rdt .rdt-side-card[id$="trModificaStrings"]:has(input:checked) label:before, body.rdt .rdt-side-card[id$="trModificaStrings"]:hover label:before { color: var(--rd-petrol); }

/* ---------- caselle di spunta come interruttore (stesso disegno di «Modifica stringhe») ----------
   dove la casella accende/spegne un'opzione: caselle con testo nei moduli (.rdt-check), nelle pagine Impostazioni, «solo disponibili»
   nella colonna della ricerca. Restano caselle: quelle senza testo (selezione delle righe nelle griglie, «seleziona tutto»)
   e quelle con la classe rdt-casella (conferme prima di cancellare, consensi privacy/newsletter, scelte multiple dei referenti).
   Solo aspetto: e` sempre la stessa <input type="checkbox">, con gli stessi eventi e postback */
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label),
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label),
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]
	{ flex: none; position: relative; width: 36px; height: 20px; margin: 0 8px 0 0; vertical-align: middle; border-radius: 999px; background: var(--rd-line);
	  -webkit-appearance: none; appearance: none; cursor: pointer; transition: background-color .15s; }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label):before,
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label):before,
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]:before
	{ content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s; }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label):checked,
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label):checked,
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]:checked { background: var(--rd-petrol); }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label):checked:before,
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label):checked:before,
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]:checked:before { transform: translateX(16px); }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label):focus-visible,
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label):focus-visible,
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]:focus-visible { outline: 2px solid var(--rd-petrol); outline-offset: 2px; }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"]:has(+ label):disabled,
body.rdt .table-impostazioni td input[type="checkbox"]:has(+ label):disabled,
body.rdt .search-sidebar input[type="checkbox"][id$="chkDisponibili"]:disabled { opacity: .5; cursor: not-allowed; }
body.rdt .rdt-check:not(.rdt-casella):has(> input[type="checkbox"] + label) { align-items: flex-start; gap: 0; }
body.rdt .rdt-check:not(.rdt-casella) > input[type="checkbox"] + label, body.rdt .table-impostazioni td input[type="checkbox"] + label { margin-left: 0; cursor: pointer; vertical-align: middle; }
body.rdt .table-impostazioni td span.form-control:has(> input[type="checkbox"] + label) { display: flex; align-items: center; height: auto; min-height: 40px; }

/* ---------- riquadro del cliente senza cliente scelto: stato vuoto (icona, titolo, aiuto, pulsante) ----------
   al posto della frase «Cliccare sul tasto a fianco...» in carattere monospazio con il pulsante «Cambia» accanto */
body.rdt .rdt-context-inner:has(> .rdt-context-vuoto) { padding: 4px 4px 4px 6px; border-style: dashed; background: var(--rd-surface); }
body.rdt .rdt-context-inner:has(> .rdt-context-vuoto) > .rdt-context-testo,
body.rdt .rdt-context-inner:has(> .rdt-context-vuoto) > [id$="btnCustomerImpersonation"] { display: none; }
body.rdt .rdt-context-vuoto { display: flex; align-items: center; gap: 10px; min-width: 0; color: inherit; text-decoration: none; }
body.rdt .rdt-context-vuoto:hover, body.rdt .rdt-context-vuoto:focus { color: inherit; text-decoration: none; }
body.rdt .rdt-context-vuoto-icona { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--rd-petrol-tint); color: var(--rd-petrol); font-size: 16px; }
body.rdt .rdt-context-vuoto-testo { min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
body.rdt .rdt-context-vuoto-testo > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; color: var(--rd-ink); }
body.rdt .rdt-context-vuoto-testo > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--rd-muted); }
body.rdt .rdt-context-vuoto > .btn { flex: none; display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; }
body.rdt .rdt-context-inner:has(> .rdt-context-vuoto:hover) { border-color: var(--rd-petrol); }
@media (max-width: 1440px) { body.rdt .rdt-context-vuoto-testo > small { display: none; } }

/* ---------- «Indietro» nella home: nascosto ma con il suo spazio (BackButton.ascx.cs aggiunge rdt-back-nascosto) ---------- */
body.rdt ol.breadcrumb.ces-navigator > li:first-child > a.rdt-back-nascosto,
body.rdt ol.breadcrumb.ces-navigator > li:first-child:has(> a.rdt-back-nascosto) + li:before { visibility: hidden; }

/* ---------- Naviga per Marchio: schede tutte uguali in griglia ----------
   prima Masonry metteva le schede a incastro con altezze diverse; ora griglia a righe: stessa larghezza, stessa altezza da chiuse.
   Masonry (js/function.js) scrive posizioni in linea sugli elementi: le annullo qui (!important vince sugli stili in linea) */
body.rdt #container.rdt-marchi { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); align-items: start; gap: 20px; height: auto !important; margin: 0; }
body.rdt #container.rdt-marchi:before, body.rdt #container.rdt-marchi:after { display: none; }
body.rdt #container.rdt-marchi > .row { display: contents; }
body.rdt #container.rdt-marchi .item { position: static !important; left: auto !important; top: auto !important; float: none; width: auto; min-width: 0; padding: 0; }
body.rdt #container.rdt-marchi .rdt-marchio { margin: 0; }
body.rdt #container.rdt-marchi .rdt-marchio > .panel-body { display: flex; flex-direction: column; justify-content: center; min-height: 128px; }
body.rdt #container.rdt-marchi .rdt-marchio > .panel-body > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* riga di riepilogo con la freccia (creata dallo script della pagina) e elenco chiuso */
body.rdt .rdt-marchio-riepilogo { display: flex; align-items: center; gap: 8px; width: 100%; height: 42px; padding: 0 14px; border: 0; border-top: 1px solid var(--rd-line-2); background: transparent; font-size: 13px; color: var(--rd-ink-2); text-align: left; cursor: pointer; }
body.rdt .rdt-marchio-riepilogo > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.rdt .rdt-marchio-riepilogo > .fa-solid { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--rd-surface-2); color: var(--rd-muted); font-size: 11px; transition: transform .15s, background-color .15s, color .15s; }
body.rdt .rdt-marchio-riepilogo:hover { background: var(--rd-petrol-row); color: var(--rd-petrol-dark); }
body.rdt .rdt-marchio-riepilogo:hover > .fa-solid { background: var(--rd-petrol-tint); color: var(--rd-petrol); }
body.rdt .rdt-marchio-riepilogo:focus-visible { outline: 2px solid var(--rd-petrol); outline-offset: -2px; }
body.rdt .rdt-marchio:has(> .rdt-marchio-riepilogo):not(.rdt-aperto) > .list-group { display: none; }
body.rdt .rdt-marchio.rdt-aperto > .rdt-marchio-riepilogo { color: var(--rd-petrol-dark); font-weight: 600; }
body.rdt .rdt-marchio.rdt-aperto > .rdt-marchio-riepilogo > .fa-solid { transform: rotate(180deg); background: var(--rd-petrol-tint); color: var(--rd-petrol); }
body.rdt .rdt-marchio.rdt-aperto { border-color: var(--rd-petrol); }
/* una sola riga: stessa altezza della riga di riepilogo */
body.rdt .rdt-marchio.rdt-marchio-singolo > .list-group { padding: 0; }
body.rdt .rdt-marchio.rdt-marchio-singolo > .list-group > .list-group-item > a { height: 41px; }
body.rdt .rdt-marchio.rdt-marchio-singolo > .list-group > .list-group-item:not(:has(> a)) { display: flex; align-items: center; height: 41px; padding: 0 14px; }

/* ---------- pulsanti che svuotano la ricerca, disattivati quando non c'e` niente da svuotare (script dei master) ---------- */
body.rdt .input-group-btn > button.btn[tabindex="-1"]:disabled { opacity: .4; background: var(--rd-surface); cursor: not-allowed; box-shadow: none; }
body.rdt .btn.rdt-pulisci-vuoto { opacity: .45; cursor: not-allowed; box-shadow: none; }

/* ---------- pagina Prodotti: barre sopra l'elenco, impostazioni della pagina, foto assente ----------
   ricerca per descrizione e ingranaggio delle impostazioni sulla stessa riga (prima l'ingranaggio andava da solo su una seconda riga) */
body.rdt .rdt-toolbar:has(> [id$="divRicercaDescrizione"]) { flex-wrap: nowrap; align-items: center; }
body.rdt .rdt-toolbar:has(> [id$="divRicercaDescrizione"]) > [id$="divRicercaDescrizione"] { flex: 1 1 auto; min-width: 0; }
body.rdt .rdt-toolbar:has(> [id$="divRicercaDescrizione"]) > .rdt-toolbar-azioni { flex: none; }
body.rdt .rdt-toolbar:has(> [id$="divRicercaDescrizione"]) > .rdt-toolbar-azioni > .btn { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 40px; padding: 0; }
/* filtro veloce: «solo disponibili» e conteggio a sinistra, lettere a destra, tutto su una riga (prima tre righe in un riquadro alto) */
body.rdt [id$="divBtnSvp"].rdt-toolbar { align-items: center; gap: 10px 16px; padding: 10px 16px; }
body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-check { order: 1; flex: none; min-height: 32px; }
body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-nota { order: 2; display: inline-flex; align-items: center; gap: 6px; margin-right: auto; padding-left: 16px; border-left: 1px solid var(--rd-line); white-space: nowrap; }
body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-nota > .badge:empty { display: none; }
body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-toolbar-azioni { order: 3; flex: 0 1 auto; gap: 6px; }
body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-toolbar-azioni > .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px; font-weight: 600; }
@media (max-width: 767px) { body.rdt [id$="divBtnSvp"].rdt-toolbar > .rdt-nota { padding-left: 0; border-left: 0; } }
/* finestra «Impostazioni pagina»: l'interruttore allineato alla casella del numero di prodotti, non alla sua etichetta */
body.rdt #modalPageSettings .rdt-campi { align-items: end; }
body.rdt #modalPageSettings [id$="divPageSettingsNascondiNonDisponibili"] { display: flex; align-items: center; align-self: end; min-height: 40px; }
/* foto assente nell'elenco: segnaposto della stessa misura delle foto */
body.rdt #tblVisProdotti .image-container-small.rdt-foto-assente-mini { border: 1px dashed var(--rd-line); background: var(--rd-surface-2); color: #B5BAB2; font-size: 26px; }
/* «Prodotti preferiti» nella colonna laterale: il testo della stringa contiene gia` una stella, che si sommava a quella del menu */
body.rdt #sidebar #submenu > li[id$="liProdottiPreferiti"] > a > .fa { display: none; }

/* ---------- icone dentro i testi delle stringhe (es. «Welcome.Favorites» = stella + «Prodotti preferiti») ----------
   nel percorso l'icona stava attaccata al testo: la tolgo; nel titolo resta, staccata e color ambra */
body.rdt ol.breadcrumb.ces-navigator > li.active > i.fa { display: none; }
body.rdt .title-area h1 > i.fa { margin-right: 12px; font-size: .85em; vertical-align: 1px; }
body.rdt .title-area h1 > i.fa-star { color: var(--rd-amber); }

/* ---------- finestra «Aggiungi al carrello» (CartAdder / ProductDetailAddToCart) ----------
   il menu dei prezzi (≡ accanto a «Prezzo») si apriva verso destra e usciva dalla finestra: compariva la barra orizzontale
   e il contenuto scorreva tagliando la parte sinistra. Ora si apre verso sinistra, dentro la finestra */
body.rdt [id$="divDettaglioCosti"] > .dropdown-menu { left: auto; right: 0; min-width: 120px; padding: 6px 0; }
body.rdt [id$="divDettaglioCosti"] > .dropdown-menu > li { padding: 3px 12px; font-family: var(--rd-mono); text-align: right; }
body.rdt [id$="divDettaglioCosti"] > .dropdown-menu > li:empty, body.rdt [id$="divDettaglioCosti"] > .dropdown-menu > li:not(:has(b:not(:empty))) { display: none; }
body.rdt .modal-body.modal-body-hs { overflow-x: hidden; }

/* ---------- Prodotti: pulsante del carrello dentro il riquadro del prezzo, in alto a destra accanto al prezzo ---------- */
body.rdt #tblVisProdotti .rdt-azioni-articolo { position: relative; }
body.rdt #tblVisProdotti .rdt-azioni-articolo:has(> .rdt-carrello-riquadro) { max-width: 270px; }
body.rdt #tblVisProdotti > thead > tr > th:nth-child(4), body.rdt #tblVisProdotti > tbody > tr > td:nth-child(4) { width: 300px; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-carrello-riquadro { position: absolute; top: 12px; right: 12px; z-index: 1; }
body.rdt #tblVisProdotti .rdt-azioni-articolo:has(> .rdt-carrello-riquadro) > [id$="tblPrezzo"] { padding-right: 58px; }
body.rdt #tblVisProdotti .rdt-azioni-articolo > .rdt-carrello-riquadro .btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 40px; padding: 0; }
/* articolo senza prezzo (riquadro del prezzo nascosto): il pulsante sta nella griglia, su una riga sua */
body.rdt #tblVisProdotti .rdt-azioni-articolo:not(:has(> [id$="tblPrezzo"])) > .rdt-carrello-riquadro { position: static; grid-column: 1 / -1; justify-self: end; }

/* ---------- testata: il cliente corrente in una barra a tutta larghezza sotto le schede ----------
   prima stava a destra delle schede e, quando non c'era posto, andava a capo da solo sotto a destra (storto). Ora ha sempre la sua riga:
   a sinistra cliente e codice su una riga, a destra i pulsanti. Sui telefoni (< 768 px) resta com'era, accanto al pulsante Menu */
@media (min-width: 768px) {
	body.rdt .rdt-context { order: 10; flex: 1 1 100%; justify-content: stretch; padding: 0 0 10px; }
	body.rdt .rdt-context-inner { flex: 1 1 auto; flex-wrap: nowrap; gap: 12px; max-width: none; padding: 5px 6px 5px 12px; border-color: var(--rd-line-2); border-radius: 10px; background: var(--rd-surface-2); }
	body.rdt .rdt-context-inner:not(:has(> .rdt-context-vuoto)):before { content: "\f1ad"; flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--rd-petrol-tint); color: var(--rd-petrol); font: 900 13px/1 "Font Awesome 6 Free"; }
	body.rdt .rdt-context-inner > .rdt-context-testo { flex: 1 1 auto; flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 14px; }
	body.rdt .rdt-context-inner > .rdt-context-testo > .rdt-context-name { flex: 0 1 auto; }
	body.rdt .rdt-context-inner > .rdt-context-testo > .rdt-context-code { flex: none; }
	body.rdt .rdt-context-inner .rdt-context-esci > span { display: inline; }
	/* nessun cliente scelto: icona, titolo e aiuto su una riga, pulsante a destra */
	body.rdt .rdt-context-inner:has(> .rdt-context-vuoto) { padding: 4px 6px; background: var(--rd-surface); }
	body.rdt .rdt-context-inner > .rdt-context-vuoto { flex: 1 1 auto; }
	body.rdt .rdt-context-vuoto-icona { width: 30px; height: 30px; border-radius: 8px; font-size: 14px; }
	body.rdt .rdt-context-vuoto-testo { flex: 1 1 auto; flex-direction: row; align-items: baseline; gap: 12px; }
	body.rdt .rdt-context-vuoto-testo > small { display: block; }
	body.rdt .rdt-context-vuoto > .btn { margin-left: auto; }
}

/* ---------- Prodotti preferiti / Storico acquisti (SalesHistory.aspx, tabella #tblSalesHistory) ----------
   intestazioni allineate in basso (una era su due righe), righe centrate in verticale, prezzo in evidenza con la quantita` sotto,
   giacenza / in arrivo come etichette, pulsanti tutti della stessa misura */
body.rdt #tblSalesHistory > thead > tr > th { vertical-align: bottom; white-space: nowrap; line-height: 1.35; }
body.rdt #tblSalesHistory > tbody > tr > td { vertical-align: middle; padding-top: 14px; padding-bottom: 14px; }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(1) { font-family: var(--rd-mono); font-size: 13px; color: var(--rd-ink-2); white-space: nowrap; }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(2) { white-space: nowrap; }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(3) strong { font-weight: 600; }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(4) { font-size: 12px; color: var(--rd-muted); white-space: nowrap; }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(4) > b { display: inline-block; margin-bottom: 2px; font-family: var(--rd-mono); font-size: 14px; color: var(--rd-ink); }
body.rdt #tblSalesHistory > tbody > tr > td:nth-of-type(5) { white-space: nowrap; }
body.rdt #tblSalesHistory .addtocart-detail { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 0 4px; padding: 2px 8px; border-radius: 999px; background: var(--rd-surface-2); font-size: 12px; color: var(--rd-ink-2); }
body.rdt #tblSalesHistory .addtocart-detail small { font-size: 12px; }
body.rdt #tblSalesHistory .addtocart-detail .fa { font-size: 11px; color: var(--rd-muted); }
body.rdt #tblSalesHistory .addtocart-detail b { font-family: var(--rd-mono); font-weight: 600; }
body.rdt #tblSalesHistory td .prod-price { margin-top: 6px; font-family: var(--rd-mono); font-size: 16px; font-weight: 700; color: var(--rd-ink); }
body.rdt #tblSalesHistory .rdt-col-azione .btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 36px; padding: 0; }
body.rdt #tblSalesHistory .rdt-col-azione .btn > .fa { margin: 0; font-size: 14px; }
body.rdt #tblSalesHistory .rdt-col-azione .btn:has(> .fa-trash):hover { border-color: var(--rd-red); color: var(--rd-red-text); background: var(--rd-red-tint); }
body.rdt #tblSalesHistory + * , body.rdt .rdt-tabella:has(> #tblSalesHistory) { margin-bottom: 16px; }

/* ---------- calendario: viste dei mesi, degli anni e dei decenni ----------
   la regola del tema «ogni cella 34 px» valeva anche per la cella unica (colspan) che contiene mesi / anni e per il titolo «2020-2029»:
   la cella si stringeva e gli anni si sovrapponevano. Qui le celle con colspan tornano larghe e mesi/anni sono una griglia di 4 per riga */
body.rdt .datepicker table { min-width: 238px; }
body.rdt .datepicker table tr td[colspan], body.rdt .datepicker table tr th[colspan] { width: auto; height: auto; }
body.rdt .datepicker table tr th.datepicker-switch { white-space: nowrap; font-weight: 600; }
body.rdt .datepicker table tr td[colspan] { padding: 4px 0; }
body.rdt .datepicker table tr td[colspan] > span { display: block; float: left; width: 23%; height: 44px; margin: 1%; line-height: 44px; border-radius: 8px; font-size: 13px; text-align: center; cursor: pointer; }
body.rdt .datepicker table tr td[colspan] > span.old, body.rdt .datepicker table tr td[colspan] > span.new { color: #A9AFA6; }
body.rdt .datepicker table tr td[colspan] > span.focused { background: var(--rd-surface-2); }
body.rdt .datepicker tfoot tr th { height: 34px; border-radius: 8px; font-weight: 600; cursor: pointer; }
body.rdt .datepicker tfoot tr th:hover { background: var(--rd-petrol-tint); color: var(--rd-petrol-dark); }

/* ---------- tempi della ricerca articoli (solo per chi li puo` vedere, in fondo alla pagina) ----------
   non e` un'informazione importante: chiusa in un piccolo pulsante «Tempi della ricerca» sotto il piede, si apre e si chiude a richiesta
   e il browser ricorda la scelta (TempiRicercaArticolo.ascx) */
body.rdt .rdt-footer > div[id$="updTempi"] { order: 99; flex: 1 1 100%; margin-top: 4px; }
body.rdt .rdt-footer > div[id$="updTempi"]:not(:has(*)) { display: none; }
body.rdt details.rdt-tempi { max-width: 760px; margin: 0 auto; text-align: center; }
body.rdt details.rdt-tempi > summary { display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px; border: 1px solid var(--rd-line); border-radius: 999px; background: var(--rd-surface); color: var(--rd-muted); font-size: 12px; cursor: pointer; list-style: none; user-select: none; }
body.rdt details.rdt-tempi > summary::-webkit-details-marker { display: none; }
body.rdt details.rdt-tempi > summary:after { content: "\f107"; font: normal 12px/1 FontAwesome; }
body.rdt details.rdt-tempi[open] > summary:after { content: "\f106"; }
body.rdt details.rdt-tempi > summary:hover, body.rdt details.rdt-tempi > summary:focus-visible { border-color: var(--rd-petrol); color: var(--rd-petrol); }
body.rdt details.rdt-tempi > .panel { margin: 8px 0 0; padding: 10px 14px; border: 1px dashed var(--rd-line); border-radius: 10px; background: var(--rd-surface); box-shadow: none; font: 12px/1.6 var(--rd-mono); color: var(--rd-muted); text-align: left; }
body.rdt details.rdt-tempi > .panel ul { margin: 0; padding: 0; list-style: none; }
body.rdt details.rdt-tempi > .panel li { white-space: pre-wrap; }