/* Iperius ONE — site-specific overrides */

/* Logo: both logo files are 512x128 - override LUTCH default max-height:35px */
.desktoplogo img {
    max-height: none;
    height: 46px;
    width: auto;
}

/* Footer logo */
img.footer-logo {
    max-height: none;
    height: 46px;
    width: auto;
}

/* Footer info text — offset to match logo artwork left edge */
.footer-info p {
    padding-left: 16px;
}

/* Hero: use demo-9 background image (dark gradient) on the hero-14 layout */
.hero-14 {
    background-image: url(../images/hero-9.jpg);
    background-attachment: fixed;
}

/* ---- Language flag dropdown ---- */

/* Flag button in nav bar */
.lang-flag-item > a.h-link {
    line-height: 80px;
    padding: 0 10px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Current language flag (shown in nav bar) */
.lang-flag-current {
    height: 18px;
    width: auto;
    vertical-align: middle;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

/* Small flag in submenu */
.lang-flag-sm {
    height: 16px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Submenu language links */
.lang-submenu li a {
    display: flex;
    align-items: center;
    padding: 8px 22px !important;
    font-size: 0.9rem;
    white-space: nowrap;
}

/* Highlight current language */
.lang-submenu a.lang-active {
    color: var(--purple) !important;
    font-weight: 700;
}

/* Cart / Account icons in nav bar */
.nav-cart-item > a.nav-cart-link,
.nav-account-item > a.nav-account-link {
    height: 80px;
    padding: 0 12px;
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
}

.nav-cart-item svg,   .nav-account-item svg,
.nav-cart-item img,   .nav-account-item img {
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.nav-cart-item a:hover svg,  .nav-account-item a:hover svg,
.nav-cart-item a:hover img,  .nav-account-item a:hover img {
    opacity: 0.75;
}

/* ---- Pagine interne (non-hero): offset per navbar fixed transparent ---- */
/* pt-100 lascia solo ~20px sotto la navbar di 80px; queste pagine usano    */
/* una sezione di contenuto che parte da y=0, quindi servono 160px.         */
.sect-pt { padding-top: 180px; }

/* Footer container: allineato a .wsmainwp (max-width:1140px, padding:0 15px) */
.footer-inner {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}

/* ---- Wrapper panel per tabelle dinamiche (carrello / order-summary) ---- */
/* Nessun padding interno: la tabella arriva a filo del bordo arrotondato.   */
/* overflow:hidden garantisce che le celle rispettino il border-radius.      */
.table-panel {
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #ddd6ff;
    box-shadow: 0 4px 20px rgba(90,70,180,0.08);
}

/* ---- Tabella carrello / order-summary (generata da cartBase / order_summaryBase) ----
   Il VB genera classi (cart-th, cart-td-product, ecc.) CON inline style per retrocompatibilità
   con backup/remote. Il CSS ONE sovrascrive con !important dove gli inline style collidono. */
table.table-clean {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    margin: 0;
}

/* Header: bianco con testo uppercase viola — sovrascrive inline background:#e6ebfb */
table.table-clean thead th.cart-th {
    background-color: #f3f0ff !important;
    color: #5b4fcf !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 16px 24px !important;
    border-bottom: 2px solid #ede8ff;
    vertical-align: middle;
    white-space: nowrap;
}

table.table-clean thead th.cart-th-center { text-align: center !important; }
table.table-clean thead th.cart-th-right  { text-align: right  !important; }

.cart-iva-note {
    font-size: 11px !important;
    opacity: .75;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

/* Celle dati: bianco esplicito */
table.table-clean td {
    padding: 18px 24px;
    border-bottom: 1px solid #ede8ff;
    vertical-align: middle;
    background-color: #fff;
}

/* Separatori verticali */
table.table-clean td + td { border-left: 1px solid #ede8ff; }

/* Ultima riga */
table.table-clean tr:last-child > td { border-bottom: none; }

/* Colonne carrello */
table.table-clean td.cart-td-product { width: auto; }
table.table-clean td.cart-td-price   { text-align: center; }
table.table-clean td.cart-td-qty     { text-align: center; white-space: nowrap; }
table.table-clean td.cart-td-remove  { text-align: center; white-space: nowrap; }

/* Colonne specifiche order-summary */
table.table-clean td.type      { width: 55%; }
table.table-clean td.quantity  { width: 12%; text-align: center; }
table.table-clean td.priceitem { text-align: right; font-weight: 600; }

/* Nome prodotto: flex column per spacing compatto senza dipendere dai <br> generati dal VB */
.cart-product-name {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    color: #222 !important;
    font-weight: 600;
    font-size: 15px;
}
.cart-product-name br { display: none; }
small.cart-product-type { font-size: 13px; color: #777; font-weight: 400; }
.cart-product-cell { display: flex; align-items: flex-start; gap: 14px; }
.cart-product-icon { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid #ede8ff; background: #f8f7ff; }

.cart-price {
    color: #222 !important;
    font-weight: 600;
    font-size: 15px;
}

/* Badge sottoprodotto (es. "RMM: 5 - Essential: 2") */
.cart-sub-badge {
    display: inline-block;
    padding: 0px 7px;
    background: #f0ebff;
    border: 1px solid #d4c8f8;
    border-radius: 5px;
    font-size: 12px !important;
    color: #5b4fcf;
    font-weight: 500;
}

/* Stepper quantità */
.cart-qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d4c8f8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.cart-qty-input {
    order: 2;
    width: 48px !important;
    height: 36px !important;
    border: none !important;
    border-left: 1px solid #d4c8f8 !important;
    border-right: 1px solid #d4c8f8 !important;
    border-radius: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600;
    color: #222 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}
.cart-qty-input:disabled {
    background: #f8f7ff !important;
    color: #888 !important;
    border-left: none !important;
    border-right: none !important;
}
.cart-qty-minus { order: 1; }
.cart-qty-plus  { order: 3; }
.cart-qty-btn {
    width: 32px;
    height: 36px;
    border: none;
    background: transparent;
    color: #5b4fcf;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: background .15s;
}
.cart-qty-btn:hover { background: #f3f0ff; }

/* Pulsante Rimuovi */
.cart-remove-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5b4fcf;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s;
}
.cart-remove-btn:hover { color: #c0392b; text-decoration: none; }

/* ---- Badge "Pagamento sicuro e cifrato" nel titolo ---- */
.cart-secure-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 8px 18px;
}

/* ---- Card codice promozionale ---- */
.cart-promo-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #e5e0ff;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 0 2px 8px rgba(90,70,180,.06);
}

.cart-promo-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: #f3f0ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b4fcf;
}

.cart-promo-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.cart-promo-text strong { font-size: 14px; color: #222; }
.cart-promo-text span   { font-size: 12px; color: #888; }

.cart-promo-input {
    width: 220px !important;
    flex-shrink: 0;
    text-align: center !important;
    border-radius: 8px !important;
}

/* ---- Footer bar: trust strip + CTA ---- */
.cart-footer-bar {
    display: flex;
    align-items: stretch;
    gap: 30px;
    background: #f3f0ff;
    border: 1px solid #e5e0ff;
    border-radius: 12px;
    padding: 24px 28px;
    box-shadow: 0 2px 12px rgba(90,70,180,.06);
}

.cart-trust-items {
    flex: 1;
    display: flex;
    align-items: center;
    border-right: 1px solid #ede8ff;
    padding-right: 30px;
    gap: 4px;
}

.cart-trust-item {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0 12px;
}
.cart-trust-item:first-child { padding-left: 0; }

.cart-trust-item > svg {
    flex-shrink: 0;
    color: #5b4fcf;
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}

.cart-trust-item > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cart-trust-item > div strong { font-size: 15px; color: #222; }
.cart-trust-item > div span   { font-size: 13px; color: #888; }

.cart-cta {
    min-width: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cart-cta-btn {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px !important;
    font-weight: 600;
    padding: 14px 24px !important;
}

@media (max-width: 991px) {
    .cart-footer-bar { flex-direction: column; gap: 20px; }
    .cart-trust-items { border-right: none; border-bottom: 1px solid #ede8ff; padding-right: 0; padding-bottom: 20px; flex-wrap: wrap; }
    .cart-trust-item  { flex-basis: 45%; }
    .cart-cta         { min-width: 0; }
    .cart-promo-card  { flex-wrap: wrap; }
    .cart-promo-input { width: 100% !important; }
}

/* ---- Form registrazione ---- */
.registration-table {
    margin-bottom: 0;
    border: none;
}

.registration-table td {
    padding: 10px 8px;
    border: none;
    vertical-align: middle;
}

.registration-table td.reg-label {
    width: 220px;
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

/* Icona account rossa per gli amministratori (classe impostata dalla MasterPage) */
.nav-account-item.admin-account .nav-account-link svg {
    fill: #cc0000 !important;
}

/* ---- Variante compatta per griglie admin (TABLE_STYLE="table-clean-sm" in licensesBase e simili) ----
   Era usata dal codice condiviso ma mai definita: le griglie admin con molte colonne
   risultavano enormi e traboccavano dal contenitore. */
table.table-clean-sm {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    margin: 0;
}
table.table-clean-sm td {
    padding: 8px 10px;
    vertical-align: middle;
}
/* Dentro .one-grid le regole della griglia hanno la precedenza: qui riduciamo solo la densità */
.one-grid table.table-clean-sm tr td {
    padding: 8px 10px !important;
    font-size: 12.5px !important;
}
.one-grid table.table-clean-sm tr:first-child td {
    padding: 10px 10px !important;
    font-size: 10.5px !important;
}

/* ---- Card per filtri/form delle pagine admin (stile licenses-filter-card) ---- */
.one-admin-card {
    background: #fff;
    border-radius: 14px;
    padding: 28px 32px;
    box-shadow: 0 4px 24px rgba(90,70,180,.07);
    border: 1px solid #ede8ff;
    margin-bottom: 28px;
}
.one-admin-card .filter-label { font-weight: 700; font-size: 15px; color: #2d2d2d; margin-bottom: 4px; display: block; }
.one-admin-card .filter-hint { font-size: 12px; color: #888; margin-bottom: 16px; display: block; }
.one-admin-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
.one-admin-row select { min-width: 160px; border: 1px solid #ddd; border-radius: 8px; padding: 0 10px; font-size: 14px; height: 38px; }
.one-admin-row input[type=text] { min-width: 140px; border: 1px solid #ddd; border-radius: 8px; padding: 6px 12px; font-size: 14px; height: 38px; }
.one-admin-card label { font-size: 13px; color: #555; }

/* Link "azione" dentro le pagine admin (menu amministrazione, ecc.) */
.one-admin-links a { color: #5b4fcf; font-weight: 600; text-decoration: none; }
.one-admin-links a:hover { text-decoration: underline; }
.one-admin-links li { margin-bottom: 8px; }

/* Filtro "pastello" per immagini generate AI: desatura e schiarisce leggermente
   per uniformarle alle illustrazioni soft del template LUTCH */
.one-img-pastel {
    filter: saturate(0.78) brightness(1.05) contrast(0.94);
}

/* Utility gap in pixel: Bootstrap si ferma a gap-5 (scala rem), ma vari markup
   del sito usano gap-8/10/16/20 intendendo pixel. Definite qui una volta per tutte. */
.gap-8  { gap: 8px  !important; }
.gap-10 { gap: 10px !important; }
.gap-16 { gap: 16px !important; }
.gap-20 { gap: 20px !important; }

/* ---- Shim Font Awesome ----
   Il codice condiviso (contactBase, user_registrationBase, ecc.) emette icone
   con classi fa-*, ma ONE non carica Font Awesome (LUTCH usa Flaticon).
   Mappiamo le classi effettivamente usate su glifi Unicode equivalenti. */
i.fa { font-style: normal; }
i.fa.fa-arrow-down::before  { content: "\2193"; font-weight: 700; }
i.fa.fa-arrow-left::before  { content: "\2190"; font-weight: 700; }
i.fa.fa-arrow-right::before { content: "\2192"; font-weight: 700; }
i.fa.fa-close::before       { content: "\2715"; }
i.fa.fa-question-circle::before { content: "?"; font-weight: 700; border: 1.5px solid currentColor; border-radius: 50%; width: 1.15em; height: 1.15em; display: inline-flex; align-items: center; justify-content: center; font-size: .9em; line-height: 1; }
i.fa.fa-shopping-cart::before { content: "\1F6D2"; }