/** * OniGrow Theme - WooCommerce Styles * * Extracted from The7 child theme and cleaned. * Organized by section for maintainability. * * Sections:* 1. Checkout - Layout & Form * 2. Checkout - Fieldgroup Grid * 3. Checkout - Order Review * 4. Checkout - Payment Methods * 5. Checkout - Coupon & Login * 6. Checkout - Terms & Conditions * 7. Cart Page * 8. My Account - Navigation * 9. My Account - Content Area * 10. My Account - Subscriptions & Orders * 11. WooCommerce Buttons * 12. WooCommerce Tables * 13. WooCommerce Forms & Inputs * 14. WooCommerce Notices & Errors * 15. Product Page (Single) * 16. Misc WooCommerce * 17. Responsive Breakpoints * * @package OniGrow * @since 1.0.0 *//* ============================================================ 0. Checkout - Desktop Layout ============================================================ *//* Single-column checkout — centered, max-width for readability */form.woocommerce-checkout{	display:block;	max-width:680px;	margin:0 auto;	padding:0 1rem;	box-sizing:border-box}/* Mobile checkout improvements */@media (max-width:480px){	form.woocommerce-checkout{		padding:0 4px;	}	#customer_details{		padding:12px 10px 8px !important;	}	/* --- Order review:prevent price clipping on mobile --- */	.woocommerce-checkout-review-order{		overflow:visible;	}	div#order_review{		overflow:visible;	}	.woocommerce-checkout-review-order-table{		table-layout:fixed;		width:100% !important;	}	/* Product name column:takes remaining space, wraps */	.woocommerce-checkout-review-order-table th.product-name,	.woocommerce-checkout-review-order-table td.product-name{		width:65%;		word-wrap:break-word;		overflow-wrap:break-word;	}	/* Price column:enough room for prices like 894,00€ */	.woocommerce-checkout-review-order-table th.product-total,	.woocommerce-checkout-review-order-table td.product-total{		width:35%;		text-align:right;		white-space:nowrap;	}	.woocommerce-checkout-review-order-table th,	.woocommerce-checkout-review-order-table td{		padding:8px 6px !important;		font-size:0.82rem;	}	.woocommerce-checkout-review-order-table .product-name{		font-size:0.8rem;	}	/* Tfoot cells:allow text wrap for "Totale" + "(Al mese è ~134€)" */	.woocommerce-checkout-review-order-table tfoot th,	.woocommerce-checkout-review-order-table tfoot td{		padding:8px 6px !important;		word-wrap:break-word;		overflow-wrap:break-word;		white-space:normal !important;	}	/* Total row price:slightly smaller to fit */	#order_review .order-total:not(.recurring-total) th,	#order_review .order-total:not(.recurring-total) td{		padding:10px 6px !important;		font-size:0.95rem;	}	#order_review .order-total:not(.recurring-total) td strong span{		font-size:1.05rem !important;	}	/* Discount row:fit text */	#order_review .fee th,	#order_review .fee td,	#order_review tr.cart-discount th,	#order_review tr.cart-discount td{		padding:6px 6px !important;		font-size:0.8rem;	}	/* Coupon form:stack input + button vertically */	.checkout_coupon.woocommerce-form-coupon .coupon-input-row{		flex-direction:column !important;	}	.checkout_coupon.woocommerce-form-coupon .apply_coupon{		padding:8px 12px !important;		font-size:12px !important;		width:100% !important;	}	/* Checkout review heading */	.woocommerce-checkout h3#order_review_heading,	#order_review_heading{		font-size:0.85rem;		padding:10px 8px;	}	/* --- Other checkout elements --- */	.woocommerce-form-login-toggle{		margin:0 8px 16px;	}	label[for=payment_method_stripe_cc],	label[for=payment_method_paypal],	label[for=payment_method_stripe_applepay],	label[for=payment_method_stripe_payment_request],	label[for=payment_method_ppcp]{		font-size:14px;		padding:4px 8px !important;	}	#place_order{		width:100%;		padding:14px 16px;		font-size:15px;	}	#seconda_firma_field > span > label,	.woocommerce-terms-and-conditions-checkbox-text{		font-size:10px;		line-height:1.3;	}	.woocommerce-terms-and-conditions-wrapper .form-row{		margin-bottom:6px;	}	.place-order::after{		background-size:140px 23px;		width:140px;		height:23px;	}	ul.wc_payment_methods::after{		font-size:55%;		padding:4px 8px;	}	.wc_payment_methods p{		font-size:12px;		line-height:1.4;	}	.wc-stripe-saved-methods-container,	.wc-stripe_cc-new-method-container{		width:100%;	}	/* Security badge:scale for mobile */	.place-order::after{		background-size:140px 23px;		width:140px;		height:23px;	}	/* SSL badge */	ul.wc_payment_methods::after{		font-size:55%;		padding:4px 8px;	}	/* Payment description text */	.wc_payment_methods p{		font-size:12px;		line-height:1.4;	}	/* Stripe card form */	.wc-stripe-saved-methods-container,	.wc-stripe_cc-new-method-container{		width:100%;	}}/* Stack WC default col-1 vertically */#customer_details .col-1{	float:none !important;	width:100% !important;	padding:0;	box-sizing:border-box}/* Hide col-2:only contains "Informazioni aggiuntive" heading + hidden WPML language field */#customer_details .col-2{	display:none !important}/* Checkout section heading style */.woocommerce-checkout h3#order_review_heading,#order_review_heading{	font-size:0.95rem;	font-weight:700;	text-transform:uppercase;	letter-spacing:0.06em;	color:#ffffff;	padding:12px 16px;	background:var(--color-primary, #e1306c);	border-radius:var(--radius-sm, 8px) var(--radius-sm, 8px) 0 0;	margin:0}/* Form input visual improvement */body.woocommerce-checkout input[type=text],body.woocommerce-checkout input[type=email],body.woocommerce-checkout input[type=tel],body.woocommerce-checkout input[type=password],body.woocommerce-checkout select{	width:100%;	padding:10px 14px;	border:1.5px solid var(--color-border, #e5e7eb) !important;	border-radius:var(--radius-sm, 8px);	font-size:15px;	font-family:var(--font-family, Inter, system-ui, sans-serif);	color:var(--color-text);	background:#ffffff;	transition:border-color 0.2s ease;	outline:none}body.woocommerce-checkout input[type=text]:focus,body.woocommerce-checkout input[type=email]:focus,body.woocommerce-checkout input[type=tel]:focus,body.woocommerce-checkout input[type=password]:focus,body.woocommerce-checkout select:focus{	border-color:var(--color-primary, #e1306c)}/* ======================================== 1. Checkout - Layout & Form ======================================== */#customer_details,.woocommerce-cart-form,.wc-complete-wrap .wc-wide-column,.wc-complete-wrap .woocommerce-bacs-bank-details,.shop_table_responsive{	width:100%}#customer_details input,#customer_details select{	text-transform:uppercase}#customer_details .form-row input{	margin-bottom:0}#customer_details label,.checkout-fieldgroup label{	margin:0 0 5px 2px;	font-weight:600;	font-size:14px}form.woocommerce-checkout .form-row{	padding-bottom:10px;	margin-bottom:0}form .form-row-first{	padding-right:0}.form-row{	width:100%}.form-row.terms{	margin-top:0;	width:100%}.woocommerce-shipping-fields,.woocommerce-account-fields,.woocommerce-additional-fields{	display:none}.woocommerce-billing-fields h3{	display:none}.woocommerce-checkout h5{	margin-bottom:0}/* Hide "followup" checkout section */.followup-checkout{	display:none}/* Optional label */.optional{	display:none}/* Required asterisk */.required{	display:none}/* Billing specific */#billing_invoice_type_field{	display:block;	margin:7px 0 15px}#billing_checkbox{	margin-bottom:0;	padding:0}#billing_checkbox_field{	display:block;	width:100%;	margin-top:10px}#billing_checkbox_field label{	width:fit-content;	font-weight:300}#checkbox_trigger_field{	width:100%}/* Validate required full-width */.validate-required{	width:100%}/* ======================================== 2. Checkout - Fieldgroup Grid ======================================== */.checkout-fieldgroup,#customer_details{	border-radius:5px;	padding:15px 10px 10px;	margin-bottom:20px;	width:100%;	box-shadow:0 6px 12px rgb(0 0 0 / 25%)}#customer_details{	padding:15px 20px 10px}.checkout-fieldgroup .description{	font-size:12px;	display:block}.checkout-fieldgroup .thwcfe-input-field{	margin-bottom:5px}.checkout-fieldgroup .form-row{	width:calc(100% - 20px);	display:inline-grid;	padding:0 10px}/* Instagram fields:full-width stacked, not inline side-by-side */#instagram_username_field,#instagram_password_field{	display:block;	width:100%}#note_dettagli_targeting{	height:100px}#descrizione_engage_field p,#descrizione_boost_field p{	font-size:14px}/* Prevent tooltip/description content overflow on narrow viewports */.checkout-fieldgroup .tooltip,.checkout-fieldgroup p,.thwcfe-checkout-section .tooltip,.thwcfe-html-field-wrapper p,.thwcfe-html-field-wrapper span{	white-space:normal;	word-break:break-word;	overflow-wrap:break-word;	max-width:100%;	margin:0;	box-sizing:border-box}/* Tooltip popup:show BELOW trigger, constrained width, readable */.checkout-fieldgroup .tooltiptext,.thwcfe-checkout-section .tooltiptext,.thwcfe-html-field-wrapper .tooltiptext{	white-space:normal !important;	word-break:break-word;	max-width:280px;	box-sizing:border-box;	/* Override inline-CSS positioning:show below trigger, not above */	bottom:auto !important;	top:100% !important;	left:0 !important;	transform:none !important;	right:auto !important}/* Tooltip trigger text:look like a clickable link */.checkout-fieldgroup .tooltip > span:first-of-type,.thwcfe-html-field-wrapper .tooltip > span:first-of-type{	color:var(--color-primary, #e1306c);	cursor:pointer;	border-bottom:1px dashed var(--color-primary, #e1306c) !important}/* WooCommerce description box inside input wrapper:override blue default */.woocommerce-checkout .woocommerce-input-wrapper .description{	display:block !important;	background:#f8f9fa !important;	color:var(--color-text, #1a1a2e) !important;	border:1px solid var(--color-border, #e5e7eb) !important;	border-radius:var(--radius-sm, 6px) !important;	padding:6px 10px !important;	margin:4px 0 0 !important;	font-size:13px}.woocommerce-checkout .woocommerce-input-wrapper .description::before{	border-color:#f8f9fa transparent transparent transparent !important}/* Durata del piano label:prevent wrapping in narrow right column */#nr_mesi_field label{	white-space:nowrap}/* ======================================== 3. Checkout - Order Review ======================================== *//* Order review container — card style */div#order_review{	background:#ffffff;	border-radius:0 0 var(--radius-sm, 8px) var(--radius-sm, 8px);	box-shadow:0 4px 20px rgba(0, 0, 0, 0.10);	text-align:left;	overflow:hidden}/* Table layout — override WC core .woocommerce table.shop_table{border-collapse:separate}*/#order_review table.shop_table,.woocommerce-checkout-review-order-table{	width:100%;	border-collapse:collapse !important;	border-spacing:0 !important;	border:none !important;	margin-bottom:0;	border-radius:0 !important}.woocommerce-checkout-review-order-table tbody td,.woocommerce-checkout-review-order-table tfoot td,.woocommerce-checkout-review-order-table tfoot th{	padding:10px 16px;	text-align:left;	vertical-align:middle;	border-bottom:1px solid var(--color-border, #e5e7eb)}/* Product name */.woocommerce-checkout-review-order .product-name{	font-size:0.9rem;	font-weight:600;	color:var(--color-text, #1a1a2e);	text-align:left;	margin-bottom:0}.cart_item .product-name,.cart_item .product-name *{	font-size:0.9rem !important;	line-height:1.4 !important}/* Variation / subscription details — small and muted */.cart_item .product-name dl.variation,.cart_item .product-name dl,.cart_item .product-name dd,.cart_item .product-name dt{	font-size:0.8rem !important;	color:#6b7280 !important;	margin:2px 0 0;	padding:0}.cart_item .amount{	font-size:0.95rem !important;	font-weight:700}/* Total row — apply background to cells directly, not TR */#order_review .order-total{	background:transparent}/* Only the main (non-recurring) total gets the pink highlight */#order_review .order-total:not(.recurring-total) th,#order_review .order-total:not(.recurring-total) td{	background:var(--color-primary, #e1306c);	color:#ffffff !important;	font-size:1.05rem;	font-weight:700;	border-bottom:none;	padding:12px 16px}#order_review .order-total:not(.recurring-total) td strong span{	color:#ffffff !important;	font-size:1.25rem !important;	font-weight:700}/* Recurring totals section — neutral, small, readable */#order_review .recurring-total th,#order_review .recurring-total td,#order_review .order-total.recurring-total th,#order_review .order-total.recurring-total td{	background:transparent !important;	color:var(--color-text, #1a1a2e) !important;	font-size:0.85rem;	font-weight:400;	border-bottom:none;	padding:6px 16px}/* "* Il totale ricorrente..." note row — muted italic */#order_review .order-total.recurring-total td{	color:#6b7280 !important;	font-size:0.8rem;	font-style:italic;	padding:4px 16px}/* Coupon */#order_review .coupon{	padding:10px 16px}/* Order total styling */.order-total th{	font-weight:700}.order-total.recurring-total th{	font-weight:100}.fee th{	font-weight:700}/* Subscription details in order review */.subscription-details,.cart-subtotal,.recurring-total{	font-size:12px}.fee.recurring-total,.cart-subtotal.recurring-total,.recurring-totals,.tax-total.recurring-total{	display:none}.tax-rate.tax-rate-it-iva-1.recurring-total,.subscription-details,.order-total .recurring-total{	display:none}.cart-subtotal{	display:none}.cart-subtotal .amount{	font-weight:normal}.cart_item{	padding:5px}/* Cart discount in footer */tfoot .cart-discount{	border:0;	margin-top:-20px;	font-size:15px}.cart-discount.recurring-total{	display:none}/* Tax display */.includes_tax{	display:none}.tax-total{	display:none}/* Place order button area */.form-row.place-order{	padding:10px 30px}.woocommerce-MyAccount-content .form-row.place-order,form.woocommerce-checkout .form-row.place-order{	margin:0 auto;	padding:0;	width:100%}#place_order{	background:var(--color-gradient, linear-gradient(135deg, #833AB4, #e1306c, #F77737));	color:#ffffff;	float:none !important;	margin:0 auto !important;	display:block;	border:none;	padding:14px 32px;	font-family:var(--font-family, Inter, system-ui, sans-serif);	font-size:16px;	line-height:1.4;	font-weight:700;	width:90%;	cursor:pointer;	text-transform:uppercase;	letter-spacing:0.05em;	transition:opacity 0.2s ease, transform 0.2s ease}#place_order:hover{	opacity:0.92;	transform:translateY(-2px)}/* Security badge after place order */.place-order::after{	background-image:url(https://onigrow.com/wp-content/uploads/2018/07/logo_sicurezza.png);	background-size:170px 28px;	background-repeat:no-repeat;	display:block;	margin:20px auto 0;	width:170px;	height:28px;	content:""}/* PayPal button */#woo_pp_ec_button_checkout{	margin:auto}/* Currency symbol */.woocommerce-Price-currencySymbol{	font-size:100%}/* ======================================== 4. Checkout - Payment Methods ======================================== */.wc_payment_methods p{	font-size:13px;	line-height:1.4}/* Payment box descriptions — ensure readability */.payment_box p{	font-size:13px;	line-height:1.4;	margin:4px 0}ul.payment_methods li[class*=payment_method]{	padding:5px 0}img.stripe-cc-icon,.about_paypal,.payment_methods li img,.payment_box.payment_method_ppcp{	display:none}/* Payment method radio buttons - hidden */#payment_method_stripe_cc,#payment_method_paypal,#payment_method_stripe_applepay,#payment_method_stripe_payment_request,#payment_method_ppcp{	display:none}/* Payment method labels */label[for=payment_method_stripe_cc],label[for=payment_method_paypal],label[for=payment_method_stripe_applepay],label[for=payment_method_stripe_payment_request],label[for=payment_method_ppcp]{	border:1px solid #000;	color:#000;	background:#fff;	padding:3px 10px !important;	font-size:18px;	display:inline-block;	border-radius:5px}/* Stripe CC selected/hover */#payment_method_stripe_cc:checked + label,#payment_method_stripe_cc:hover + label{	border:1px solid #000;	background:#008cdd;	color:#fff;	cursor:pointer;	padding:0 10px}/* Apple Pay selected/hover */#payment_method_stripe_applepay:checked + label,#payment_method_stripe_applepay:hover + label{	border:1px solid #000;	background:#000;	color:#fff;	cursor:pointer}/* Payment request selected/hover */#payment_method_stripe_payment_request:checked + label,#payment_method_stripe_payment_request:hover + label{	border:1px solid #000;	background:#373737;	color:#fff;	cursor:pointer}/* PayPal selected/hover */#payment_method_paypal:checked + label,#payment_method_paypal:hover + label,#payment_method_ppcp:checked + label,#payment_method_ppcp:hover + label{	border:1px solid #000;	background:#003087;	color:#fff;	cursor:pointer}/* Stripe CC form */#wc-stripe-cc-form{	margin-bottom:-20px}#wc-stripe-cc-form label{	text-align:center}/* Stripe card brand icons — hide all variants */.wc-stripe-card-icons-container,.wc-stripe-card-icon,.wcstripe-icon,.stripe-card-icon,#wc-stripe-cc-form img,#wc-stripe-cc-form .card-icons,.payment_box.payment_method_stripe_cc img,.payment_box.payment_method_stripe_cc svg.payment-method-icon,.wc-stripe-payment-icons{	display:none !important}.wc-stripe_cc-new-method-container{	margin-bottom:0}.wc-stripe-saved-methods-container,.wc-stripe_cc-new-method-container{	width:80%;	margin:0 auto}/* Hide Stripe payment request button (Apple Pay / Google Pay green box) */#wc-stripe-payment-request-container,.payment_box.payment_method_stripe_applepay,.payment_box.payment_method_stripe_payment_request,.wc-stripe-applepay-button,.wc-stripe-googlepay-button,.wc-stripe-prb-separator,#wc-stripe-applepay-element,#wc-stripe-googlepay-element{	display:none !important}input[type=radio] + label.wc-stripe-label-payment-type,label.wc-stripe-label-klarna-category,label.wc-stripe-label-payment-type{	margin-bottom:5px}#stripe-payment-data p{	visibility:hidden}/* SSL badge after payment methods */ul.wc_payment_methods::after{	content:"128-bit SECURE SSL ENCRYPTION" !important;	display:block;	border:3px solid #5cb85b;	width:fit-content;	margin:5px auto;	color:#000;	padding:5px 10px;	border-radius:5px;	font-size:65%}button.apple-pay-button.apple-pay-button-black{	margin:0 auto;	max-width:200px}/* Payment section spacing */#payment > div > div > p{	margin:0}.content .payment_methods{	margin-bottom:10px}/* ======================================== 5. Checkout - Coupon & Login ======================================== */.wc-login-wrap{	margin-bottom:20px;	background-color:var(--color-primary);	color:#fff;	border-radius:5px;	padding:10px}.wc-login-wrap .showlogin{	color:#fff;	display:block;	margin:5px;	font-size:15px}.wc-login-wrap .login{	padding:20px;	margin:10px 0;	color:#000;	font-size:25px}.wc-login-wrap form .lost_password{	float:none;	margin:0}.wc-login-wrap form label[for=rememberme]{	display:block;	vertical-align:middle;	margin:0}.wc-login-wrap form .button{	padding:10px 15px}.wc-login-wrap p{	font-size:15px;	line-height:1.3}.wc-login-wrap .woocommerce-info{	display:initial}/* Reset password form */.woocommerce-ResetPassword.lost_reset_password{	max-width:700px;	margin:0 auto 20px}/* Suppress the old toggle-link approach (not used in our template) */.showcoupon{	display:none}/* --- Coupon form inside order review table --- *//* Coupon form row in order review table */tr.coupon-form-row > td{	padding:10px 16px !important;	border-bottom:1px solid var(--color-border, #e5e7eb)}/* Override ALL WooCommerce defaults on .checkout_coupon */.woocommerce form.checkout_coupon,.woocommerce-page form.checkout_coupon,form.checkout_coupon.woocommerce-form-coupon,.checkout_coupon.woocommerce-form-coupon{	display:block !important;	padding:0 !important;	margin:0 !important;	border:none !important;	background:none !important;	box-shadow:none !important;	border-radius:0 !important}/* Description text */.checkout_coupon.woocommerce-form-coupon .coupon-description{	font-size:12px !important;	color:var(--color-muted, #6b7280) !important;	margin:0 0 6px !important;	padding:0 !important}/* Input + button row */.checkout_coupon.woocommerce-form-coupon .coupon-input-row{	display:flex !important;	gap:8px !important;	margin:0 !important;	padding:0 !important;	align-items:stretch;	width:100% !important}/* Coupon code input */.checkout_coupon.woocommerce-form-coupon input[name="coupon_code"]{	flex:1 1 auto !important;	width:auto !important;	min-width:0 !important;	margin:0 !important;	padding:8px 12px !important;	border:1.5px solid var(--color-border, #e5e7eb) !important;	border-radius:var(--radius-sm, 8px) !important;	font-size:13px !important;	font-family:var(--font-family, Inter, system-ui, sans-serif) !important;	color:var(--color-text, #1a1a2e) !important;	background:#ffffff !important;	box-sizing:border-box !important;	text-transform:none !important}.checkout_coupon.woocommerce-form-coupon input[name="coupon_code"]:focus{	border-color:var(--color-primary, #e1306c) !important;	outline:none !important}/* Apply coupon button */.checkout_coupon.woocommerce-form-coupon .apply_coupon{	flex:0 0 auto !important;	margin:0 !important;	padding:8px 16px !important;	height:auto !important;	font-size:13px !important;	font-weight:600 !important;	line-height:1.4 !important;	border-radius:var(--radius-sm, 8px) !important;	background:var(--color-primary, #e1306c) !important;	color:#fff !important;	border:none !important;	cursor:pointer !important;	transition:opacity 0.2s !important;	white-space:nowrap !important;	text-transform:none !important}.checkout_coupon.woocommerce-form-coupon .apply_coupon:hover{	opacity:0.85 !important}/* Applied coupon discount rows */#order_review tr.cart-discount th,#order_review tr.cart-discount td{	padding:8px 16px;	border-bottom:1px solid var(--color-border, #e5e7eb);	font-size:0.85rem}#order_review tr.cart-discount th{	font-weight:600;	color:var(--color-text, #1a1a2e)}#order_review tr.cart-discount td{	color:#059669;	font-weight:600}#order_review tr.cart-discount .woocommerce-remove-coupon{	font-size:0.75rem;	color:var(--color-primary, #e1306c);	margin-left:6px}/* ======================================== 6. Checkout - Terms & Conditions ======================================== */.woocommerce-terms-and-conditions{	font-size:0.75rem;	text-align:left;	max-width:100%;	line-height:1.4;	margin:0 auto 10px;	padding:14px 16px;	border:1px solid var(--color-border, #e5e7eb);	border-radius:var(--radius-sm, 8px);	background:#f9fafb;	max-height:200px;	overflow-y:auto}.woocommerce-terms-and-conditions-wrapper,.secondafirma{	margin:0 10px}.woocommerce-terms-and-conditions-wrapper .form-row,.automatewoo-optin.form-row,.seconda-firma{	width:100%}#seconda_firma_field > span > label,.woocommerce-terms-and-conditions-checkbox-text{	text-transform:none;	font-size:11px;	line-height:1.3;	position:relative;	max-width:450px;	margin:0 auto;	top:-3px}.woocommerce-terms-and-conditions-wrapper .form-row,.automatewoo-optin.form-row,.seconda-firma .form-row{	margin-bottom:6px;	padding-bottom:0}.terms{	font-size:0.7rem;	margin-top:10px}/* ======================================== 7. Cart Page ======================================== */.woocommerce-cart-wrap{	margin-bottom:1rem}.woocommerce-cart-wrap a.remove{	font-size:25px;	display:initial}.woocommerce-cart-wrap .product-remove a{	color:red}.woocommerce-cart-wrap table.cart th.product-name{	left:initial;	display:none}.woocommerce-cart-wrap .product-quantity{	width:15%}.woocommerce-cart-wrap .cart_item .product-name{	width:initial}.woocommerce-cart-wrap .product-price,.woocommerce-cart-wrap .product-quantity{	width:13%}.woocommerce-cart-wrap .shop_table thead th,.woocommerce-cart-wrap .cart.shop_table thead th,.woocommerce-cart-wrap .wc-item-meta{	text-align:center}.woocommerce-cart-wrap .cross-sells{	width:100%}.woocommerce-cart-form__cart-item.cart_item{	text-align:center}/* Hide cart collaterals */.cart-collaterals{	width:100%;	margin-left:0}.cart-collaterals,.cart-footer,.product-subtotal{	display:none}/* Hide product price column on cart */.product-price{	display:none}/* Cart empty message */.cart-empty{	display:none}/* Cart table variation display */.shop_table .variation,.shop_table .wc-item-meta{	display:table}/* Remove from checkout link */.rimuovidacassa{	margin:0 auto -5px;	text-align:center;	border-bottom:1px solid #acb0b6;	width:35%}/* Hide WC cart wrap (on checkout) */.woocommerce-cart-wrap{	display:none}/* ======================================== 8-9. My Account - Navigation & Content Moved to myaccount.css for better organization. Only override/reset rules that must stay here. ======================================== *//* Hide logout link */.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout{	display:none}/* Hide second address column */.u-column2.col-2.woocommerce-Address{	display:none}.u-column1.col-1.woocommerce-Address{	width:100%}/* Downloads table */td.download-product,td.download-remaining,td.download-expires{	display:none}td.download-file{	width:100%}td.download-file a{	margin:0 auto 0 0}/* ======================================== 10. My Account - Subscriptions & Orders ======================================== *//* Button styling for My Account moved to myaccount.css *//* Update all subscriptions payment */#update_all_subscriptions_payment_method_field{	margin-top:2rem}/* Hide "no subscriptions" message */.no_subscriptions.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info{	display:none}/* Subscription early renewal modal */.wcs_early_renew_modal_note a{	display:none}/* Renewal popup styles are inlined in actions.php *//* Product description in subscriptions */.product-description{	margin-bottom:10px}/* Description in checkout */.descrizionepacchetto{	text-align:center;	font-size:0.8rem;	line-height:0.9rem;	overflow:hidden}/* VIP / Clean fields */#vip_support_field,#clean_field{	zoom:1.15}/* ======================================== 11. WooCommerce Buttons ======================================== *//* Place order + WC buttons shared animation */.acquistaora,#place_order{	border-radius:5px}/* All WC action buttons - transition */.acquistaora,#place_order,.woocommerce-button.button,.button.renew_now,.button.pdfView,.button.pay,.button.cancel,.button.view,.button.change_payment_method,.button.reactivate,.button.subscription_renewal_early{	transition:background-color 0.3s ease-in-out, transform 0.3s ease-in-out}/* WC checkout buttons - hover */.acquistaora:hover,#place_order:hover{	box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);	transform:translateY(-2px);	text-decoration:none}/* Back button */.wc-backward{	width:100%}/* ======================================== 12. WooCommerce Tables ======================================== */.woocommerce-cart-wrap .shop_table thead th,.customer_details thead th,.woocommerce-orders-table thead th{	padding:0 0 9px 3px}/* ======================================== 13. WooCommerce Forms & Inputs ======================================== */form select{	width:100%}/* Select2 override - show native select */.select2-container{	display:none}/* Billing country/state:use native select. * selectWoo is unreliable when initialized inside a hidden parent (invoice section). * Our selector specificity (1,0,1) beats select2.css (.select2-hidden-accessible) specificity (0,1,0) * so our !important rules win even over select2's !important. */#billing_country_field .select2-container,#billing_state_field .select2-container{	display:none !important}#billing_country_field select,#billing_state_field select{	/* Undo select2.css .select2-hidden-accessible hiding */	display:block !important;	position:static !important;	width:100% !important;	height:auto !important;	overflow:visible !important;	clip:auto !important;	clip-path:none !important;	-webkit-clip-path:none !important;	white-space:normal !important;	/* Visual styling — match other checkout inputs */	padding:10px 14px !important;	border:1.5px solid var(--color-border, #e5e7eb) !important;	border-radius:var(--radius-sm, 8px) !important;	font-size:15px !important;	font-family:var(--font-family, Inter, system-ui, sans-serif) !important;	color:var(--color-text, #1a1a2e) !important;	background:#ffffff !important;	margin:0 !important;	box-sizing:border-box !important}.select2-hidden-accessible{	border:1px solid var(--color-primary);	height:38px;	padding:5px 15px;	position:relative;	width:100%}/* Phone field (intl-tel-input) */#billing_phone_field .flag-container{	height:38px}.iti.iti--allow-dropdown.iti--show-flags.wcipi-container.iti--inline-dropdown{	width:100%}.intl-tel-input.allow-dropdown{	width:100%;	line-height:0}span.wcipi-label.valid-msg,span.wcipi-label.error-msg{	position:absolute;	width:100%;	font-size:25px;	padding-left:0;	margin-left:-32px}.int-phone.error-msg,.int-phone.valid-msg{	display:none}/* Invoice fields */#billing_vatcode_field > label > a:nth-child(1),#billing_fiscalcode_field > label > a:nth-child(1){	display:none}#billing_vatcode_field > label > a,#billing_fiscalcode_field > label > a{	display:none}/* Invoice request link */.richiedilafattura{	text-align:center;	width:100%;	margin:2rem 0 -1.7rem}/* Block UI overlay */.blockUI{	background-color:#fff;	opacity:0.75;	z-index:1}/* ======================================== 14. WooCommerce Notices & Errors ======================================== */.woocommerce-error-text{	font-size:0.8rem;	line-height:1rem}.woocommerce-error-text li{	margin-bottom:15px}.woocommerce-error li{	list-style:none}/* ======================================== 15. Product Page (Single) ======================================== */.woocommerce-variation-price{	margin:-15px 0;	text-align:center}.product table.variations{	margin-bottom:-5px}tbody,.variations,#ciclo-di-rinnovo{	width:100%}.woocommerce div.product div.summary .single_variation .price{	color:var(--color-primary)}.product form.cart .button{	width:100%}.product form.cart div.quantity{	width:100%;	float:initial;	display:table;	margin:0 15px 15px 0}.quantity input.qty{	width:90%}.product .quantity input[type=button].is-form{	width:5%}.product_meta{	display:none}/* ======================================== 16. Misc WooCommerce ======================================== *//* Shopping cart widget */.shopping-cart-inner .cart_list li a.remove,.widget_shopping_cart .cart_list li a.remove{	position:initial}/* Hidden form fields on edit account page */#content > div.woocommerce > div > div.woocommerce > div > form > p:nth-child(3),#content > div.woocommerce > div > div.woocommerce > div > form > p:nth-child(4),#content > div.woocommerce > div > div.woocommerce > div > form > p:nth-child(5),#content > div.woocommerce > div > div.woocommerce > div > form > p:nth-child(6){	display:none}/* AutomateWoo email referral form */.aw-email-referral-form div button{	width:fit-content;	font-size:25px;	background:var(--color-primary);	margin-top:0}.aw-email-referral-form div{	text-align:center}.aw-email-referral-form{	border:1px solid;	padding:20px}/* ======================================== 17. Responsive Breakpoints ======================================== *//* ----- Mobile:max-width 640px ----- */@media screen and (max-width:640px){	.woocommerce-account{		text-align:center;	}	table.shop_table tbody tr{		padding-top:10px;		padding-bottom:10px;	}}/* ----- Mobile:max-width 700px ----- */@media screen and (max-width:700px){	.woocommerce-cart-wrap .coupon > *{		width:100%;	}	.wc-coupon-input.input-text{		width:100%;	}	.subscription-price{		margin-top:20px;		font-size:19px;	}}/* ----- Tablet:max-width 768px ----- */@media screen and (max-width:768px){	.woocommerce-orders-table__row{		text-align:center;	}}/* ----- Desktop:min-width 991px ----- */@media screen and (min-width:991px){	.woocommerce-additional-fields{		display:grid;		grid-column-gap:1rem;		grid-template-columns:auto auto;	}	.woocommerce-additional-fields__field-wrapper{		display:none;	}	.wc-credit-card-form .form-row{		width:100%;		display:inline-block;		float:none;		max-width:230px;		margin:0 auto;	}}/* ----- Desktop:min-width 1160px ----- */@media screen and (min-width:1160px){	#customer_details .form-row{		width:100%;		display:block;		padding-right:0;		padding-left:0;		margin:0;		box-sizing:border-box;	}}/* Logged-in email notice on checkout */.wc-login-wrap{	background:var(--color-primary);	color:#ffffff;	padding:10px 16px;	border-radius:var(--radius-sm);	margin-bottom:16px;	font-size:0.9rem}/* ======================================== 17b. Trustpilot Reviews Widget (RDP) ======================================== *//* Reviews Display Plugin — contain to viewport, don't override Swiper internals */.rdp-tp-widget{	max-width:100%;	box-sizing:border-box}/* ======================================== 18. Checkout — Review Order Inline Overrides ======================================== *//* Product price in order review — strikethrough + actual side by side */.woocommerce-checkout-review-order-table .product-total{	text-align:right;	white-space:normal;	word-break:keep-all}.woocommerce-checkout-review-order-table .og-price-strikethrough{	text-decoration:line-through;	color:#999;	font-size:0.85em;	margin-right:6px}/* On narrow screens, stack strikethrough price above actual price */@media (max-width:600px){	.woocommerce-checkout-review-order-table .product-total{		min-width:0;	}	.woocommerce-checkout-review-order-table .og-price-strikethrough{		display:block;		margin-right:0;		margin-bottom:2px;	}}/* ======================================== 19. Form-Pay (order-pay endpoint) ======================================== */#order_review.og-form-pay{	margin-top:-10px !important}#order_review.og-form-pay .shop_table{	padding:0 5px !important}#order_review.og-form-pay .product-name{	font-weight:700;	font-size:110%;	padding:15px 0}/* ======================================== 20. Change Payment Method ======================================== */.wc-order-review.og-change-payment{	background:none !important;	box-shadow:none}.og-change-payment .cart_item{	padding-top:20px !important}/* ======================================== 21. Checkout — Login Toggle Bar ======================================== */.woocommerce-form-login-toggle{	max-width:680px;	margin:0 auto 20px}.woocommerce-form-login-toggle .woocommerce-info{	background:#f8f0f4;	border:1px solid rgba(225, 48, 108, 0.15);	border-radius:var(--radius-sm, 8px);	padding:12px 18px;	margin-bottom:0;	font-size:0.92rem;	color:var(--color-text, #1a1a2e);	display:flex;	align-items:center;	gap:6px}.woocommerce-form-login-toggle .woocommerce-info::before{	content:none}.woocommerce-form-login-toggle .woocommerce-info a{	color:var(--color-primary, #e1306c);	font-weight:600;	text-decoration:none}.woocommerce-form-login-toggle .woocommerce-info a:hover{	text-decoration:underline}/* ======================================== 22. Checkout — Order Review Polish ======================================== */.woocommerce-checkout-review-order{	border:1px solid var(--color-border, #e5e7eb);	border-radius:var(--radius-md, 12px);	overflow:hidden}.woocommerce-checkout-review-order-table{	margin:0}.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{	padding:12px 16px}.woocommerce-checkout-review-order-table thead th{	background:var(--color-primary, #e1306c);	color:#fff;	font-weight:700;	text-transform:uppercase;	letter-spacing:0.04em;	font-size:0.85rem;	border:none}.woocommerce-checkout-review-order-table tfoot .order-total th,.woocommerce-checkout-review-order-table tfoot .order-total td{	background:var(--color-primary, #e1306c);	color:#fff;	font-weight:700;	font-size:1.1rem;	border:none}.woocommerce-checkout-review-order-table tfoot .order-total:not(.recurring-total) .woocommerce-Price-amount{	color:#fff}.recurring-totals-note{	padding:10px 16px;	font-size:0.85rem;	color:var(--color-primary, #e1306c);	font-style:italic;	background:#fef7fa}/* Hide coupon success notice on checkout */.woocommerce-checkout .woocommerce-message{	display:none}