/* DumanAl Hesabım - Luxury Readable Fix */
:root{
    --ua-bg:#0a0f14;
    --ua-bg-soft:#10161d;
    --ua-bg-card:#141c25;
    --ua-bg-card-2:#101720;
    --ua-line:rgba(255,255,255,.09);
    --ua-line-strong:rgba(240,217,157,.16);
    --ua-text:#f7f9fc;
    --ua-text-soft:#c8d1dc;
    --ua-muted:#96a4b4;
    --ua-gold:#d8b36a;
    --ua-gold-soft:#f0d99d;
    --ua-shadow:0 18px 55px rgba(0,0,0,.22);
    --ua-success:#8ef0b0;
    --ua-success-bg:rgba(80,200,120,.10);
    --ua-warn:#ffe1a1;
    --ua-warn-bg:rgba(216,179,106,.12);
    --ua-danger:#ffb1b1;
    --ua-danger-bg:rgba(255,80,80,.12);
    --ua-blue:#b9d4ff;
    --ua-blue-bg:rgba(70,120,255,.14);
}

.user-account-page{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 0% 0%, rgba(216,179,106,.12), transparent 22%),
        radial-gradient(circle at 100% 0%, rgba(255,255,255,.05), transparent 18%),
        linear-gradient(180deg, #0a0f14 0%, #0d131a 100%);
    color:var(--ua-text);
}

.user-account-page *{
    box-sizing:border-box;
}

.user-account-page::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.01), transparent 22%),
        radial-gradient(circle at 80% 12%, rgba(216,179,106,.06), transparent 18%);
}

.ua-shell{
    position:relative;
    max-width:1240px;
    margin:0 auto;
    padding:42px 20px 78px;
}

.ua-kicker,
.ua-card-kicker{
    display:inline-block;
    color:var(--ua-gold-soft);
    font-size:11px;
    font-weight:900;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.ua-hero{
    display:grid;
    grid-template-columns:1.35fr .8fr;
    gap:18px;
    align-items:stretch;
    margin-bottom:18px;
}

.ua-hero-left,
.ua-highlight-card,
.ua-sidebar,
.ua-card,
.ua-stat-card{
    background:linear-gradient(180deg, rgba(20,28,37,.98) 0%, rgba(12,18,25,.98) 100%);
    border:1px solid var(--ua-line-strong);
    border-radius:24px;
    box-shadow:var(--ua-shadow);
}

.ua-hero-left{
    display:flex;
    gap:18px;
    align-items:center;
    padding:24px;
}

.ua-avatar{
    flex:0 0 82px;
    width:82px;
    height:82px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg, rgba(216,179,106,.22), rgba(216,179,106,.08));
    color:#fff2cc;
    font-size:28px;
    font-weight:900;
    border:1px solid rgba(240,217,157,.25);
}

.ua-hero-copy h1{
    margin:10px 0 10px;
    color:#fff;
    font-size:34px;
    line-height:1.05;
    letter-spacing:-.03em;
}

.ua-hero-copy p{
    margin:0;
    max-width:700px;
    color:var(--ua-text-soft);
    line-height:1.7;
    font-size:14px;
}

.ua-hero-meta{
    margin-top:14px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ua-hero-meta span{
    display:inline-flex;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    color:#ecf2f9;
    border:1px solid rgba(255,255,255,.08);
    font-size:12px;
    line-height:1.3;
}

.ua-hero-right{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.ua-highlight-card{
    padding:22px;
    min-height:170px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.ua-highlight-card small{
    display:block;
    color:var(--ua-muted);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.09em;
    font-weight:800;
}

.ua-highlight-card strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:26px;
    line-height:1.15;
}

.ua-highlight-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--ua-text-soft);
    font-size:13px;
}

.ua-ghost-btn,
.ua-primary-btn,
.ua-secondary-btn{
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border-radius:14px;
    cursor:pointer;
    font-weight:900;
    transition:.18s ease;
}

.ua-ghost-btn{
    min-height:52px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:#fff;
    padding:0 18px;
}

.ua-ghost-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(240,217,157,.22);
}

.ua-alert{
    margin:0 0 18px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid;
    font-size:13px;
    font-weight:700;
}

.ua-alert.success{
    color:var(--ua-success);
    background:var(--ua-success-bg);
    border-color:rgba(80,200,120,.22);
}

.ua-alert.error{
    color:#ffb2b2;
    background:rgba(255,75,75,.09);
    border-color:rgba(255,75,75,.20);
}

.ua-stat-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:16px;
    margin-bottom:18px;
}

.ua-stat-card{
    padding:18px 18px 16px;
    min-height:145px;
}

.ua-stat-card small{
    display:block;
    color:var(--ua-muted);
    font-size:11px;
    letter-spacing:.10em;
    text-transform:uppercase;
    font-weight:900;
}

.ua-stat-card strong{
    display:block;
    margin-top:12px;
    color:#fff;
    font-size:31px;
    line-height:1.15;
    letter-spacing:-.02em;
    word-break:break-word;
}

.ua-stat-card strong.ua-stat-small{
    font-size:18px;
    line-height:1.35;
}

.ua-stat-card span{
    display:block;
    margin-top:8px;
    color:var(--ua-text-soft);
    font-size:13px;
    line-height:1.6;
}

.ua-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:18px;
    align-items:start;
}

.ua-sidebar{
    position:sticky;
    top:110px;
    padding:18px;
}

.ua-sidebar-title{
    margin-bottom:12px;
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.ua-menu{
    display:grid;
    gap:10px;
}

.ua-menu a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:0 14px;
    border-radius:14px;
    text-decoration:none;
    color:#d5deea;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.02);
    font-size:13px;
    font-weight:800;
    transition:.18s ease;
}

.ua-menu a:hover{
    color:#fff1c9;
    border-color:rgba(240,217,157,.18);
    background:linear-gradient(135deg, rgba(216,179,106,.16), rgba(216,179,106,.07));
    transform:translateY(-1px);
}

.ua-main{
    display:grid;
    gap:18px;
}

.ua-card{
    padding:22px;
}

.ua-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ua-card h2{
    margin:6px 0 0;
    color:#fff;
    font-size:24px;
    line-height:1.15;
    letter-spacing:-.02em;
}

.ua-empty{
    padding:26px 18px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    color:var(--ua-text-soft);
    text-align:center;
    font-size:14px;
}

.ua-order-list,
.ua-history-list{
    display:grid;
    gap:14px;
}

.ua-order-card,
.ua-history-card{
    padding:18px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.ua-order-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.ua-order-id{
    display:block;
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.ua-order-date{
    margin-top:6px;
    color:var(--ua-muted);
    font-size:13px;
}

.ua-order-bottom{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.07);
}

.ua-order-block{
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
}

.ua-order-block small{
    display:block;
    color:var(--ua-muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
}

.ua-order-block strong{
    display:block;
    margin-top:6px;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    word-break:break-word;
}

.ua-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid;
    font-size:12px;
    font-weight:900;
    letter-spacing:.02em;
    white-space:nowrap;
}

.ua-status.is-pending{
    color:var(--ua-warn);
    background:var(--ua-warn-bg);
    border-color:rgba(216,179,106,.25);
}

.ua-status.is-confirmed,
.ua-status.is-shipped{
    color:var(--ua-blue);
    background:var(--ua-blue-bg);
    border-color:rgba(110,150,255,.22);
}

.ua-status.is-completed{
    color:var(--ua-success);
    background:var(--ua-success-bg);
    border-color:rgba(80,200,120,.22);
}

.ua-status.is-cancelled{
    color:var(--ua-danger);
    background:var(--ua-danger-bg);
    border-color:rgba(255,80,80,.22);
}

.ua-history-total{
    color:#fff;
    font-size:19px;
    line-height:1.3;
}

.ua-pill-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.ua-pill{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#f3f6fb;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
}

.ua-form{
    display:grid;
    gap:14px;
}

.ua-form-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
}

.ua-field{
    display:grid;
    gap:7px;
}

.ua-field span{
    color:#f2f6fb;
    font-size:12px;
    font-weight:900;
    letter-spacing:.03em;
}

.ua-field input,
.ua-field select,
.ua-field textarea{
    width:100%;
    min-height:50px;
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.11);
    background:#0d1319;
    color:#fff;
    outline:none;
    font-size:14px;
    transition:.18s ease;
}

.ua-field input:focus,
.ua-field select:focus,
.ua-field textarea:focus{
    border-color:rgba(240,217,157,.45);
    box-shadow:0 0 0 4px rgba(216,179,106,.08);
}

.ua-field input[disabled]{
    opacity:.8;
    color:#c7d0da;
    cursor:not-allowed;
}

.ua-primary-btn{
    min-height:52px;
    border:0;
    background:linear-gradient(135deg, #c9a257, #f0d99d);
    color:#18120a;
    padding:0 18px;
    box-shadow:0 14px 28px rgba(216,179,106,.18);
}

.ua-secondary-btn{
    min-height:50px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:#fff;
    padding:0 18px;
}

.ua-primary-btn:hover,
.ua-secondary-btn:hover{
    transform:translateY(-1px);
}

.ua-divider{
    height:1px;
    margin:22px 0;
    background:rgba(255,255,255,.08);
}

@media (max-width: 1080px){
    .ua-hero{
        grid-template-columns:1fr;
    }

    .ua-stat-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .ua-layout{
        grid-template-columns:1fr;
    }

    .ua-sidebar{
        position:static;
    }
}

@media (max-width: 720px){
    .ua-shell{
        padding:28px 14px 54px;
    }

    .ua-hero-left{
        flex-direction:column;
        align-items:flex-start;
    }

    .ua-hero-copy h1{
        font-size:28px;
    }

    .ua-stat-grid{
        grid-template-columns:1fr;
    }

    .ua-form-row,
    .ua-order-bottom{
        grid-template-columns:1fr;
    }

    .ua-order-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .ua-card{
        padding:18px;
    }

    .ua-sidebar,
    .ua-card,
    .ua-stat-card,
    .ua-hero-left,
    .ua-highlight-card{
        border-radius:20px;
    }
}

/* =========================================================
   DUMANAL - GIRIS / KAYIT SAYFASI
   ========================================================= */

.user-auth-page{
    position:relative;
    min-height:650px;
    padding:48px 20px 70px;
    background:
        radial-gradient(circle at 10% 0%, rgba(216,179,106,.10), transparent 25%),
        linear-gradient(180deg,#0a0f14 0%,#0d131a 100%);
    color:#f7f9fc;
}

.user-auth-page *{
    box-sizing:border-box;
}

.user-auth-page .ua-shell{
    max-width:1180px;
    margin:0 auto;
    padding:0;
}

.ua-auth-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    overflow:hidden;
    min-height:590px;

    background:#10161d;
    border:1px solid rgba(240,217,157,.14);
    border-radius:26px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.35),
        0 1px 0 rgba(255,255,255,.03) inset;
}


/* SOL TARAF */

.ua-showcase{
    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:55px 52px;

    background:
        radial-gradient(circle at 0 0,rgba(216,179,106,.16),transparent 30%),
        linear-gradient(145deg,#141c25 0%,#0b1118 100%);

    border-right:1px solid rgba(255,255,255,.07);
}

.ua-showcase::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            120deg,
            transparent 0%,
            rgba(255,255,255,.025) 45%,
            transparent 75%
        );
}

.ua-showcase > *{
    position:relative;
    z-index:1;
}

.ua-showcase .ua-kicker,
.ua-form-panel .ua-kicker{
    display:inline-block;

    color:#f0d99d;

    font-size:11px;
    font-weight:900;

    letter-spacing:.22em;
    text-transform:uppercase;
}

.ua-showcase h1{
    max-width:500px;

    margin:14px 0 18px;

    color:#fff;

    font-size:40px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.ua-showcase > div > p{
    max-width:530px;

    margin:0;

    color:#b5c0cc;

    font-size:15px;
    line-height:1.75;
}


/* AVANTAJLAR */

.ua-benefits{
    display:grid;
    gap:12px;

    margin-top:38px;
}

.ua-benefit{
    display:flex;
    align-items:center;

    gap:15px;

    min-height:60px;

    padding:12px 15px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;

    background:rgba(255,255,255,.025);
}

.ua-benefit b{
    flex:0 0 38px;

    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    border-radius:12px;

    background:rgba(216,179,106,.12);
    border:1px solid rgba(240,217,157,.16);

    color:#f0d99d;

    font-size:12px;
}

.ua-benefit span{
    color:#e1e7ee;

    font-size:13px;
    font-weight:700;
}

.ua-showcase .ua-muted{
    display:block;

    margin-top:40px;

    color:#7f8c9a;

    font-size:12px;
    line-height:1.6;
}


/* SAG FORM */

.ua-form-panel{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:55px 50px;

    background:
        linear-gradient(
            180deg,
            rgba(20,28,37,.98),
            rgba(12,18,25,.98)
        );
}

.ua-form-panel h1{
    margin:12px 0 9px;

    color:#fff;

    font-size:36px;
    line-height:1.1;
    letter-spacing:-.03em;
}

.ua-form-panel > p{
    margin:0 0 30px;

    color:#96a4b4;

    font-size:14px;
    line-height:1.65;
}


/* FORM */

.user-auth-page .ua-form{
    display:grid;
    gap:17px;
}

.user-auth-page .ua-field{
    display:grid;
    gap:8px;
}

.user-auth-page .ua-field span{
    color:#e8edf4;

    font-size:12px;
    font-weight:800;

    letter-spacing:.02em;
}


/* INPUTLAR */

.user-auth-page .ua-field input,
.user-auth-page .ua-field select,
.user-auth-page .ua-field textarea{

    display:block;

    width:100% !important;

    min-height:52px !important;
    height:52px;

    padding:0 16px !important;

    background:#0a1016 !important;

    color:#fff !important;

    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:14px !important;

    outline:none !important;

    font-size:14px !important;

    box-shadow:none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.user-auth-page .ua-field input:hover{
    border-color:rgba(255,255,255,.18) !important;
}

.user-auth-page .ua-field input:focus,
.user-auth-page .ua-field select:focus,
.user-auth-page .ua-field textarea:focus{

    background:#0c131a !important;

    border-color:rgba(240,217,157,.52) !important;

    box-shadow:
        0 0 0 4px rgba(216,179,106,.08) !important;
}


/* AUTOFILL FIX */

.user-auth-page input:-webkit-autofill,
.user-auth-page input:-webkit-autofill:hover,
.user-auth-page input:-webkit-autofill:focus{

    -webkit-text-fill-color:#fff;

    -webkit-box-shadow:
        0 0 0 1000px #0a1016 inset !important;

    transition:
        background-color 9999s ease-out 0s;
}


/* ANA BUTON */

.ua-primary{
    appearance:none;

    width:100%;

    min-height:54px;

    margin-top:3px;

    border:0;
    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #c9a257,
            #f0d99d
        );

    color:#18120a;

    font-size:14px;
    font-weight:900;

    cursor:pointer;

    box-shadow:
        0 14px 30px rgba(216,179,106,.17);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.ua-primary:hover{
    transform:translateY(-1px);

    box-shadow:
        0 18px 35px rgba(216,179,106,.22);
}

.ua-primary:active{
    transform:translateY(0);
}


/* ALT LINKLER */

.ua-switch{
    margin-top:18px;

    color:#8f9dab;

    font-size:13px;
    line-height:1.5;

    text-align:center;
}

.ua-switch + .ua-switch{
    margin-top:10px;
}

.ua-switch a{
    color:#f0d99d;

    font-weight:800;

    text-decoration:none;
}

.ua-switch a:hover{
    text-decoration:underline;
}


/* MESAJLAR */

.user-auth-page .ua-alert{
    margin:0 0 20px;

    padding:13px 15px;

    border-radius:13px;

    font-size:13px;
    line-height:1.5;
}

.user-auth-page .ua-alert.error{
    color:#ffb6b6;

    background:rgba(255,70,70,.09);

    border:1px solid rgba(255,70,70,.20);
}

.user-auth-page .ua-alert.success{
    color:#9cf2b7;

    background:rgba(60,200,110,.09);

    border:1px solid rgba(60,200,110,.20);
}


/* TABLET */

@media(max-width:900px){

    .ua-auth-grid{
        grid-template-columns:1fr;
    }

    .ua-showcase{
        min-height:auto;

        padding:38px 34px;

        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.07);
    }

    .ua-showcase h1{
        font-size:32px;
    }

    .ua-form-panel{
        padding:42px 34px;
    }
}


/* TELEFON */

@media(max-width:600px){

    .user-auth-page{
        padding:22px 12px 45px;
    }

    .ua-auth-grid{
        min-height:0;
        border-radius:20px;
    }

    .ua-showcase{
        padding:30px 22px;
    }

    .ua-showcase h1{
        font-size:27px;
    }

    .ua-showcase > div > p{
        font-size:13px;
    }

    .ua-benefits{
        margin-top:25px;
    }

    .ua-benefit{
        min-height:54px;
    }

    .ua-showcase .ua-muted{
        margin-top:25px;
    }

    .ua-form-panel{
        padding:32px 22px;
    }

    .ua-form-panel h1{
        font-size:29px;
    }
}