/* NEGOZIO E AREA PERSONALE — il contenuto è quello di WooCommerce: qui viene
   rivestito con il linguaggio della homepage. I fogli di WooCommerce vengono
   caricati dopo i nostri, per questo molte regole partono da body.memories-live. */

.negozio-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;padding:190px 6% 55px;isolation:isolate;overflow:hidden}
.negozio-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.negozio-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081728,rgba(8,23,40,.3) 92%),linear-gradient(90deg,#081728d9,transparent 72%)}
.negozio-hero--semplice{min-height:0;padding:170px 6% 0;background:transparent}
.negozio-hero--semplice:after{display:none}
.negozio-hero-copy{width:min(760px,100%)}
.negozio-hero h1{font-size:clamp(44px,5.4vw,86px);line-height:1;margin:0 0 18px;text-transform:uppercase}
.negozio-hero h1 em{font-style:normal;color:var(--mint)}
.negozio-hero .intro{font-size:15px;line-height:1.8;color:#d9e2ea;max-width:600px;margin:0 0 26px}
.negozio-hero .hero-azioni{display:flex;flex-wrap:wrap;gap:12px}

/* elenco articoli */
.negozio-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.negozio-articolo{display:block;position:relative}
.negozio-articolo-foto{display:block;position:relative;overflow:hidden;background:#0d2137;aspect-ratio:1/1}
body.memories-live .negozio-articolo-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.negozio-articolo:hover .negozio-articolo-foto img{transform:scale(1.05)}
.negozio-offerta{position:absolute;left:14px;top:14px;background:var(--mint);color:var(--ink);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:8px 12px}
.negozio-offerta--statica{position:static;display:inline-block;margin-bottom:16px}
.negozio-articolo-copy{display:block;padding:18px 0 0;border-bottom:1px solid var(--line);padding-bottom:18px}
.negozio-articolo-copy h2{margin:0 42px 8px 0;font-size:24px;text-transform:uppercase;letter-spacing:-.5px}
.negozio-prezzo{font-size:15px;color:var(--mint);font-weight:700}
.negozio-prezzo del{color:#8ea2b5;font-weight:400;margin-right:8px}
.negozio-articolo .round-arrow{position:absolute;right:2px;bottom:26px;width:34px;height:34px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:0}
.negozio-articolo:hover .round-arrow{border-color:var(--mint);color:var(--mint)}
.negozio-avviso{margin:0;font-size:15px;line-height:1.8;color:#b8c6d5}
.negozio-pagine{display:flex;justify-content:center;gap:10px;padding-top:40px}
.negozio-pagine .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid var(--line);color:#fff;font-size:12px}
.negozio-pagine .page-numbers.current{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.negozio-pagine a.page-numbers:hover{border-color:var(--mint);color:var(--mint)}

/* scheda articolo */
.prodotto-indietro{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#cfdce8;margin-bottom:34px}
.prodotto-indietro:hover{color:var(--mint)}
.prodotto-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}
body.memories-live .prodotto-galleria img{width:100%;height:auto;display:block}
.prodotto-galleria .flex-control-thumbs{display:flex;gap:10px;list-style:none;margin:12px 0 0;padding:0}
.prodotto-galleria .flex-control-thumbs li{width:84px}
.prodotto-info h1{font-size:clamp(34px,3.6vw,56px);text-transform:uppercase;margin:0 0 16px;line-height:1.05}
.prodotto-prezzo{font-size:26px;font-weight:700;color:var(--mint);margin-bottom:18px}
.prodotto-sommario p{font-size:15px;line-height:1.85;color:#d2dfed;margin:0 0 16px}
.prodotto-acquisto{border-top:1px solid var(--line);padding-top:24px;margin-top:8px}
.prodotto-descrizione{border-top:1px solid var(--line);margin-top:60px;padding-top:34px}
.prodotto-descrizione h2{font-size:28px;text-transform:uppercase;margin:0 0 20px}
.negozio-correlati{padding-top:20px}

/* elementi comuni di WooCommerce: quantità, pulsanti, varianti */
body.memories-live .quantity input,
body.memories-live input[type="text"],
body.memories-live input[type="email"],
body.memories-live input[type="tel"],
body.memories-live input[type="password"],
body.memories-live input[type="number"],
body.memories-live input[type="search"],
body.memories-live textarea,
body.memories-live select{background:#081728;border:1px solid #ffffff3d;border-radius:0;color:#fff;padding:13px 15px;font:14px/1.5 DM,Arial,sans-serif;min-height:50px;width:100%;max-width:100%}
body.memories-live .quantity input{width:90px;text-align:center}
body.memories-live select{appearance:auto}
body.memories-live input:focus,body.memories-live textarea:focus,body.memories-live select:focus{outline:2px solid var(--mint);outline-offset:2px}
body.memories-live label{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#cfdce8;margin-bottom:8px}
body.memories-live .woocommerce-input-wrapper{width:100%}
body.memories-live .single_add_to_cart_button,
body.memories-live .checkout-button,
body.memories-live .woocommerce-Button,
body.memories-live #place_order{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--mint);color:var(--ink);border:0;border-radius:0;padding:19px 26px;font:700 13px/1 DM,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
body.memories-live .single_add_to_cart_button:hover,
body.memories-live .checkout-button:hover,
body.memories-live .woocommerce-Button:hover,
body.memories-live #place_order:hover{background:#b3ffe7;color:var(--ink);transform:translateY(-3px)}
body.memories-live .variations{width:100%;border-collapse:collapse;margin-bottom:20px}
body.memories-live .variations th,body.memories-live .variations td{text-align:left;padding:10px 0;vertical-align:middle}
body.memories-live .reset_variations{color:var(--mint);font-size:12px}
body.memories-live .woocommerce-variation-price{margin:14px 0}

/* avvisi e messaggi */
body.memories-live .woocommerce-message,
body.memories-live .woocommerce-info,
body.memories-live .woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:#0d2137;border:1px solid var(--line);border-left:3px solid var(--mint);color:#e3ecf5;padding:20px 24px;margin:0 0 26px;list-style:none;font-size:14px;line-height:1.7}
/* l'icona di WooCommerce è posizionata in modo assoluto e finisce sul testo */
body.memories-live .woocommerce-message:before,
body.memories-live .woocommerce-info:before,
body.memories-live .woocommerce-error:before{display:none!important}
body.memories-live .woocommerce-message .button,
body.memories-live .woocommerce-info .button,
body.memories-live .woocommerce-error .button{margin-left:auto;padding:12px 18px!important;font-size:11px!important}
body.memories-live .woocommerce-error{border-left-color:#ff6b5e}
body.memories-live .woocommerce-message a,
body.memories-live .woocommerce-info a{color:var(--mint)}

/* TABELLE (carrello, ordini, download). WooCommerce disegna una griglia di
   bordi attorno a ogni cella e stringe il testo contro i bordi: qui restano
   solo le righe orizzontali, con respiro ai lati. */
.negozio-woo{padding-top:50px}
body.memories-live .woocommerce table.shop_table,
body.memories-live table.woocommerce-table{width:100%;border:0!important;border-collapse:collapse!important;border-radius:0!important;margin:0 0 34px;background:transparent}
body.memories-live .woocommerce table.shop_table th,
body.memories-live .woocommerce table.shop_table td,
body.memories-live table.woocommerce-table th,
body.memories-live table.woocommerce-table td{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
body.memories-live .woocommerce table.shop_table th,
body.memories-live table.woocommerce-table th{text-align:left;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#9fb3c6;font-weight:600;padding:0 24px 14px 0;white-space:nowrap}
body.memories-live .woocommerce table.shop_table td,
body.memories-live table.woocommerce-table td{padding:22px 24px 22px 0;color:#d2dfed;font-size:14px;line-height:1.6;vertical-align:middle}
body.memories-live .woocommerce table.shop_table th:last-child,
body.memories-live .woocommerce table.shop_table td:last-child,
body.memories-live table.woocommerce-table th:last-child,
body.memories-live table.woocommerce-table td:last-child{padding-right:0}
body.memories-live .woocommerce table.shop_table tbody tr:last-child td{border-bottom:0!important}
/* le colonne che restano vuote non devono rubare spazio */
body.memories-live table.woocommerce-table td:empty{padding:0}
body.memories-live .woocommerce table.shop_table img{width:74px;height:74px;object-fit:cover}
body.memories-live .product-name a{color:#fff;font-weight:700}
body.memories-live .product-name a:hover{color:var(--mint)}
body.memories-live .product-remove a.remove{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);color:#fff!important;background:transparent!important;font-size:16px;line-height:1}
body.memories-live .product-remove a.remove:hover{border-color:#ff6b5e;color:#ff6b5e!important}
body.memories-live .cart_totals h2,
body.memories-live .cross-sells h2,
body.memories-live .woocommerce-billing-fields h3,
body.memories-live .woocommerce-additional-fields h3,
body.memories-live #order_review_heading,
body.memories-live .woocommerce-order-details__title,
body.memories-live .woocommerce-column__title,
body.memories-live .woocommerce-MyAccount-content h2,
body.memories-live .woocommerce-Address-title h3{font-size:24px;text-transform:uppercase;margin:0 0 20px;color:#fff}
body.memories-live .cart_totals{max-width:520px;margin-left:auto}
body.memories-live .cart-collaterals{display:block}
body.memories-live .coupon{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.memories-live .coupon input{max-width:260px}
body.memories-live .actions{padding-top:22px!important}
body.memories-live .wc-proceed-to-checkout{padding-top:20px}

/* cassa */
body.memories-live form.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:start}
body.memories-live #customer_details{min-width:0}
body.memories-live #order_review,body.memories-live #order_review_heading{grid-column:2}
body.memories-live #order_review{background:#0d2137;border:1px solid var(--line);padding:30px 32px}
body.memories-live .form-row{margin:0 0 18px;padding:0}
body.memories-live .woocommerce-privacy-policy-text p,
body.memories-live .woocommerce-terms-and-conditions-wrapper p{font-size:13px;line-height:1.7;color:#b8c6d5}
body.memories-live .wc_payment_methods{list-style:none;margin:0 0 20px;padding:0}
body.memories-live .wc_payment_method label{display:inline;font-size:14px;letter-spacing:0;text-transform:none;color:#fff}
body.memories-live .payment_box{background:#081728;border:1px solid var(--line);padding:16px 18px;font-size:13px;line-height:1.7;color:#b8c6d5}

/* ordine ricevuto */
body.memories-live .woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;list-style:none;margin:0 0 34px;padding:0;border:0}
body.memories-live .woocommerce-order-overview li{border:1px solid var(--line);padding:18px 20px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb3c6}
body.memories-live .woocommerce-order-overview li strong{display:block;margin-top:10px;font-size:17px;letter-spacing:0;text-transform:none;color:#fff}

/* AREA PERSONALE — il menu è una colonna a sinistra, il contenuto a destra.
   La griglia va sul contenitore che WooCommerce crea dentro la sezione, non
   sulla sezione stessa: lì dentro stanno il menu e il contenuto come fratelli. */
body.memories-live .account-woo > .woocommerce{display:grid;grid-template-columns:270px minmax(0,1fr);gap:54px;align-items:start}
/* posizione dichiarata: WooCommerce dà un ordine proprio ai due blocchi e
   senza queste due righe il menu finiva a destra e il contenuto schiacciato */
body.memories-live .account-woo > .woocommerce > .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
body.memories-live .account-woo > .woocommerce > .woocommerce-MyAccount-content{grid-column:2;grid-row:1}
body.memories-live .woocommerce-MyAccount-navigation{width:auto;float:none;position:sticky;top:110px;background:#0d2137;border:1px solid var(--line);padding:8px 22px}
body.memories-live .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
body.memories-live .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
body.memories-live .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
body.memories-live .woocommerce-MyAccount-navigation li a{display:block;padding:15px 0 15px 14px;border-left:2px solid transparent;font-size:13px;letter-spacing:.3px;color:#cfdce8;transition:color .25s,border-color .25s}
body.memories-live .woocommerce-MyAccount-navigation li a:hover{color:var(--mint)}
body.memories-live .woocommerce-MyAccount-navigation li.is-active a{color:var(--mint);font-weight:700;border-left-color:var(--mint)}
body.memories-live .woocommerce-MyAccount-content{min-width:0;float:none;width:auto}
body.memories-live .woocommerce-MyAccount-content > h2:first-child{margin-top:0}

/* tabella degli ordini: righe ariose e pulsanti piccoli e distinti */
body.memories-live .woocommerce-orders-table__cell-order-number{white-space:nowrap}
body.memories-live .woocommerce-orders-table__cell-order-number a{font-weight:700;color:#fff;font-size:15px;letter-spacing:0}
body.memories-live .woocommerce-orders-table__cell-order-number a:hover{color:var(--mint)}
body.memories-live .woocommerce-orders-table__cell-order-total{color:#9fb3c6;white-space:nowrap}
body.memories-live .woocommerce-orders-table__cell-order-total .amount{color:#fff;font-weight:700;margin-right:4px}
body.memories-live .woocommerce-orders-table__cell-order-date,
body.memories-live .woocommerce-orders-table__cell-order-status{white-space:nowrap;color:#d2dfed}
body.memories-live .woocommerce-orders-table__cell-order-actions{text-align:left;white-space:normal}
body.memories-live .woocommerce-orders-table__cell-order-actions a.button{display:inline-flex!important;margin:4px 8px 4px 0;padding:10px 14px!important;font-size:11px!important;gap:0}
body.memories-live .woocommerce-orders-table__cell-order-actions a.button.view{background:transparent!important;color:#fff!important;border:1px solid #ffffff55!important}
body.memories-live .woocommerce-orders-table__cell-order-actions a.button.view:hover{border-color:var(--mint)!important;color:var(--mint)!important;background:transparent!important}
body.memories-live .woocommerce-orders-table__cell-order-actions a.button.cancel{background:transparent!important;color:#ffb1a9!important;border:1px solid #ffb1a955!important}
body.memories-live .woocommerce-orders-table__cell-order-actions a.button.cancel:hover{border-color:#ff6b5e!important;color:#ff6b5e!important;background:transparent!important}

/* indirizzi affiancati, con la loro cornice */
body.memories-live .woocommerce-Address{background:#0d2137;border:1px solid var(--line);padding:26px 28px;text-align:left}
body.memories-live .woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
body.memories-live .woocommerce-Address-title h3{margin:0;font-size:19px}
body.memories-live .woocommerce-Address-title .edit{font-size:12px;color:var(--mint)}
body.memories-live .woocommerce-Address address{font-style:normal;font-size:14px;line-height:1.9;color:#d2dfed}

/* moduli a due colonne (nome/cognome, indirizzi) */
/* due campi per riga dove WooCommerce lo prevede. I contenitori diventano
   colonne vere: con gli elementi in linea lo spazio fra i tag mandava a capo
   il secondo campo per pochi pixel. */
body.memories-live .woocommerce-EditAccountForm,
body.memories-live .woocommerce-address-fields__field-wrapper,
body.memories-live .woocommerce-billing-fields__field-wrapper,
body.memories-live .woocommerce-shipping-fields__field-wrapper{display:flex;flex-wrap:wrap;column-gap:18px}
body.memories-live .woocommerce-EditAccountForm > *,
body.memories-live .woocommerce-address-fields__field-wrapper > *,
body.memories-live .woocommerce-billing-fields__field-wrapper > *,
body.memories-live .woocommerce-shipping-fields__field-wrapper > *{width:100%}
body.memories-live form .form-row-first,
body.memories-live form .form-row-last{width:calc(50% - 9px)!important;display:block!important;float:none!important;margin-right:0}
body.memories-live form .form-row-wide{width:100%!important;display:block!important}
body.memories-live .woocommerce-MyAccount-content p{font-size:15px;line-height:1.85;color:#d2dfed}
body.memories-live .woocommerce-MyAccount-content a:not(.button){color:var(--mint)}
body.memories-live .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:28px}
body.memories-live .woocommerce-form-login,
body.memories-live .woocommerce-form-register,
body.memories-live .woocommerce-EditAccountForm{max-width:620px}
body.memories-live .woocommerce-form-login__rememberme span,
body.memories-live .woocommerce-form__label-for-checkbox span{font-size:13px;letter-spacing:0;text-transform:none;color:#d2dfed}

@media(min-width:1600px){.negozio-hero{padding-left:9%;padding-right:9%}}

@media(max-width:900px){
	.negozio-griglia{grid-template-columns:1fr 1fr}
	.prodotto-layout{grid-template-columns:1fr;gap:34px}
	body.memories-live form.checkout{grid-template-columns:1fr;gap:34px}
	body.memories-live #order_review,body.memories-live #order_review_heading{grid-column:1}
	body.memories-live .account-woo > .woocommerce{grid-template-columns:1fr;gap:30px}
	body.memories-live .account-woo > .woocommerce > .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
	body.memories-live .account-woo > .woocommerce > .woocommerce-MyAccount-content{grid-column:1;grid-row:2}
	body.memories-live .woocommerce-MyAccount-navigation{position:static}
	body.memories-live .woocommerce-Addresses{grid-template-columns:1fr}
	body.memories-live .form-row-first,body.memories-live .form-row-last{width:100%;margin-right:0}
}
@media(max-width:620px){
	.negozio-hero{min-height:380px;padding:150px 7% 35px}
	.negozio-hero--semplice{padding:140px 7% 0}
	.negozio-hero h1{font-size:10.5vw}
	.negozio-griglia{grid-template-columns:1fr;gap:22px}
	.negozio-articolo-copy h2{font-size:21px}
	body.memories-live .woocommerce table.shop_table td{display:block;border-top:0;padding:6px 0}
	body.memories-live .woocommerce table.shop_table tr{display:block;border-top:1px solid var(--line);padding:18px 0}
	body.memories-live .woocommerce table.shop_table thead{display:none}
	body.memories-live .cart_totals{max-width:none}
	body.memories-live #order_review{padding:22px 20px}
}

/* WooCommerce arriva dopo di noi e usa selettori più forti per campi e
   pulsanti dei suoi moduli: qui vengono riportati al disegno del sito. */
body.memories-live .woocommerce form .form-row input.input-text,
body.memories-live .woocommerce form .form-row textarea,
body.memories-live .woocommerce form .form-row select,
body.memories-live .woocommerce input.input-text,
body.memories-live .woocommerce-Input,
body.memories-live .woocommerce-input-wrapper input,
body.memories-live .woocommerce-input-wrapper select,
body.memories-live .select2-container .select2-selection--single{
	background:#081728!important;
	border:1px solid #ffffff3d!important;
	border-radius:0!important;
	color:#fff!important;
	min-height:50px;
	padding:13px 15px;
	font:14px/1.5 DM,Arial,sans-serif;
	box-shadow:none;
}
body.memories-live .select2-container .select2-selection--single .select2-selection__rendered{color:#fff;line-height:24px;padding:0}
body.memories-live .woocommerce form .form-row input.input-text::placeholder{color:#8ea2b5}

body.memories-live .woocommerce button.button,
body.memories-live .woocommerce a.button,
body.memories-live .woocommerce input.button,
body.memories-live .woocommerce-button,
body.memories-live .woocommerce-form-login__submit,
body.memories-live .woocommerce-form-register__submit,
body.memories-live .woocommerce .button[type="submit"]{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	gap:18px;
	background:var(--mint)!important;
	color:var(--ink)!important;
	border:0!important;
	border-radius:0!important;
	padding:17px 24px!important;
	font:700 13px/1 DM,Arial,sans-serif!important;
	text-transform:none;
	letter-spacing:0;
	cursor:pointer;
	transition:background .2s,transform .2s;
}
body.memories-live .woocommerce button.button:hover,
body.memories-live .woocommerce a.button:hover,
body.memories-live .woocommerce input.button:hover,
body.memories-live .woocommerce-button:hover,
body.memories-live .woocommerce-form-login__submit:hover{background:#b3ffe7!important;color:var(--ink)!important;transform:translateY(-3px)}
/* pulsanti secondari: "aggiorna carrello" e simili restano scavati */
body.memories-live .woocommerce button[name="update_cart"],
body.memories-live .woocommerce button[name="apply_coupon"]{background:transparent!important;color:#fff!important;border:1px solid #ffffff66!important}
body.memories-live .woocommerce button[name="update_cart"]:hover,
body.memories-live .woocommerce button[name="apply_coupon"]:hover{background:transparent!important;color:var(--mint)!important;border-color:var(--mint)!important}
body.memories-live .woocommerce button[name="update_cart"]:disabled{opacity:.45}

/* le caselle di spunta restano piccole e verdi */
body.memories-live input[type="checkbox"],
body.memories-live input[type="radio"]{width:auto!important;min-height:0!important;accent-color:var(--mint);margin-right:8px}
body.memories-live .woocommerce-form__label-for-checkbox{display:flex;align-items:flex-start;gap:4px}