.elementor-3380 .elementor-element.elementor-element-350a320{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-b71a426 *//* ==========================================
   1. STRUTTURA DEL MENU LATERALE
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation {
    width: 30% !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
}

/* 2. LE VOCI DEL MENU (Larghezza totale identica per tutti al 100%) */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li {
    background: #81181E !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 4px 4px 0px 0px #0A1729 !important;
    transition: all 0.1s ease-in-out !important;
    box-sizing: border-box !important;
    width: 100% !important; /* Forza la stessa identica larghezza */
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li a {
    background: transparent !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 20px !important;
    display: block !important;
    text-decoration: none !important;
    border: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}

/* 3. VOCE ATTIVA O HOVER (Cambia solo colore e ombra, SENZA spostarsi di un millimetro) */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li.is-active,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li:hover {
    background: #0A1729 !important; /* Diventa blu notte */
    box-shadow: 4px 4px 0px 0px #0A1729 !important; /* Mantiene la stessa identica dimensione dell'ombra */
    transform: none !important; /* Rimosso lo spostamento per eliminare lo scalino visivo */
    margin: 0 !important;
    width: 100% !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-navigation ul li:hover a {
    color: #ffffff !important;
    background: transparent !important;
}

/* ==========================================
   4. CONTENUTO DELLA BACHECA (AREA DI DESTRA)
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content {
    width: 70% !important;
    padding: 10px 0 10px 40px !important;
    color: #0A1729 !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content a {
    color: #81181E !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content a:hover {
    color: #0A1729 !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content p {
    margin-bottom: 15px !important;
}

/* ==========================================
   5. PERSONALIZZAZIONE BOX DI NOTIFICA ED ERRORI
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-info,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-message {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    color: #0A1729 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
    box-shadow: none !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-info::before,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-message::before {
    display: none !important;
}

/* ==========================================
   6. IL PULSANTE "SFOGLIA PRODOTTI"
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-info a.button,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content a.button,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content .button {
    background: #81181E !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 24px !important;
    border-radius: 0px !important;
    border: none !important;
    display: inline-block !important;
    text-align: center !important;
    width: auto !important;
    margin: 10px 0 0 0 !important;
    box-shadow: 4px 4px 0px 0px #0A1729 !important;
    transition: all 0.1s ease-in-out !important;
    cursor: pointer !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-info a.button:hover,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content a.button:hover,
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-MyAccount-content .button:hover {
    background: #0A1729 !important;
    box-shadow: 0px 0px 0px 0px #0A1729 !important;
    transform: translate(4px, 4px) !important;
    color: #ffffff !important;
}

/* ==========================================
   1. IL CONTENITORE DEL FORM (Centrato e pulito)
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-form-login,
.elementor-3380 .elementor-element.elementor-element-b71a426 form.login {
    border: 2px solid #0A1729 !important; /* Bordo solido blu notte */
    border-radius: 0px !important;
    padding: 30px !important;
    background-color: #ffffff !important;
    max-width: 450px !important;
    margin: 0 auto !important; /* Centra il form nella pagina */
}

/* Titolo "ACCEDI" principale della pagina */
/*h1,*/ .woocommerce h2 {
    /*color: #0A1729 !important;*/
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    /*margin-bottom: 30px !important;*/
}

/* ==========================================
   2. CAMPI DI INPUT (Squadrati e spaziati)
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .form-row label {
    color: #0A1729 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 input[type="text"],
.elementor-3380 .elementor-element.elementor-element-b71a426 input[type="password"],
.elementor-3380 .elementor-element.elementor-element-b71a426 .input-text {
    background-color: #ffffff !important;
    border: 2px solid #e2e2e2 !important;
    border-radius: 0px !important;
    padding: 12px 15px !important;
    color: #0A1729 !important;
    height: 46px !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    transition: border-color 0.2s ease-in-out !important;
}

/* Focus quando si clicca nei campi */
.elementor-3380 .elementor-element.elementor-element-b71a426 input[type="text"]:focus,
.elementor-3380 .elementor-element.elementor-element-b71a426 input[type="password"]:focus {
    border-color: #0A1729 !important;
}

/* Sistemazione della spunta "Ricordami" */
.elementor-3380 .elementor-element.elementor-element-b71a426 .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 10px !important;
    color: #0A1729 !important;
    text-transform: none !important;
    font-size: 14px !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 input[type="checkbox"] {
    border-radius: 0px !important;
    border: 2px solid #0A1729 !important;
}

/* ==========================================
   3. IL PULSANTE "ACCEDI" (Stile Rosso 3D)
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 button[name="login"],
.elementor-3380 .elementor-element.elementor-element-b71a426 .button {
    background-color: #81181E !important; /* Rosso brand */
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 30px !important;
    border-radius: 0px !important;
    border: none !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 140px !important;
    
    /* Ombra netta 3D */
    box-shadow: 4px 4px 0px 0px #0A1729 !important;
    transition: all 0.1s ease-in-out !important;
    cursor: pointer !important;
}

/* Effetto Hover (Si schiaccia e diventa blu notte) */
.elementor-3380 .elementor-element.elementor-element-b71a426 button[name="login"]:hover,
.elementor-3380 .elementor-element.elementor-element-b71a426 .button:hover {
    background-color: #0A1729 !important;
    box-shadow: 0px 0px 0px 0px #0A1729 !important;
    transform: translate(4px, 4px) !important;
    color: #ffffff !important;
}

/* ==========================================
   4. LINK "PASSWORD DIMENTICATA?"
   ========================================== */
.elementor-3380 .elementor-element.elementor-element-b71a426 .lost_password,
.elementor-3380 .elementor-element.elementor-element-b71a426 .lost_password a {
    color: #81181E !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin-top: 15px !important;
    display: block !important;
    transition: color 0.2s ease !important;
    font-size: 13px !important;
}

.elementor-3380 .elementor-element.elementor-element-b71a426 .lost_password a:hover {
    color: #0A1729 !important;
}/* End custom CSS */