body .oa-account-page,
body .oa-account-page *,
body .oa-account-guest,
body .oa-account-guest *,
.oa-account-drawer .oa-account-menu__item,
.oa-account-drawer .oa-account-menu__item *{
    box-sizing:border-box;
    font-family:'Poppins',sans-serif!important;
}

.oa-account-page{
    width:min(1220px,calc(100% - 32px));
    margin:34px auto 60px;
    color:#f7f8fc;
}

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

.oa-account-sidebar{
    position:sticky;
    top:24px;
    padding:16px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:#101620;
    box-shadow:0 20px 45px rgba(0,0,0,.16);
}

.oa-account-sidebar__profile{
    display:flex;
    align-items:center;
    gap:11px;
    padding:3px 3px 15px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.oa-account-sidebar__avatar{
    width:48px;
    height:48px;
    border-radius:12px;
    object-fit:cover;
}

.oa-account-sidebar__profile div{
    min-width:0;
}

.oa-account-sidebar__profile strong,
.oa-account-sidebar__profile small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.oa-account-sidebar__profile strong{
    color:#fff;
    font-size:13px;
}

.oa-account-sidebar__profile small{
    margin-top:4px;
    color:#14d983;
    font-size:12px;
    font-weight:700;
}

.oa-account-sidebar__balance{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    margin:14px 0 17px;
    border-radius:12px;
    color:#fff!important;
    background:linear-gradient(135deg,#4c63ff,#3650e6);
    box-shadow:0 12px 24px rgba(61,83,230,.23);
    text-decoration:none!important;
}

.oa-account-sidebar__group{
    margin-top:15px;
}

.oa-account-sidebar__group h3{
    margin:0 8px 7px;
    color:#747f94;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.oa-account-sidebar__item{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:0 11px;
    border:1px solid transparent;
    border-radius:11px;
    color:#c4cad6!important;
    font-size:12px;
    font-weight:600;
    text-decoration:none!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.oa-account-sidebar__item:hover,
.oa-account-sidebar__item.is-active{
    color:#fff!important;
    border-color:rgba(79,100,255,.36);
    background:rgba(70,88,210,.12);
    transform:translateX(2px);
}

.oa-account-sidebar__item-icon{
    display:grid;
    place-items:center;
    width:24px;
    color:#6279ff;
}

.oa-account-sidebar__item i{
    margin-left:auto;
    color:#73849e;
    font-size:18px;
    font-style:normal;
}

.oa-account-content{
    min-width:0;
}

.oa-account-notice{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:13px;
    font-size:13px;
    font-weight:600;
}

.oa-account-notice--success{
    color:#bdf8d2;
    border:1px solid rgba(40,200,112,.28);
    background:rgba(20,148,78,.14);
}

.oa-account-notice--error{
    color:#ffc1c8;
    border:1px solid rgba(255,74,98,.27);
    background:rgba(153,27,47,.16);
}

.oa-account-hero{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:112px;
    margin-bottom:18px;
    padding:20px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:17px;
    background:
        radial-gradient(circle at 85% 25%,rgba(75,89,255,.13),transparent 28%),
        linear-gradient(135deg,#111824,#0c111b);
}

.oa-account-hero__avatar{
    width:68px;
    height:68px;
    border-radius:15px;
    object-fit:cover;
}

.oa-account-hero__symbol{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:15px;
    background:#172143;
    font-size:24px;
}

.oa-account-hero h1{
    margin:0 0 5px;
    color:#fff;
    font-size:23px;
    font-weight:800;
}

.oa-account-hero p{
    margin:0;
    color:#8e98aa;
    font-size:12px;
}

.oa-identity-badge{
    margin-left:auto;
    padding:8px 11px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
}

.oa-identity-badge--verified{
    color:#8ff2ba;
    background:rgba(20,177,93,.15);
}

.oa-identity-badge--pending{
    color:#ffe19a;
    background:rgba(204,145,16,.15);
}

.oa-identity-badge--not_submitted,
.oa-identity-badge--rejected{
    color:#aeb7c8;
    background:rgba(255,255,255,.06);
}

.oa-account-card{
    margin-bottom:18px;
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:#111720;
}

.oa-account-card__header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.oa-account-card__header>span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:10px;
    background:#172143;
}

.oa-account-card__header h2{
    margin:0 0 3px;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.oa-account-card__header p{
    margin:0;
    color:#7f899b;
    font-size:11px;
}

.oa-account-form label{
    display:block;
    margin-bottom:14px;
}

.oa-account-form label>span{
    display:block;
    margin-bottom:7px;
    color:#8d97a9;
    font-size:11px;
    font-weight:700;
}

.oa-account-form input{
    width:100%;
    height:50px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    background:#080d14;
    color:#fff;
    outline:none;
}

.oa-account-form input:focus{
    border-color:#4b61ff;
    box-shadow:0 0 0 3px rgba(75,97,255,.12);
}

.oa-account-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.oa-account-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(135deg,#4d63ff,#3850e4);
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.oa-avatar-form{
    display:grid;
    grid-template-columns:84px 1fr auto;
    gap:14px;
    align-items:center;
}

.oa-avatar-preview{
    width:84px;
    height:84px;
    border-radius:16px;
    object-fit:cover;
}

.oa-avatar-upload{
    display:flex;
    align-items:center;
    min-height:50px;
    padding:0 15px;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:11px;
    color:#aeb6c5;
    cursor:pointer;
}

.oa-avatar-upload input{
    display:none;
}

.oa-account-consent{
    display:flex!important;
    align-items:flex-start;
    gap:9px;
}

.oa-account-consent input{
    width:17px!important;
    height:17px!important;
    flex:0 0 auto;
}

.oa-identity-result{
    padding:14px 16px;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
}

.oa-identity-result--success{
    color:#aef2c8;
    background:rgba(25,159,83,.14);
}

.oa-identity-result--pending{
    color:#ffe39e;
    background:rgba(190,132,12,.14);
}

.oa-identity-result--error{
    margin-bottom:16px;
    color:#ffc0c6;
    background:rgba(157,29,48,.16);
}

.oa-account-empty{
    display:grid;
    place-items:center;
    min-height:290px;
    padding:30px;
    border:1px dashed rgba(255,255,255,.1);
    border-radius:17px;
    background:#10161f;
    text-align:center;
}

.oa-account-empty span{
    color:#586fff;
    font-size:42px;
}

.oa-account-empty h2{
    margin:8px 0 4px;
    color:#fff;
    font-size:17px;
}

.oa-account-empty p{
    margin:0;
    color:#7f899b;
    font-size:12px;
}

.oa-order-list{
    display:grid;
    gap:12px;
}

.oa-order-card{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:17px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:#111720;
}

.oa-order-card small,
.oa-order-card strong{
    display:block;
}

.oa-order-card small{
    color:#7d8799;
    font-size:10px;
}

.oa-order-card strong{
    margin-top:4px;
    color:#fff;
    font-size:12px;
}

.oa-account-guest{
    width:min(520px,calc(100% - 30px));
    margin:60px auto;
    padding:36px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:#111720;
    color:#fff;
    text-align:center;
}

.oa-account-guest button{
    min-height:44px;
    padding:0 20px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:#4b61ff;
    font-weight:700;
}

/* Mevcut sağ hesap çekmecesinin hover ve menü stili */
.oa-account-drawer .oa-account-menu__item{
    margin:3px 0!important;
    padding:0 10px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}

.oa-account-drawer .oa-account-menu__item:hover{
    border-color:rgba(77,99,255,.36)!important;
    background:rgba(71,88,204,.13)!important;
    transform:translateX(3px)!important;
}

@media(max-width:900px){
    .oa-account-layout{
        grid-template-columns:1fr;
    }

    .oa-account-sidebar{
        position:relative;
        top:auto;
    }
}

@media(max-width:620px){
    .oa-account-page{
        width:min(100% - 20px,1220px);
        margin-top:18px;
    }

    .oa-account-grid,
    .oa-order-card{
        grid-template-columns:1fr;
    }

    .oa-avatar-form{
        grid-template-columns:1fr;
    }

    .oa-account-hero{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .oa-identity-badge{
        margin-left:0;
    }
}


/* v0.1.2 düzenlemeleri */
.oa-account-page{
    margin:0!important;
}

.oa-account-hero h1{
    font-weight:600!important;
}

.oa-account-card__header h2{
    font-weight:600!important;
}

.oa-account-hero--text-only{
    padding-left:24px!important;
}

.oa-account-hero--text-only .oa-account-hero__symbol{
    display:none!important;
}


/* v0.1.3 düzenlemeleri */

/* Woodmart'ın Hesabım başlık ve breadcrumb alanını yalnızca özel hesap sayfasında kaldır */
body.oa-custom-account-page .page-title,
body.oa-custom-account-page .title-size-default,
body.oa-custom-account-page .woodmart-title-container,
body.oa-custom-account-page .wd-page-title,
body.oa-custom-account-page .breadcrumbs{
    display:none!important;
}

/* Form buton yazıları beyaz */
.oa-account-page .oa-account-submit,
.oa-account-page .oa-account-submit:hover,
.oa-account-page .oa-account-submit:focus,
.oa-account-page button.oa-account-submit,
.oa-account-page button.oa-account-submit:hover,
.oa-account-page button.oa-account-submit:focus{
    color:#fff!important;
}

.oa-account-page .oa-account-submit *,
.oa-account-page button.oa-account-submit *{
    color:#fff!important;
}


/* v0.1.4 - sol menü ikonları beyaz */
.oa-account-page .oa-account-sidebar .oa-account-nav__icon,
.oa-account-page .oa-account-drawer .oa-account-nav__icon,
.oa-account-page .oa-account-sidebar .oa-account-nav__icon *,
.oa-account-page .oa-account-drawer .oa-account-nav__icon *{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
    filter:none !important;
    opacity:1 !important;
}


/* v0.1.5 - gerçek beyaz SVG ikonlar ve tam genişlik hizası */
.oa-account-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}

.oa-account-page .oa-account-sidebar__item-icon,
.oa-account-page .oa-account-sidebar__item-icon *{
    color:#fff!important;
}

.oa-account-page .oa-account-sidebar__item-icon svg,
.oa-account-drawer .oa-account-menu__icon svg{
    display:block!important;
    width:17px!important;
    height:17px!important;
    overflow:visible!important;
    fill:none!important;
    stroke:#fff!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.oa-account-page .oa-account-sidebar__item-icon svg circle,
.oa-account-drawer .oa-account-menu__icon svg circle{
    fill:none!important;
    stroke:#fff!important;
}

.oa-account-drawer .oa-account-menu__icon{
    color:#fff!important;
}

body.oa-custom-account-page .main-page-wrapper > .container,
body.oa-custom-account-page .main-page-wrapper .container,
body.oa-custom-account-page .site-content > .container{
    width:100%!important;
    max-width:none!important;
}

body.oa-custom-account-page .main-page-wrapper > .container,
body.oa-custom-account-page .site-content > .container{
    padding-left:42px!important;
    padding-right:42px!important;
}

@media(max-width:767px){
    body.oa-custom-account-page .main-page-wrapper > .container,
    body.oa-custom-account-page .site-content > .container{
        padding-left:10px!important;
        padding-right:10px!important;
    }
}


/* v0.1.6 - İçeriği Woodmart header container hizasına getir */
body.oa-custom-account-page .oa-account-page{
    width:calc(100% - 40px)!important;
    max-width:var(--wd-container-w, 1480px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.oa-custom-account-page .main-page-wrapper > .container,
body.oa-custom-account-page .main-page-wrapper .container,
body.oa-custom-account-page .site-content > .container{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
}

@media(max-width:767px){
    body.oa-custom-account-page .oa-account-page{
        width:calc(100% - 20px)!important;
    }
}