/*
Theme Name: Oleum Child
Template: Divi
Version: 1.0
Author: Amministratore
Description: Child theme di Divi per Oleum
*/

/*
=========================================================
TEMA CHILD DIVI – STRUTTURA ORDINATA
=========================================================
Descrizione: Template organizzato per spostare gli stili esistenti
Versione: 1.0
Autore: Amministratore
=========================================================
*/


/* =========================================================
   1. BASE / IMPORT
   ========================================================= */
/* Importa lo stile principale di Divi e definisce i metadati del tema child.
   Non contiene stili di pagina, solo setup generale. */

@import url("../Divi/style.css");

/* Your awesome customization starts here */


/* =========================================================
   2. PAGINA ACCOUNT
      2.1 Sidebar navigazione
      2.2 Tab attivi (navbar)
      2.3 Messaggi e avvisi
      2.4 Tabelle e dettagli ordine
      2.5 Form e campi input
      2.6 Select2 e dropdown
      2.7 Bottoni
   ========================================================= */

/* --- 2.1 SIDEBAR NAVIGAZIONE --- */
/* Gestisce l’aspetto del menu laterale (link, icone, hover, logout). 
   Include anche la regola che lo nasconde se si vuole usare un layout full width. */

/* --- Sidebar (lista navigazione) --- */
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

nav.woocommerce-MyAccount-navigation a {
    background-color: #FFF4E9;
    border: 2px solid #3A312C;
    border-radius: 40px;
    color: #3A312C;
    display: block;
    font-family: Montserrat;
    font-size: .9em;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 5px;
    padding: 15px 0px 15px 20px;
    text-transform: uppercase;
    transition: all .3s;
}

nav.woocommerce-MyAccount-navigation a:hover {
    background: #94a36aba;
    color: #3A312C;
}

nav.woocommerce-MyAccount-navigation li.is-active a {
    background: #3A312C;
    color: #FFF4E9;
}

/* Nascondi voce Downloads */
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads a {
    display: none;
}

/* Tasto logout (spaziatura + hover) */
nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    margin-top: 30px;
}

nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #e02b20;
    color: #fff4e9;
}

/* Icone nei link della sidebar */
nav.woocommerce-MyAccount-navigation a::before {
    content: '\f142';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1em;
    margin-right: 10px;
}

li.woocommerce-MyAccount-navigation-link--orders a::before {
    content:'\f1da';
}

li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content:'\e092';
    font-family: 'ETmodules';
}

li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content:'\f3c5';
}

li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content:'\f4ff';
}

li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content:'\f057';
}

/* Nascondo sidebar + espando contenuto (layout senza nav) */
nav.woocommerce-MyAccount-navigation {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}


/* --- 2.2 TAB ATTIVI (NAVBAR) --- */
/* Evidenzia la scheda attiva nella parte superiore del contenuto account.
   Comprende versioni per desktop e per mobile. */

/* Desktop */
@media (min-width: 981px) {
	body.woocommerce-orders .tab-orders,
	body.woocommerce-edit-address .tab-address,
	body.woocommerce-edit-account .tab-account,
	body.woocommerce-payment-methods .tab-payment,
	body.woocommerce-customer-logout .tab-logout {
    	background-color: #FFF4E9;
		border: 2px solid #3A312C !important;
		border-bottom: 2px solid #FFF4E9 !important; 
	}
	body.woocommerce-orders .tab-orders {
		border-radius: 20px 0 0 0;
	}
}

/* Tablet + Mobile */
@media (max-width: 980px) {
	body.woocommerce-orders .tab-orders,
	body.woocommerce-edit-address .tab-address,
	body.woocommerce-edit-account .tab-account,
	body.woocommerce-payment-methods .tab-payment,
	body.woocommerce-customer-logout .tab-logout {
    	background-color: #FFF4E9;
		border: 2px solid #3A312C !important; 
	}
}

/* Colori testo tab attivi */
body.woocommerce-orders .tab-orders span, 
body.woocommerce-edit-address .tab-address span,
body.woocommerce-edit-account .tab-account span,
body.woocommerce-payment-methods .tab-payment span,
body.woocommerce-customer-logout .tab-logout span {
    color: #3A312C;
}



/* --- 2.3 MESSAGGI E AVVISI --- */
/* Stile dei messaggi WooCommerce (info, success, error) nell’area account. */

#ol-account .woocommerce-info,
#ol-account .woocommerce-message {
    background: none;
    border: 2px solid #94A36A;
    border-radius: 15px;
    color: #3A312C !important;
    font-size: 16px !important;
}

/* Messaggio Metodo pagamento eliminato */
body.woocommerce-payment-methods #ol-account div.woocommerce-message {
    color: #FFF4E9 !important;
    background-color: #94A36A;
}

/* Errori (notices) area account */
#ol-account .woocommerce-error {
    background-color: #E02B20 !important;
    border-radius: 10px;
    color: #fff !important;
    font-family: 'Open sans';
    font-size: 16px !important;
    font-weight: 400;
}

/* Link nel contenuto account (non classe bottoni) */
.woocommerce-MyAccount-content a:not(.button) {
    color: #94A36A;
	text-decoration: underline;
    font-weight: 600;
}

body.single-product .woocommerce-message {
    border-radius: 10px;
}

/* --- 2.4 TABELLE / DETTAGLI ORDINE --- */
/* Imposta bordi, padding, font e colori per ordini e dettagli account. */

/* --- Prime tabelle ordini/storico --- */
#ol-account table.shop_table {
    border: 2px solid #94A36A;
	border-radius: 20px;
	background-color: #fff;
	color: #3A312C;
}

#ol-account table.shop_table td,
#ol-account table.shop_table th {
    padding: 15px 20px;
}

#ol-account table.my_account_orders {
    font-size: 1em;
}

/* --- Dettaglio ordine --- */
#ol-account section.woocommerce-order-details {
    margin-top: 40px;
}

section.woocommerce-order-details,
section.woocommerce-order-details a{ /* --- Dettaglio ordine (ricevuto)--- */
    color: #FFF4E9;
}

section.woocommerce-order-details a{ /* --- Dettaglio ordine (ricevuto)--- */
    text-decoration:underline;
}

#ol-account .woocommerce-customer-details address {
    border-width: 2px;
    padding: 30px;
}

/* Titoli area account */
#ol-account h2 {
    font-size: 35px;
    font-weight: 800;
}

/* --- 2.5 FORM / INPUT --- */
/* Gestisce etichette, campi di input, focus e testi obbligatori.
   Mantiene uno stile coerente con il tema (bordi arrotondati, colori tenui). */

#ol-account label {
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

#ol-account input {
    background: transparent;
    border: 2px #ccc solid;
    border-radius: 35px;
    font-weight: 600;
    margin-bottom: 1em;
}

#ol-account input:focus {
    border-color: #94A36A;
}

/* Pulsanti generici e submit */
#ol-account button.button {
    padding: 0.75em 2em !important;
}

/* Italic reset */
#ol-account em {
    font-style: normal;
}

#ol-account .woocommerce form .form-row .required {
    color: #E02B21;
}

#ol-account .woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
    margin-top: -13px;
}

/* --- 2.6 SELECT2 / DROPDOWN --- */
/* Personalizza l’aspetto dei selettori WooCommerce.
   Comprende selezione singola, opzioni aperte, freccette e dropdown ancorati al body.
   Include anche fix per overflow orizzontale su mobile. */

/* Selettore singolo dentro #ol-account */
#ol-account .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 2px solid #ccc;
    border-radius: 35px !important;
    box-shadow: none !important;
    height: auto;
}

/* Testo interno dentro #ol-account */
#ol-account .select2-selection__rendered {
    background: transparent !important;
    color: #999AA6 !important;
    font-size: 14px;
    line-height: normal !important;
    padding: 1.5em 3em 1.5em 1em !important;
}

/* Freccetta */
.select2-container .select2-selection--single .select2-selection__arrow b {
    margin: -14px 0 0 -10px;
}

/* Dropdown aperti (si agganciano al body) */
body.woocommerce-account .select2-container--open .select2-dropdown {
    background-color: #FFF4E9 !important;
    border: 2px solid #94A36A !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    max-width: calc(100vw - 24px) !important;
    overflow: hidden !important;
}

body.woocommerce-account .select2-container--open .select2-dropdown--below {
    margin-top: 10px !important;
}

body.woocommerce-account .select2-container--open .select2-dropdown--above {
    margin-top: -5px !important;
}

body.woocommerce-account .select2-container--open .select2-results__option--highlighted {
    background: #E6DACB !important;
    color: #000 !important;
}

body.woocommerce-account .select2-container--open .select2-search--dropdown .select2-search__field {
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Elimino sbordamento orizzontale su account */
body.woocommerce-account {
    overflow-x: hidden;
}

/* Distanzio container dropdown */
span.select2-selection {
    margin-bottom: 10px !important;
}


/* --- 2.7 BOTTONI --- */
/* Gestisce padding, margini e allineamenti dei bottoni in area account.
   Comprende bottoni generici e specifici come “Salva indirizzo” e “Salva dettagli account”. */

/* Bottoni submit specifici */
#ol-account button.button[type="submit"][name="save_address"] {
    margin-top: 30px;
}

#ol-account button.button[type="submit"][name="save_account_details"] {
    margin-top: 20px;
}

/* Sistemo padding dei link-bottone generici */
#ol-account a.button {
    padding: 0.75em 2em !important;
}


/* =========================================================
   3. PAGINA CHECKOUT / PAGAMENTO
   ========================================================= */
/* Contiene gli stili per la pagina di pagamento e gli avvisi correlati.
   Include personalizzazione di box informativi e rimozione di alert superflui. */

/* Pagina pagamento — info box */
#ol-pay div.woocommerce-info {
    background-color: #fff;
    border: 2px solid #DE2B20;
    border-radius: 8px;
    color: #3A312C !important;
    font-family: 'Open Sans';
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.9em;
    margin-bottom: 0;
}

/* Nascondo alert location da payment method choice */
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview {
    display: none;
}

/* Alert check terms & conditions */
body.woocommerce-checkout ul.woocommerce-error {
    background-color: #000;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 16px !important;
}



/* =========================================================
   4. PRIVACY POLICY / TERMINI
   ========================================================= */
/* Formatta titoli e paragrafi nelle pagine di Privacy Policy e Termini e Condizioni.
   Gestisce spaziatura verticale e leggibilità. */

#privacy-custom h2,
#termini-custom h2,
#accessibility-custom h2{
    margin-top: 40px !important;
}

#privacy-custom p,
#termini-custom p,
#accessibility-custom p{
    padding-bottom: 15px !important;
}

#privacy-custom h3,
#termini-custom h3,
#accessibility-custom h3{
    padding-bottom: 20px !important;
	font-weight: bold !important;
}

#privacy-custom h4,
#termini-custom h4,
#accessibility-custom h4{
    padding-bottom: 15px !important;
	font-weight: 400 !important;
}


/* =========================================================
   5. HEADER / COMPONENTI GENERICI
   ========================================================= */
/* Corregge e uniforma elementi dell’header come la barra di ricerca.
   Include anche elementi riutilizzabili come i bottoni inline. */

/* Correzioni header — barra ricerca */
#cerca-custom input.et_pb_searchsubmit {
    background-color: #FFF4E9 !important;
    border-color: #FFF4E9 !important;
    border-radius: 35px !important;
}

#cerca-custom input.et_pb_s {
    border-color: #FFF4E9 !important;
    border-radius: 35px 0px 0px 35px !important;
    margin-right: -20px !important;
}

/* Button side by side */
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/* Nascondo div reCAPTCHA invisibile PayPal (product page) */
.single-product #ppcp-recaptcha-v2-container {
    margin: 0 !important;
}

.single-product .summary.entry-summary {
    padding-top: 0px; /* evita il collapsing dei margini */
}


/* =========================================================
   6. LOGIN / REGISTRAZIONE (area non loggata)
   ========================================================= */
/* Stile dei form di accesso e registrazione WooCommerce.
   Gestisce sfondo, ombre, input, focus e colori dei link.
   Include media query per l’adattamento responsive.
   Contiene anche fix per il reCAPTCHA PayPal invisibile nei prodotti. */

#ol-account form.woocommerce-form.woocommerce-form-login.login,
#ol-account form.woocommerce-form.woocommerce-form-register.register {
    background-color: #fff;
    border: 0;
    border-radius: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#ol-account form.woocommerce-form.woocommerce-form-login.login input,
#ol-account form.woocommerce-form.woocommerce-form-register.register input {
    background-color: #F5F5F5 !important;
    border: 2px solid #F5F5F5 !important;
}

#ol-account form.woocommerce-form.woocommerce-form-login.login input:focus,
#ol-account form.woocommerce-form.woocommerce-form-register.register input:focus {
    border: 2px solid #94a36a !important;
}

#ol-account form.woocommerce-form.woocommerce-form-login.login a,
#ol-account form.woocommerce-form.woocommerce-form-register.register a {
    color: #94a36a;
}

@media (max-width: 767px) {
    #ol-account form.woocommerce-form.woocommerce-form-register.register button {
        margin-top: 20px;
    }
}

@media (min-width: 981px) {
    #ol-account form.woocommerce-form.woocommerce-form-register.register button {
        margin-top: 4px;
    }
}


/* =========================================================
   7. FIX OVERLAP / STICKY / Z-INDEX / DROPDOWN
   ========================================================= */
/* Corregge i problemi di sovrapposizione tra header sticky, colonne e dropdown.
   Assicura che i menu Select2 e gli elementi in sticky non vengano tagliati.
   Gestisce i livelli di z-index per header, colonne sticky e placeholder. */

/* Reset: nessuno z-index “strano” a riposo */
body.woocommerce-checkout .et_pb_column_8_tb_body {
    z-index: auto !important;
}

/* In sticky/fixed: sopra contenuti ma sotto header */
body.woocommerce-checkout .et_pb_column_8_tb_body.et_pb_sticky,
body.woocommerce-checkout .et_pb_column_8_tb_body.et_pb_sticky--top {
    pointer-events: auto !important;
    z-index: 10000 !important; /* alto ma < header */
}

/* Theme Builder header */
.et-l--header,
.et_builder_inner_content .et_pb_section.et_pb_section_0_tb_header {
    z-index: 11000 !important;
}

body.woocommerce-checkout .et_pb_sticky_placeholder {
    pointer-events: none !important;
}

/* Niente tagli: lasciare passare dropdown/select2 */
body.woocommerce-checkout .et_pb_section,
body.woocommerce-checkout .et_pb_row,
body.woocommerce-checkout .et_pb_column {
	overflow-x: hidden !important;
}

/* Select2 sopra allo sticky */
body.woocommerce-checkout .et_pb_sticky--top .select2-container {
    z-index: 10001 !important;
}

body.woocommerce-checkout .select2-container .select2-dropdown {
    z-index: 10002 !important;
}


/* =========================================================
   8. PULSANTI WOOCOMMERCE (stile coerente)
   ========================================================= */
/* Unifica padding e comportamento hover dei bottoni WooCommerce in tutto il sito.
   Evita disallineamenti tra a.button, input.button e submit.button. */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input[type="submit"].button {
    padding: 7px 20px !important; /* personalizza a piacere */
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input[type="submit"].button:hover {
    padding: 7px 20px !important; /* personalizza a piacere */
}


/* =========================================================
   9. PAGINA “ORDINE RICEVUTO” (thank you page)
   ========================================================= */
/* Personalizza la pagina di conferma ordine (thank you).
   Gestisce font, colori, layout tabelle, box indirizzi e colonna unica.
   Include anche la rimozione di elementi superflui (es. pay-path). */

body.woocommerce-order-received .et_pb_column.et_pb_column_1_2.et_pb_column_7_tb_body.et_pb_css_mix_blend_mode_passthrough.et_pb_column_empty {
    display: none;
}

body.woocommerce-order-received .et_pb_column.et_pb_column_1_2.et_pb_column_8_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 100% !important; 
	margin-bottom: 50px;
}

body.woocommerce-order-received #checkout-pros {
	display: none;
}

/* Tabelle e box */
body.woocommerce-order-received table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table,
body.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
body.woocommerce-order-received table.woocommerce-MyAccount-paymentMethods.shop_table.shop_table_responsive.account-payment-methods-table {
    border: none !important;
    border-radius: 20px;
	background-color: #FFF4E9 !important;
}

body.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-family: 'Space Grotesk';
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
	color: #FFF4E9;
}

body.woocommerce-order-received h2.woocommerce-order-details__title {
    font-size: 22px;
    font-weight: 600;
	color: #FFF4E9;
}

body.woocommerce-order-received h2.woocommerce-column__title {
    font-size: 22px;
    font-weight: bold;
	color: #FFF4E9;
}

/* Mobile */
@media (max-width: 767px) {
	body.woocommerce-order-received h2.woocommerce-order-details__title {
	  font-size: 20px;
	}
	
  	body.woocommerce-order-received h2.woocommerce-column__title {
	  font-size: 20px;
	}
	
	body.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
		font-size: 25px;
	}
}

body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding: 0;
}

body.woocommerce-order-received li.woocommerce-order-overview__email.email,
body.woocommerce-order-received li.woocommerce-order-overview__payment-method.method {
    display: none !important;
}

body.woocommerce-order-received li.woocommerce-order-overview__order.order {
    border: none !important;
    width: 33.33%;
}

body.woocommerce-order-received ul.order_details li {
    border: none !important;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 33.33%;
}

body.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 2px solid #FFF4E9;
}

body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-order-details a {
    color: #3A312C;
}

body.woocommerce-order-received section.woocommerce-order-details a {
    text-decoration: underline;
}

body.woocommerce-order-received td.woocommerce-table__product-name.product-name,
body.woocommerce-order-received td.woocommerce-table__product-total.product-total {
    border: none !important;
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}

/* Address box (override più specifico con colore/radius/padding) */
body.woocommerce-order-received .woocommerce-customer-details address {
    background-color: #FFF4E9;
	border: 2px solid #94A36A;
    border-radius: 20px;
	color: #3A312C;
    padding: 10px 20px;
}

/* nascondo icona mail */
body.woocommerce-order-received p.woocommerce-customer-details--email:before {
	display:none;
}

/* mail indirizzo di fatturazione */
body.woocommerce-order-received p.woocommerce-customer-details--email {
	color: #3A312C !important;
	padding: 0 !important;
	font-weight: bold;
}

/* Layout colonne thank-you (nascondo colonna vuota e forzo full width sulla seconda) */
body.woocommerce-order-received .et_pb_column.et_pb_column_1_2.et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough.et_pb_column_empty {
    display: none !important;
}

body.woocommerce-order-received .et_pb_column_10_tb_body {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Elimina padding/margini laterali interni residui */
body.woocommerce-order-received .et_pb_column_10_tb_body .et_pb_module {
    width: 100%;
}

body {
	overflow-x: hidden !important;
}

body.woocommerce-order-received .pay-path {
    display: none;
}


/* =========================================================
   10. BOX PAGAMENTO CHECKOUT
   ========================================================= */
/* Racchiude stile e correzioni del box dei metodi di pagamento al checkout */

.woocommerce-checkout #payment .payment_box.payment_method_ppcp {
    background-color: #fff !important;
}

#payment .payment_box.payment_method_ppcp p {
    color: #757575 !important;
}

#payment .wc-stripe-wallet-notice p.wc-stripe-wallet-notice--text img {
    margin-right: 2% !important;
}

#payment .wc-stripe-wallet-notice p.wc-stripe-wallet-notice--text{
    font-weight: normal;
}

#payment .et_pb_wc_checkout_payment_info_0_tb_body .wc_payment_method p {
    color:#757575 !important;
}

.et_pb_wc_checkout_payment_info_0_tb_body .wc_payment_method p.wc-stripe-wallet-notice--selected-gateway {
    margin-top: 10px;
    margin-bottom: -10px !important;
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method {
    margin-bottom: 5px !important;
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method:last-child {
    margin-bottom: 0 !important;
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method:has(> input[type="radio"]:checked) {
    /* stile del li selezionato */
    color: #3A312C !important;
    background: #fff;
    border: 1px solid #3A312C;
    padding: 15px;
    border-radius: 10px;
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method:not(:has(> input[type="radio"]:checked)) {
    /* stile del li NON selezionato */
    color: #3A312C !important;
    background: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 15px;
    border-radius: 10px;
}


.woocommerce-checkout #payment label.save-source-label {
    color: #3A312C;
}

.woocommerce-checkout #payment .payment_box.payment_method_ppcp {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02);
    border: 1px solid #e6e6e6;
    border-radius: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important ;
}

.payment_box.payment_method_stripe_applepay.wc-stripe-no-methods,
.payment_box.payment_method_stripe_googlepay.wc-stripe-no-methods,
.payment_box.payment_method_stripe_upm.wc-stripe-no-methods {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
}



.woocommerce-checkout #payment p.form-row.validate-required{
    margin: 0 0 20px 0;
    color: #FFF4E9;
}

.woocommerce-checkout #payment p.form-row.validate-required a {
    color: #FFF4E9;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 980px) {
    .woocommerce-checkout #payment .checkout .col-1, .checkout .col-2 {
        margin-bottom: 0px !important;
    }
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method > input[type="radio"] + label {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.et_pb_wc_checkout_payment_info_0_tb_body .wc_payment_method p.wc-stripe-wallet-notice--selected-gateway,
.et_pb_wc_checkout_payment_info_0_tb_body .wc_payment_method p.wc-stripe-wallet-notice--text {
    font-family: 'Open Sans','Roboto',Helvetica,Arial,Lucida,sans-serif !important;
    color: #757575 !important;
}



/* =========================================================
   11. MICRO-FIX UI / FINALI
   ========================================================= */
/* Racchiude micro-correzioni visive o di margine non legate a sezioni specifiche.
   Esempi: spaziatura testi, fix minori nei moduli sticky, ecc. */

/* Spaziatura testo sticky row interna su product */
body.single-product .et_pb_row_inner.et_pb_row_inner_0.et_pb_sticky_module p {
    margin: 20px 0;
}

/* Correggo overflow e tagli di pagina carrello */
body.woocommerce-cart .et_pb_section,
body.woocommerce-cart .et_pb_row,
body.woocommerce-cart .et_pb_column {
  overflow: initial !important; /* o remove via specificity */
}

body.woocommerce-checkout .et_pb_section,
body.woocommerce-checkout .et_pb_row,
body.woocommerce-checkout .et_pb_column {
  overflow: initial !important; /* o remove via specificity */
}

/* Correzione video hero-section
@media (min-width: 768px) {
	#my-section .et_pb_section_video_bg video {
  	transform: translateY(-12.5%);
	}
}*/

@media (min-width: 981px) {
  #my-section .et_pb_section_video_bg video {
    transform: translateY(-12.5%);
  }
}

body.single-product div#wc-stripe-klarna-product-msg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}