/* SparkleMode My Account v1.9.12 */

.smacct-wrap,
.smacct-wrap *{
    box-sizing:border-box;
}

.smacct-wrap{
    width:100%;
    background:#fff;
    color:#30354a;
}

.smacct-shell{
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

.smacct-grid{
    display:flex;
    align-items:flex-start;
    gap:28px;
}

.smacct-sidebar{
    flex:0 0 24%;
    max-width:24%;
    padding:22px 18px;
    background:#fff;
    border:1px solid #e8e9ef;
    border-radius:16px;
}

.smacct-sidebar-title{
    margin:0 0 18px;
    color:#071054;
    font-size:24px;
    line-height:1.2;
    font-weight:600;
}

.smacct-nav{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.smacct-nav-link{
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px 14px;
    background:transparent;
    color:#30354a;
    border-radius:10px;
    text-decoration:none!important;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}

.smacct-nav-link:hover{
    background:#fbf8f5;
    color:#071054;
    transform:translateX(2px);
}

.smacct-nav-item.is-active .smacct-nav-link{
    background:#071054;
    color:#fff;
}

.smacct-nav-icon{
    display:inline-flex;
    width:20px;
    height:20px;
    min-width:20px;
    align-items:center;
    justify-content:center;
    color:#071054;
}

.smacct-nav-item.is-active .smacct-nav-icon{
    color:#fff;
}

.smacct-nav-icon svg{
    display:block;
    width:100%;
    height:100%;
}

.smacct-main{
    flex:1 1 auto;
    min-width:0;
}

.smacct-welcome{
    margin-bottom:24px;
}

.smacct-welcome-title{
    margin:0 0 8px;
    color:#071054;
    font-family:Georgia,"Times New Roman",serif;
    font-size:34px;
    line-height:1.2;
    font-weight:500;
}

.smacct-welcome-text{
    max-width:680px;
    margin:0;
    color:#5b6070;
    font-size:15px;
    line-height:1.7;
}

.smacct-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.smacct-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    min-height:116px;
    padding:20px;
    background:#fff;
    border:1px solid #e7e9f0;
    border-radius:14px;
    box-shadow:0 7px 24px rgba(7,16,84,.06);
    color:inherit;
    text-decoration:none!important;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.smacct-card:hover{
    background:#fbf8f5;
    border-color:#d9dce6;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(7,16,84,.09);
}

.smacct-card-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:12px;
    background:#fbf3f7;
    color:#d92d62;
}

.smacct-card-icon svg{
    width:25px;
    height:25px;
}

.smacct-card-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.smacct-card-title{
    color:#071054;
    font-size:15px;
    line-height:1.3;
    font-weight:700;
}

.smacct-card-text{
    color:#666b78;
    font-size:13px;
    line-height:1.45;
}

.smacct-card-arrow{
    color:#071054;
    font-size:25px;
    line-height:1;
    font-weight:300;
}

.smacct-content-panel,
.smacct-login-panel{
    padding:24px;
    background:#fff;
    border:1px solid #e7e9f0;
    border-radius:16px;
}

.smacct-content-panel h2,
.smacct-content-panel h3,
.smacct-login-panel h2{
    color:#071054;
}

.smacct-wrap .woocommerce-MyAccount-navigation{
    display:none!important;
}

/* Woo tables */
.smacct-wrap .woocommerce-orders-table,
.smacct-wrap .woocommerce-table,
.smacct-wrap table.shop_table{
    width:100%;
    border:1px solid #e7e9f0!important;
    border-radius:12px!important;
    overflow:hidden;
    border-collapse:separate!important;
    border-spacing:0!important;
}

.smacct-wrap table th,
.smacct-wrap table td{
    padding:13px 14px!important;
    border-color:#edf0f4!important;
}

/* Forms */
.smacct-wrap .form-row{
    margin:0 0 16px!important;
}

.smacct-wrap label{
    display:block;
    margin:0 0 7px;
    color:#30354a;
    font-size:13px;
    font-weight:600;
}

.smacct-wrap input:not([type="checkbox"]):not([type="radio"]),
.smacct-wrap select,
.smacct-wrap textarea{
    width:100%;
    min-height:50px;
    padding:11px 14px;
    border:1px solid #d9dce5;
    border-radius:12px;
    background:#fff;
    color:#30354a;
    box-shadow:none!important;
    outline:none;
}

.smacct-wrap textarea{
    min-height:120px;
    resize:vertical;
}

.smacct-wrap input:focus,
.smacct-wrap select:focus,
.smacct-wrap textarea:focus{
    border-color:#071054;
}

/* Buttons */
.smacct-wrap .woocommerce-Button,
.smacct-wrap .woocommerce-button,
.smacct-wrap button.button{
    min-height:46px;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    border:1px solid #071054!important;
    border-radius:10px!important;
    background:#071054!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:700;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}

.smacct-wrap .woocommerce-Button:hover,
.smacct-wrap .woocommerce-button:hover,
.smacct-wrap button.button:hover{
    border-color:#d92d62!important;
    background:#d92d62!important;
    color:#fff!important;
}

/* Notices */
.smacct-wrap .woocommerce-message,
.smacct-wrap .woocommerce-info,
.smacct-wrap .woocommerce-error{
    margin:0 0 18px!important;
    padding:14px 16px!important;
    border:1px solid #e3e5eb!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#30354a!important;
}

/* Addresses */
.smacct-wrap .woocommerce-Address{
    padding:20px;
    border:1px solid #e7e9f0;
    border-radius:14px;
    background:#fff;
}

.smacct-wrap .woocommerce-Address-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.smacct-wrap .woocommerce-Address-title h3{
    margin:0;
}

/* Login / register */
.smacct-logged-out .smacct-shell{
    max-width:980px;
}

.smacct-login-panel .u-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.smacct-login-panel .u-column1,
.smacct-login-panel .u-column2{
    float:none!important;
    width:auto!important;
    max-width:none!important;
}

@media(max-width:1024px){
    .smacct-grid{
        gap:20px;
    }

    .smacct-sidebar{
        flex-basis:28%;
        max-width:28%;
    }

    .smacct-welcome-title{
        font-size:30px;
    }
}

@media(max-width:767px){
    .smacct-grid{
        display:block;
    }

    .smacct-sidebar{
        width:100%;
        max-width:none;
        margin-bottom:22px;
    }

    .smacct-nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .smacct-nav-link{
        height:100%;
    }

    .smacct-cards{
        grid-template-columns:1fr;
    }

    .smacct-welcome-title{
        font-size:28px;
    }

    .smacct-login-panel .u-columns{
        grid-template-columns:1fr;
    }
}

@media(max-width:480px){
    .smacct-nav{
        grid-template-columns:1fr;
    }

    .smacct-card{
        min-height:104px;
        padding:16px;
    }
}


/* ==========================================================
   v1.9.14 — My Account Login / Register UI
   ========================================================== */
.smacct-logged-out{padding:56px 24px 72px;background:#fbf8f5}
.smacct-logged-out .smacct-shell{max-width:1180px}
.smacct-auth-header{max-width:760px;margin:0 auto 34px;text-align:center}
.smacct-auth-kicker{display:block;margin-bottom:12px;color:#d92d62;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.smacct-auth-header h1{margin:0 0 12px;color:#071054;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.2;font-weight:500}
.smacct-auth-header p{margin:0;color:#5b6070;font-size:16px;line-height:1.7}
.smacct-login-panel{padding:0!important;border:0!important;background:transparent!important}
.smacct-login-panel .u-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px!important}
.smacct-login-panel .u-column1,.smacct-login-panel .u-column2{float:none!important;width:auto!important;max-width:none!important;min-width:0;padding:34px!important;border:1px solid #e7e9f0;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(7,16,84,.07)}
.smacct-login-panel .u-column1 h2,.smacct-login-panel .u-column2 h2{margin:0 0 22px;color:#071054;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.25;font-weight:500}
.smacct-login-panel .u-column1 h2:before{content:attr(data-title);display:none}
.smacct-login-panel form{margin:0!important;padding:0!important;border:0!important}
.smacct-login-panel .form-row{margin:0 0 16px!important}
.smacct-login-panel label{display:block;margin:0 0 7px;color:#30354a;font-size:13px;font-weight:600}
.smacct-login-panel input.input-text{width:100%!important;height:52px!important;min-height:52px!important;padding:0 14px!important;border:1px solid #d9dce5!important;border-radius:12px!important;background:#fff;box-shadow:none!important}
.smacct-login-panel input.input-text:focus{border-color:#071054!important;outline:none!important;box-shadow:0 0 0 3px rgba(7,16,84,.06)!important}
.smacct-login-panel .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 14px}
.smacct-login-panel input[type="checkbox"]{accent-color:#071054}
.smacct-login-panel .woocommerce-button,.smacct-login-panel button.button{width:100%!important;height:52px!important;min-height:52px!important;padding:0 22px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #071054!important;border-radius:12px!important;background:#071054!important;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em;text-transform:uppercase}
.smacct-login-panel .woocommerce-button:hover,.smacct-login-panel button.button:hover{border-color:#d92d62!important;background:#d92d62!important;color:#fff!important}
.smacct-login-panel a{color:#d92d62;text-decoration:none}.smacct-login-panel a:hover{color:#071054}
.smacct-login-panel .woocommerce-LostPassword{margin:14px 0 0!important}
.smacct-login-panel .woocommerce-privacy-policy-text,.smacct-login-panel .woocommerce-form-register p{color:#666b78;font-size:13px;line-height:1.65}
.smacct-auth-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin-top:24px;padding:17px 20px;border:1px solid #e7e9f0;border-radius:14px;background:#fff;color:#071054;font-size:13px;font-weight:600}
@media(max-width:767px){.smacct-logged-out{padding:34px 16px 54px}.smacct-auth-header h1{font-size:32px}.smacct-login-panel .u-columns{grid-template-columns:1fr!important;gap:18px!important}.smacct-login-panel .u-column1,.smacct-login-panel .u-column2{padding:24px 20px!important;border-radius:16px}.smacct-login-panel .u-column1 h2,.smacct-login-panel .u-column2 h2{font-size:26px}.smacct-auth-benefits{justify-content:flex-start;gap:10px 18px}}


/* ==========================================================
   v1.9.15 — Login / Register tab switcher
   ========================================================== */

.smacct-login-panel{
    max-width:620px;
    margin:0 auto;
}

.smacct-auth-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:0 auto 22px;
    padding:5px;
    border:1px solid #e7e9f0;
    border-radius:16px;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(7,16,84,.04);
}

.smacct-auth-tab{
    appearance:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:48px;
    min-height:48px;
    padding:0 18px;
    border:1px solid #dfe2e8;
    border-radius:12px;
    background:#fff;
    color:#071054;
    box-shadow:none;
    cursor:pointer;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-align:center;
    transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}

.smacct-auth-tab:hover{
    background:#fbf8f5;
    color:#071054;
}

.smacct-auth-tab.is-active{
    border-color:#071054;
    background:#071054;
    color:#fff;
}

.smacct-auth-tab:focus{
    outline:none;
}

.smacct-auth-tab:focus-visible{
    outline:2px solid rgba(7,16,84,.22);
    outline-offset:2px;
}

/* WooCommerce still outputs both native columns for authentication.
   Only the active tab is visible to the customer. */
.smacct-login-panel .u-columns{
    display:block!important;
    width:100%!important;
}

.smacct-login-panel .u-column1,
.smacct-login-panel .u-column2{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
}

.smacct-login-panel .u-column1[hidden],
.smacct-login-panel .u-column2[hidden]{
    display:none!important;
}

.smacct-login-panel .u-column1.is-auth-active,
.smacct-login-panel .u-column2.is-auth-active{
    display:block!important;
}

/* Remove the old two-card/grid spacing from v1.9.14. */
.smacct-login-panel .u-columns.col2-set{
    grid-template-columns:none!important;
    gap:0!important;
}

/* Keep only one compact card below the switcher. */
.smacct-login-panel .u-column1,
.smacct-login-panel .u-column2{
    padding:34px!important;
    border:1px solid #e7e9f0!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(7,16,84,.07)!important;
}

/* Hide Woo's float clearing artifacts where present. */
.smacct-login-panel .u-columns::before,
.smacct-login-panel .u-columns::after{
    display:none!important;
    content:none!important;
}

@media(max-width:767px){
    .smacct-login-panel{
        max-width:100%;
    }

    .smacct-auth-tabs{
        gap:7px;
        padding:4px;
        border-radius:14px;
    }

    .smacct-auth-tab{
        min-height:46px;
        height:46px;
        padding:0 12px;
        border-radius:10px;
    }

    .smacct-login-panel .u-column1,
    .smacct-login-panel .u-column2{
        padding:24px 20px!important;
        border-radius:16px!important;
    }
}
