/*
 * MIRKA Account
 * Editorial Jewelry Account UI
 */

body.woocommerce-account{
    background:#f4f0e5;
}

body.woocommerce-account .mirka-account-page{
    direction:rtl;
    color:#30352b;
    background:#f4f0e5;
}

.mirka-account-shell{
    width:min(1540px, calc(100% - 64px));
    margin-inline:auto;
}


/* HERO */

.mirka-account-hero{
    position:relative;
    overflow:hidden;
    padding:72px 0 68px;
    text-align:center;
    border-bottom:1px solid rgba(51,58,43,.12);
    background:
        radial-gradient(circle at 80% 20%,
        rgba(183,166,123,.18),
        transparent 34%),
        #f1ede2;
}

.mirka-account-eyebrow{
    display:block;
    margin-bottom:15px;
    font-size:10px;
    letter-spacing:.25em;
    color:#827b69;
}

.mirka-account-hero h1{
    margin:0;
    font-size:clamp(32px,4vw,58px);
    font-weight:400;
    line-height:1.15;
    color:#30352b;
}

.mirka-account-hero p{
    margin:16px 0 0;
    font-size:14px;
    color:#706c60;
}


/* MAIN */

.mirka-account-main{
    padding:54px 0 0;
}

.mirka-account-layout{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:52px;
    align-items:start;
}


/* NAV */

.mirka-account-sidebar{
    position:sticky;
    top:30px;
}

.mirka-account-nav{
    width:100% !important;
    float:none !important;
    border-left:1px solid rgba(49,56,43,.15);
}

.mirka-nav-title{
    margin-bottom:22px;
}

.mirka-nav-title span{
    display:block;
    margin-bottom:5px;
    font-size:9px;
    letter-spacing:.2em;
    color:#a0967d;
}

.mirka-nav-title strong{
    font-size:18px;
    font-weight:500;
}

.mirka-account-nav ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.mirka-account-nav li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

.mirka-account-nav li a{
    display:flex !important;
    align-items:center;
    gap:11px;
    min-height:44px;
    padding:8px 2px 8px 16px !important;
    border-bottom:1px solid rgba(49,56,43,.08);
    color:#55594e !important;
    text-decoration:none !important;
    font-size:13px;
    transition:.2s ease;
}

.mirka-account-nav li a:hover,
.mirka-account-nav li.is-active a{
    color:#30372b !important;
    padding-right:8px !important;
}

.mirka-account-nav li.is-active a{
    font-weight:600;
}

.mirka-nav-icon{
    width:18px;
    text-align:center;
    opacity:.7;
}


/* CONTENT */

.woocommerce-account .woocommerce-MyAccount-content,
.mirka-account-content{
    float:none !important;
    width:100% !important;
    min-width:0;
}

.mirka-dashboard-heading{
    margin-bottom:42px;
}

.mirka-section-kicker{
    display:block;
    margin-bottom:9px;
    font-size:9px;
    letter-spacing:.18em;
    color:#9a917a;
}

.mirka-dashboard-heading h2{
    margin:0 0 10px;
    font-size:clamp(26px,3vw,42px);
    font-weight:400;
    color:#30362b;
}

.mirka-dashboard-heading p{
    margin:0;
    max-width:620px;
    color:#777367;
    font-size:13px;
    line-height:2;
}


/* SECTIONS */

.mirka-account-section{
    margin-bottom:62px;
}

.mirka-section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:19px;
    padding-bottom:13px;
    border-bottom:1px solid rgba(49,56,43,.16);
}

.mirka-section-head > div{
    display:flex;
    align-items:center;
    gap:12px;
}

.mirka-section-head span{
    font-size:10px;
    color:#aaa087;
}

.mirka-section-head h3{
    margin:0;
    font-size:18px;
    font-weight:500;
}

.mirka-section-head > a{
    color:#656859;
    font-size:11px;
    text-decoration:none;
}


/* ORDERS */

.mirka-orders-list{
    display:grid;
    gap:1px;
    background:rgba(49,56,43,.12);
}

.mirka-order-card{
    display:grid;
    grid-template-columns:94px minmax(0,1fr) auto;
    gap:20px;
    align-items:center;
    padding:14px;
    background:#f4f0e5;
}

.mirka-order-image{
    aspect-ratio:1;
    overflow:hidden;
    background:#e8e1d2;
}

.mirka-order-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.mirka-order-info > strong{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-weight:500;
}

.mirka-order-info dl{
    display:flex;
    flex-wrap:wrap;
    gap:8px 28px;
    margin:0;
}

.mirka-order-info dl div{
    display:flex;
    gap:7px;
}

.mirka-order-info dt{
    color:#99917e;
    font-size:10px;
}

.mirka-order-info dd{
    margin:0;
    font-size:11px;
    color:#55584d;
}

.mirka-order-view{
    min-width:80px;
    padding:9px 14px;
    border:1px solid #737661;
    color:#3f4438 !important;
    text-align:center;
    text-decoration:none !important;
    font-size:10px;
}

.mirka-order-view:hover{
    background:#343b2f;
    color:#fff !important;
}


/* PROFILE */

.mirka-account-info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.mirka-profile-card,
.mirka-address-card{
    min-height:190px;
    padding:28px;
    background:#e8e0cf;
}

.mirka-card-label{
    display:block;
    margin-bottom:28px;
    font-size:9px;
    letter-spacing:.15em;
    color:#948a72;
}

.mirka-profile-card h4,
.mirka-address-card h4{
    margin:0 0 9px;
    font-size:18px;
    font-weight:500;
}

.mirka-profile-card p,
.mirka-address-card p,
.mirka-address-text{
    margin:0 0 22px;
    color:#6f6b5e;
    font-size:12px;
    line-height:1.9;
}

.mirka-profile-card a,
.mirka-address-card a{
    color:#404639;
    font-size:11px;
    text-decoration:underline;
    text-underline-offset:4px;
}


/* PRODUCTS */

.mirka-account-recommendations{
    position:relative;
    width:calc(100% + 292px);
    margin-right:-292px;
    padding:58px 34px 70px;
    background:#b5a083;
}

.mirka-recommendation-title{
    margin-bottom:30px;
    text-align:center;
}

.mirka-recommendation-title span{
    display:block;
    margin-bottom:7px;
    font-size:9px;
    letter-spacing:.18em;
    color:#e9e0d2;
}

.mirka-recommendation-title h2{
    margin:0;
    color:#fffaf0;
    font-size:28px;
    font-weight:400;
}

.mirka-account-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px 13px;
}

.mirka-account-product{
    min-width:0;
}

.mirka-account-product-image{
    display:block;
    overflow:hidden;
    aspect-ratio:1;
    background:#ddd3c1;
}

.mirka-account-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.mirka-account-product:hover img{
    transform:scale(1.025);
}

.mirka-account-product-body{
    padding-top:10px;
}

.mirka-account-product-body > a{
    display:block;
    color:#332f28 !important;
    text-decoration:none !important;
    font-size:12px;
    line-height:1.6;
}

.mirka-account-product-price{
    margin-top:5px;
    color:#4b463c;
    font-size:11px;
}


/* EMPTY */

.mirka-empty-account{
    padding:42px;
    text-align:center;
    border:1px solid rgba(49,56,43,.12);
}

.mirka-empty-account p{
    margin:0 0 16px;
}

.mirka-empty-account a{
    display:inline-block;
    padding:10px 20px;
    background:#394032;
    color:#fff !important;
    text-decoration:none !important;
}


/* CORE WC ENDPOINTS */

.mirka-account-content
.woocommerce-Addresses{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.mirka-account-content
.woocommerce-Address{
    float:none !important;
    width:auto !important;
    padding:25px;
    background:#ebe4d5;
}

.mirka-account-content
.woocommerce-orders-table{
    width:100%;
    border-collapse:collapse;
    background:transparent;
}

.mirka-account-content
.woocommerce-orders-table th,
.mirka-account-content
.woocommerce-orders-table td{
    padding:14px 10px;
    border-bottom:1px solid rgba(49,56,43,.12);
    text-align:right;
}

.mirka-account-content input.input-text,
.mirka-account-content input[type="text"],
.mirka-account-content input[type="email"],
.mirka-account-content input[type="password"],
.mirka-account-content input[type="tel"],
.mirka-account-content select,
.mirka-account-content textarea{
    width:100%;
    min-height:45px;
    padding:9px 12px;
    border:1px solid #d2cab9;
    border-radius:0;
    background:#faf7ef;
    box-shadow:none;
}

.mirka-account-content button.button,
.mirka-account-content a.button{
    border-radius:0 !important;
    padding:11px 20px !important;
    background:#384031 !important;
    color:#fff !important;
}


/* MOBILE */

@media(max-width:900px){

    .mirka-account-shell{
        width:min(100% - 30px, 1540px);
    }

    .mirka-account-hero{
        padding:48px 0;
    }

    .mirka-account-main{
        padding-top:28px;
    }

    .mirka-account-layout{
        display:block;
    }

    .mirka-account-sidebar{
        position:static;
        margin-bottom:32px;
    }

    .mirka-account-nav{
        border-left:0;
    }

    .mirka-account-nav ul{
        display:flex;
        gap:7px;
        overflow-x:auto;
        padding-bottom:8px !important;
        scrollbar-width:none;
    }

    .mirka-account-nav ul::-webkit-scrollbar{
        display:none;
    }

    .mirka-account-nav li{
        flex:0 0 auto;
    }

    .mirka-account-nav li a{
        min-height:39px;
        padding:8px 13px !important;
        border:1px solid rgba(49,56,43,.14);
        white-space:nowrap;
    }

    .mirka-account-recommendations{
        width:calc(100% + 30px);
        margin-right:-15px;
        padding-inline:15px;
    }

    .mirka-account-products{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:640px){

    .mirka-account-hero h1{
        font-size:34px;
    }

    .mirka-nav-title{
        margin-bottom:12px;
    }

    .mirka-dashboard-heading{
        margin-bottom:30px;
    }

    .mirka-order-card{
        grid-template-columns:74px minmax(0,1fr);
        gap:13px;
    }

    .mirka-order-view{
        grid-column:2;
        justify-self:start;
    }

    .mirka-order-info dl{
        display:block;
    }

    .mirka-order-info dl div{
        margin-top:4px;
    }

    .mirka-account-info-grid{
        grid-template-columns:1fr;
    }

    .mirka-account-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px 9px;
    }

    .mirka-profile-card,
    .mirka-address-card{
        padding:22px;
    }

    .mirka-account-content
    .woocommerce-Addresses{
        grid-template-columns:1fr;
    }

    .mirka-account-content
    .woocommerce-orders-table{
        font-size:11px;
    }

}


/* ==========================================================
   MIRKA ACCOUNT GUEST SHELL FIX
   ========================================================== */

/*
 * Never let old Ahura/WordPress overlays leak into
 * MIRKA account screen.
 */

body.mirka-account-shell-active
#siteside,

body.mirka-account-shell-active
.siteside,

body.mirka-account-shell-active
.mgsiteside,

body.mirka-account-shell-active
.ahura-main-header,

body.mirka-account-shell-active
.header-popup-login-form:not(.mirka-login-popup),

body.mirka-account-shell-active
.ahura-login-modal,

body.mirka-account-shell-active
.ahura-modal,

body.mirka-account-shell-active
.search-form-overlay,

body.mirka-account-shell-active
.search-overlay,

body.mirka-account-shell-active
.header-search-form,

body.mirka-account-shell-active
.mw-search-form,

body.mirka-account-shell-active
#mw_search_form{
    display:none !important;
}


/*
 * Guest account page receives the same clean MIRKA canvas.
 */

body.mirka-account-shell-active
.mirka-account-template.is-guest{

    width:min(1180px, calc(100% - 48px));

    min-height:560px;

    margin:0 auto;

    padding:70px 0 90px;
}


/*
 * WooCommerce / custom OTP login section.
 */

body.mirka-account-shell-active
.mirka-account-template.is-guest
.woocommerce{

    width:min(100%, 620px);

    margin-inline:auto;
}


body.mirka-account-shell-active
.mirka-account-template.is-guest
.woocommerce h2,

body.mirka-account-shell-active
.mirka-account-template.is-guest
.woocommerce h1{

    color:#373c32;

    font-size:26px;

    font-weight:400;

    text-align:right;
}


body.mirka-account-shell-active
.mirka-account-template.is-guest
input[type="text"],

body.mirka-account-shell-active
.mirka-account-template.is-guest
input[type="email"],

body.mirka-account-shell-active
.mirka-account-template.is-guest
input[type="tel"],

body.mirka-account-shell-active
.mirka-account-template.is-guest
input[type="password"]{

    width:100%;

    min-height:46px;

    border:
        1px solid rgba(65,72,59,.16);

    border-radius:8px;

    background:
        rgba(255,255,255,.25);

    box-shadow:none;
}


/*
 * Footer must always sit naturally after account content.
 */

body.mirka-account-shell-active
.mirka-account-template{

    display:block;

    clear:both;
}


body.mirka-account-shell-active
.mirka-global-footer,

body.mirka-account-shell-active
footer{

    clear:both;
}


/*
 * Remove legacy WP/Ahura widget/footer areas if inherited.
 * Keep MIRKA footer untouched.
 */

body.mirka-account-shell-active
.ahura-footer,

body.mirka-account-shell-active
.footer-1:not(.mirka-global-footer),

body.mirka-account-shell-active
.footer-2:not(.mirka-global-footer),

body.mirka-account-shell-active
.site-footer:not(.mirka-global-footer){

    display:none !important;
}


/* Mobile */

@media(max-width:700px){

    body.mirka-account-shell-active
    .mirka-account-template.is-guest{

        width:calc(100% - 24px);

        padding:
            40px 0 65px;
    }

}

/* /MIRKA ACCOUNT GUEST SHELL FIX */