/* ==========================================================
   JETLE.NET — NAKLİYE DEFTERİ PREMIUM SARI / SİYAH TASARIM
   Eski CSS tamamen yenilendi.
========================================================== */

:root{
    --defter-yellow:#f7b500;
    --defter-yellow-2:#ffcf33;
    --defter-orange:#f59e0b;
    --defter-black:#090909;
    --defter-black-2:#151515;
    --defter-cream:#fffdf6;
    --defter-line:#eadfca;
    --defter-text:#111111;
    --defter-muted:#6b6254;
    --defter-green:#16a34a;
}

html{
    scroll-behavior:smooth;
}

body{
    background:
        linear-gradient(rgba(245,158,11,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,158,11,.055) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, #fff 0%, #fffdf7 42%, #fff8e8 100%) !important;
    background-size:48px 48px,48px 48px,100% 100% !important;
    color:var(--defter-text) !important;
}

main{
    background:transparent !important;
}

main > .min-h-screen{
    background:transparent !important;
}

/* ==========================================================
   GENEL KONTEYNER
========================================================== */

main .max-w-\[100vw\]{
    max-width:100% !important;
}

main .max-w-\[100vw\] > div{
    max-width:1220px;
    margin:0 auto;
    padding-left:22px;
    padding-right:22px;
}

@media(max-width:700px){
    main .max-w-\[100vw\] > div{
        padding-left:14px;
        padding-right:14px;
    }
}

/* ==========================================================
   HERO
========================================================== */

.defter-hero{
    position:relative;
    text-align:center;
    padding:52px 10px 34px;
    overflow:hidden;
}

.defter-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    left:50%;
    top:-330px;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(247,181,0,.12);
    filter:blur(35px);
    pointer-events:none;
}

.defter-eyebrow{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 18px;
    border:1px solid #f6d37b;
    border-radius:999px;
    background:rgba(255,248,226,.9);
    color:#9a6500;
    font-size:14px;
    font-weight:800;
    box-shadow:0 8px 25px rgba(245,158,11,.10);
}

.defter-eyebrow::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--defter-yellow);
    box-shadow:0 0 0 5px rgba(247,181,0,.12);
}

.defter-title{
    position:relative;
    margin:12px auto 0;
    font-size:clamp(48px,7vw,82px);
    line-height:.98;
    letter-spacing:-4px;
    font-weight:950;
    color:#070707;
}

.defter-title span{
    display:block;
    color:var(--defter-orange);
    margin-top:7px;
}

.defter-subtitle{
    position:relative;
    max-width:850px;
    margin:18px auto 0;
    color:#514b43;
    font-size:18px;
    line-height:1.65;
    font-weight:500;
}

.defter-subtitle strong{
    color:#1b1b1b;
    font-weight:800;
}

.defter-hero-actions{
    position:relative;
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:27px;
    flex-wrap:wrap;
}

.defter-hero-btn{
    min-width:185px;
    min-height:54px;
    padding:14px 22px;
    border-radius:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none !important;
    font-size:15px;
    font-weight:900;
    transition:.22s ease;
}

.defter-hero-btn.yellow{
    color:#111 !important;
    background:linear-gradient(135deg,#ffd633,#f7b500);
    box-shadow:0 12px 28px rgba(247,181,0,.28);
}

.defter-hero-btn.black{
    color:#fff !important;
    background:#080808;
    box-shadow:0 12px 28px rgba(0,0,0,.20);
}

.defter-hero-btn:hover{
    transform:translateY(-3px);
}

.defter-hero-btn.yellow:hover{
    box-shadow:0 16px 34px rgba(247,181,0,.38);
}

.defter-hero-btn.black:hover{
    background:#1d1d1d;
}

/* ==========================================================
   İLAN YAYINLAMA KARTI
========================================================== */

.card-premium-flat{
    position:relative;
    border:1px solid var(--defter-line) !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:
        0 15px 50px rgba(75,54,14,.09),
        0 2px 10px rgba(0,0,0,.03) !important;
}

.jetle-bg-light{
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit;
    background:
        linear-gradient(135deg,rgba(255,210,60,.13),transparent 40%),
        linear-gradient(315deg,rgba(0,0,0,.025),transparent 45%) !important;
    pointer-events:none;
}

.jetle-glow{
    position:absolute !important;
    width:220px !important;
    height:220px !important;
    border-radius:50% !important;
    filter:blur(60px) !important;
    opacity:.22 !important;
    pointer-events:none !important;
}

.jetle-glow-1{
    background:#f7b500 !important;
    top:-120px !important;
    right:-80px !important;
}

.jetle-glow-2{
    background:#ffcf33 !important;
    bottom:-150px !important;
    left:-90px !important;
}



.jetle-label{
    display:block;
    margin-bottom:8px;
    color:#26221c;
    font-size:13px;
    font-weight:900;
}

.jetle-input,
.jetle-textarea{
    width:100% !important;
    border:1px solid #e8dfce !important;
    border-radius:17px !important;
    background:#fff !important;
    color:#111 !important;
    outline:none !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.025) !important;
    transition:.2s ease !important;
}

.jetle-input{
    min-height:56px !important;
    padding:0 17px !important;
}

.jetle-textarea{
    min-height:130px !important;
    padding:15px 17px !important;
    resize:vertical;
}

.jetle-input::placeholder,
.jetle-textarea::placeholder{
    color:#a39b8e !important;
}

.jetle-input:focus,
.jetle-textarea:focus{
    border-color:#f1bd2d !important;
    box-shadow:
        0 0 0 4px rgba(247,181,0,.12),
        inset 0 1px 1px rgba(0,0,0,.025) !important;
}

.jetle-submit-btn{
    width:100% !important;
    min-height:60px !important;
    border:0 !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#ffd333,#f4ad00) !important;
    color:#0a0a0a !important;
    font-weight:950 !important;
    font-size:16px !important;
    box-shadow:0 14px 28px rgba(247,181,0,.28) !important;
    cursor:pointer;
    transition:.22s ease !important;
}

.jetle-submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(247,181,0,.38) !important;
}

/* ==========================================================
   ARAMA
========================================================== */

.jetle-arama-baslik{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin:35px 0 13px;
    color:#111;
    font-size:17px;
    font-weight:950;
}

#defterAramaForm{
    position:relative;
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.jetle-arama-kutu{
    overflow:visible;
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    max-width:900px;
    margin:0 auto;
    padding:8px;
    border:1px solid #eadfca;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(75,54,14,.07);
}

.jetle-arama-input{
    min-width:0;
    flex:1;
    height:50px;
    border:0 !important;
    outline:0 !important;
    padding:0 14px;
    background:transparent !important;
    color:#111 !important;
    font-size:15px;
}

.jetle-arama-input::placeholder{
    color:#a49b8b;
}

.jetle-arama-btn{
    height:50px;
    padding:0 22px;
    border:0;
    border-radius:15px;
    background:#090909;
    color:#fff;
    font-weight:900;
    cursor:pointer;
    transition:.2s;
}

.jetle-arama-btn:hover{
    background:#222;
    transform:translateY(-1px);
}

.jetle-arama-temizle{
    border:0 !important;
    background:transparent !important;
    color:#777 !important;
    font-size:25px;
    cursor:pointer;
}

.jetle-arama-oneriler{
    position:absolute !important;
    top:calc(100% + 7px);
    left:0;
    right:0;
    width:100%;
    max-width:none;
    margin:0 !important;
    z-index:9999 !important;
}

.jetle-arama-oneriler.acik{
    display:block !important;
}

.jetle-arama-oneri{
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid #eadfca;
    border-top:0;
    background:#fff;
    color:#161616;
    text-align:left;
    cursor:pointer;
    box-sizing:border-box;
    font-size:14px;
    font-weight:800;
    transition:.16s ease;
}

.jetle-arama-oneri:first-child{
    border-top:1px solid #eadfca;
    border-radius:14px 14px 0 0;
}

.jetle-arama-oneri:last-child{
    border-radius:0 0 14px 14px;
}

.jetle-arama-oneri:hover,
.jetle-arama-oneri.secili{
    background:#fff8df !important;
    color:#8a5d00 !important;
}

.arama-icon{
    width:30px;
    flex:0 0 30px;
    text-align:center;
}

.arama-isim{
    flex:1;
    min-width:0;
}

.arama-tur{
    margin-left:auto;
    padding:4px 8px;
    border-radius:999px;
    background:#f4efe4;
    color:#776b5b;
    font-size:10px;
    font-weight:900;
}

/* ==========================================================
   İLAN KARTLARI
========================================================== */

/* MÜŞTERİ İLANI — sürekli renk değiştiren premium çerçeve */
.musteri-ilan-card{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    border:3px solid transparent !important;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(90deg,#ff2d55,#ff9500,#ffd60a,#34c759,#00c7be,#0a84ff,#5e5ce6,#bf5af2,#ff2d55) border-box !important;
    background-size:100% 100%,400% 400% !important;
    animation:musteriBorderFlow 5s linear infinite, musteriGlow 2.2s ease-in-out infinite !important;
}

.musteri-ilan-card::before{
    content:"";
    position:absolute;
    inset:-40%;
    z-index:0;
    pointer-events:none;
    background:conic-gradient(from 0deg,transparent,rgba(255,214,10,.13),transparent,rgba(10,132,255,.10),transparent);
    animation:musteriAuraSpin 8s linear infinite;
}

.musteri-ilan-card > *{
    position:relative;
    z-index:1;
}

@keyframes musteriBorderFlow{
    0%{background-position:0 0,0% 50%}
    50%{background-position:0 0,100% 50%}
    100%{background-position:0 0,0% 50%}
}

@keyframes musteriGlow{
    0%,100%{box-shadow:0 12px 34px rgba(255,45,85,.13),0 0 18px rgba(255,214,10,.12) !important}
    50%{box-shadow:0 16px 42px rgba(10,132,255,.18),0 0 30px rgba(191,90,242,.20) !important}
}

@keyframes musteriAuraSpin{
    to{transform:rotate(360deg)}
}

/* MÜŞTERİ İLANI — KESİNTİSİZ NEON PARLAMA */
.musteri-ilan-card{
    animation:
        musteriBorderFlow 3s linear infinite,
        musteriSurekliParla 1.35s ease-in-out infinite !important;
    will-change:box-shadow,filter,background-position;
}

.musteri-ilan-card::after{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:inherit;
    pointer-events:none;
    z-index:0;
    border:2px solid rgba(255,214,10,.9);
    box-shadow:
        0 0 10px rgba(255,214,10,.95),
        0 0 22px rgba(10,132,255,.75),
        inset 0 0 12px rgba(191,90,242,.45);
    animation:musteriNeonCerceve 1.35s ease-in-out infinite;
}

@keyframes musteriSurekliParla{
    0%,100%{
        box-shadow:
            0 0 8px rgba(255,214,10,.75),
            0 0 18px rgba(255,45,85,.55),
            0 12px 34px rgba(0,0,0,.18) !important;
        filter:brightness(1);
    }
    50%{
        box-shadow:
            0 0 18px rgba(52,199,89,.95),
            0 0 34px rgba(10,132,255,.85),
            0 0 52px rgba(191,90,242,.55),
            0 16px 42px rgba(0,0,0,.22) !important;
        filter:brightness(1.08);
    }
}

@keyframes musteriNeonCerceve{
    0%,100%{
        opacity:.65;
        box-shadow:
            0 0 8px rgba(255,214,10,.85),
            0 0 16px rgba(255,45,85,.65),
            inset 0 0 8px rgba(255,149,0,.35);
    }
    50%{
        opacity:1;
        box-shadow:
            0 0 15px rgba(0,199,190,1),
            0 0 30px rgba(10,132,255,.95),
            0 0 44px rgba(191,90,242,.65),
            inset 0 0 14px rgba(255,214,10,.55);
    }
}

.musteri-ilan-ribbon{
    position:absolute !important;
    top:0;
    right:18px;
    z-index:5 !important;
    padding:8px 14px 9px;
    border-radius:0 0 13px 13px;
    background:#090909;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.08em;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.musteri-avatar{
    display:flex !important;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#111,#3a3000,#f7b500) !important;
    color:#fff !important;
    border-color:#ffd84f !important;
    box-shadow:0 0 0 4px rgba(247,181,0,.10);
}

.musteri-avatar span{
    font-size:15px;
    font-weight:950;
    letter-spacing:.04em;
}

.badge-musteri{
    color:#6a4300 !important;
    background:#fff1a8 !important;
    border:1px solid #e5b51d !important;
}

.musteri-telefon{
    color:#0d7a38 !important;
}

.musteri-rota{
    background:linear-gradient(135deg,#fffaf0,#fff,#f5fbff) !important;
}

.musteri-detay strong{
    display:block;
    margin-bottom:10px;
    color:#111;
    font-size:15px;
}

.musteri-detay-grid{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.musteri-detay-grid span{
    display:inline-flex;
    align-items:center;
    padding:7px 10px;
    border:1px solid #eee3cc;
    border-radius:999px;
    background:#fff;
    color:#5b5141;
    font-size:11px;
    font-weight:800;
}

.musteri-footer{
    grid-template-columns:minmax(210px,320px) 1fr !important;
}

.musteri-ara-btn{
    background:linear-gradient(135deg,#eaffef,#f5fff7) !important;
    border-color:#9cddb0 !important;
    color:#0b7430 !important;
}

.musteri-teklif-notu{
    color:#7b6d57;
    font-size:12px;
    font-weight:800;
    text-align:right;
}

@media(max-width:700px){
    .musteri-ilan-ribbon{
        right:12px;
        font-size:8px;
        padding:7px 9px;
    }
    .musteri-footer{
        grid-template-columns:1fr !important;
    }
    .musteri-teklif-notu{
        text-align:left;
    }
}



.yuklegel-card{
    position:relative;
    overflow:hidden;
    border:1px solid #e8dfce !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:
        0 8px 25px rgba(54,42,19,.07),
        0 1px 4px rgba(0,0,0,.025) !important;
    transition:.25s ease !important;
}

.yuklegel-card:hover{
    transform:translateY(-3px);
    border-color:#e7c55f !important;
    box-shadow:
        0 16px 40px rgba(54,42,19,.12),
        0 0 0 1px rgba(247,181,0,.08) !important;
}


/* İlan kartları birbirine yapışmasın: arada çok az, temiz boşluk */
#ilan-listesi > .yuklegel-card + .yuklegel-card{
    margin-top:8px !important;
}

.yuklegel-card.gold-card{
    position:relative !important;
    isolation:isolate;
    border:1.5px solid #efbb21 !important;
    background:
        linear-gradient(145deg,#fffef8 0%,#fff 55%,#fff8dd 100%) !important;
    box-shadow:
        0 12px 35px rgba(247,181,0,.14),
        0 0 0 3px rgba(247,181,0,.045),
        0 0 18px rgba(247,181,0,.10) !important;
    animation:goldCardGlow 2.8s ease-in-out infinite;
}

/* ALTIN PRO — kart üzerinde sürekli akan premium ışık */
.yuklegel-card.gold-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(
            110deg,
            transparent 0%,
            transparent 30%,
            rgba(255,255,255,.05) 40%,
            rgba(255,255,255,.88) 48%,
            rgba(255,211,51,.42) 53%,
            rgba(247,181,0,.16) 58%,
            transparent 68%,
            transparent 100%
        );
    background-size:240% 100%;
    animation:goldCardLightSweep 3.8s linear infinite;
    opacity:.82;
    mix-blend-mode:normal;
}

/* Kart içeriği ışık katmanının üstünde kalsın */
.yuklegel-card.gold-card > *{
    position:relative;
    z-index:1;
}

@keyframes goldCardLightSweep{
    0%{
        background-position:220% 0;
        opacity:.28;
    }
    12%{
        opacity:.78;
    }
    50%{
        opacity:.78;
    }
    100%{
        background-position:-40% 0;
        opacity:.28;
    }
}

@keyframes goldCardGlow{
    0%,100%{
        border-color:#dca914;
        box-shadow:
            0 12px 35px rgba(247,181,0,.13),
            0 0 0 3px rgba(247,181,0,.045),
            0 0 16px rgba(247,181,0,.10);
    }
    50%{
        border-color:#ffd84f;
        box-shadow:
            0 16px 42px rgba(247,181,0,.20),
            0 0 0 4px rgba(247,181,0,.08),
            0 0 30px rgba(247,181,0,.24);
    }
}

.rota-karti{
    margin:14px 14px 0 !important;
    padding:13px 16px !important;
    border:1px solid #f0e5cf !important;
    border-radius:17px !important;
    background:linear-gradient(180deg,#fffaf0 0%,#fffdf8 100%) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
}

.rota-item{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.rota-item:last-child{
    align-items:flex-end !important;
    text-align:right !important;
    justify-self:end !important;
}

.rota-item:last-child .rota-baslik,
.rota-item:last-child .rota-sehir{
    text-align:right !important;
}

.rota-baslik{
    display:block;
    margin-bottom:3px;
    color:#a07010 !important;
    font-size:10px !important;
    font-weight:950 !important;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.rota-sehir{
    color:#141414 !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.25;
}

.rota-ok{
    position:relative;
    width:54px;
    height:28px;
    margin:0 auto;
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:#d99500 !important;
    font-weight:950;
    overflow:visible;
}

.rota-ok-line{
    width:38px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(217,149,0,.15),#d99500);
    animation:rotaArrowLine 1.15s ease-in-out infinite;
}

.rota-ok-head{
    position:absolute;
    right:2px;
    display:block;
    font-size:23px;
    line-height:1;
    text-shadow:0 4px 12px rgba(217,149,0,.30);
    animation:rotaArrowMove 1.15s ease-in-out infinite;
}

@keyframes rotaArrowMove{
    0%,100%{transform:translateX(-3px);opacity:.55}
    50%{transform:translateX(5px);opacity:1}
}

@keyframes rotaArrowLine{
    0%,100%{transform:scaleX(.55);opacity:.45}
    50%{transform:scaleX(1);opacity:1}
}

.yuklegel-header{
    padding:15px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
}

.yuklegel-user{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:12px;
}

.yuklegel-avatar{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px;
    overflow:hidden;
    border:2px solid #f0d27a !important;
    border-radius:50%;
    background:#f8f2e3 !important;
}

.yuklegel-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.yuklegel-user-info{
    min-width:0;
}

/* Avatar / firma adının yanında görünen telefon */
.kart-telefon{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    margin-top:4px;
    color:#d99a00 !important;
    font-size:13px !important;
    line-height:1.2;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap;
}

.kart-telefon:hover{
    color:#f7b500 !important;
    text-decoration:underline !important;
}

.kart-telefon-icon{
    font-size:12px;
}

.ilan-aktivite{
    flex:0 0 auto;
    margin-left:auto;
    display:inline-flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-width:max-content;
    color:#9b9386 !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1;
    white-space:nowrap;
}

.ilan-aktivite-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#22c55e !important;
    box-shadow:
        0 0 0 3px rgba(34,197,94,.12),
        0 0 10px rgba(34,197,94,.35);
}

.ilan-aktivite-text{
    display:inline-block;
}

.yuklegel-firma{
    color:#101010 !important;
    font-size:16px !important;
    font-weight:950 !important;
}

.uye-badges{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:5px;
}

.uye-badges span{
    display:inline-flex !important;
    align-items:center;
    padding:5px 8px;
    border-radius:999px;
    font-size:9px !important;
    line-height:1;
    font-weight:950;
}

.badge-altin-pro{
    color:#684400 !important;
    background:#fff0ad !important;
    border:1px solid #e7bd38;
}

.badge-guven{
    color:#135b2c !important;
    background:#e9f8ee !important;
    border:1px solid #b7e5c6;
}

.badge-normal{
    color:#4d463a !important;
    background:#f3f0e9 !important;
    border:1px solid #e0d9cb;
}

.badge-yeni{
    color:#8b3e00 !important;
    background:#fff0df !important;
    border:1px solid #f1c59d;
}

.yuklegel-message{
    margin:0 16px !important;
    padding:17px !important;
    border-radius:17px !important;
    background:#faf8f3 !important;
    color:#332f29 !important;
    font-size:15px !important;
    line-height:1.7 !important;
    border:1px solid #eee6d9 !important;
}

.gold-profile-banner{
    margin:0 16px 14px !important;
    padding:5px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#f7b500,#ffe07a,#e3a500) !important;
    box-shadow:0 10px 25px rgba(247,181,0,.16);
    overflow:hidden !important;
}

.gold-profile-banner img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:14px !important;
}

.yuklegel-footer{
    margin-top:15px !important;
    padding:14px 16px 16px !important;
    border-top:1px solid #eee7da !important;
    display:grid !important;
    grid-template-columns:minmax(180px,1fr) minmax(280px,1.7fr) auto !important;
    align-items:center !important;
    gap:8px !important;
}

.footer-sol,
.telefon-alani{
    min-width:0;
    width:100%;
}

.telefon-kutu,
.telefon-kilit{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    width:100%;
    padding:10px 13px;
    border-radius:13px;
    text-decoration:none !important;
    font-size:13px;
    font-weight:850;
    box-sizing:border-box;
}

.telefon-kutu{
    background:#f3faf5 !important;
    border:1px solid #cce9d4 !important;
    color:#176b34 !important;
}

.telefon-kilit{
    background:#f7f4ed !important;
    border:1px solid #e5ddce !important;
    color:#6b6255 !important;
}

.ilan-alt-butonlar{
    display:flex !important;
    gap:8px !important;
    width:100%;
    margin-top:0 !important;
}

.ilan-detay-btn,
.ilan-whatsapp-btn{
    min-height:45px;
    flex:1;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:13px !important;
    font-size:13px;
    font-weight:900 !important;
    text-decoration:none !important;
    transition:.2s ease;
    cursor:pointer;
}

.ilan-detay-btn{
    background:#090909 !important;
    color:#fff !important;
    border:1px solid #090909 !important;
}

.ilan-whatsapp-btn{
    background:#effaf2 !important;
    color:#137333 !important;
    border:1px solid #c9e8d1 !important;
}

.ilan-detay-btn:hover,
.ilan-whatsapp-btn:hover{
    transform:translateY(-2px);
}

.ilan-zaman{
    margin-top:10px;
    color:#91887a !important;
    font-size:11px !important;
}

/* ==========================================================
   DAHA FAZLA
========================================================== */

#loadMoreBtn{
    border:0 !important;
    min-height:52px;
    padding:0 24px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#ffd333,#f5b300) !important;
    color:#111 !important;
    font-weight:950 !important;
    box-shadow:0 12px 26px rgba(247,181,0,.24) !important;
    cursor:pointer;
    transition:.2s ease;
}

#loadMoreBtn:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 32px rgba(247,181,0,.32) !important;
}

/* ==========================================================
   SAĞ FİRMA / REKLAM ALANI
========================================================== */

aside{
    color:#29251f;
}

aside > p{
    color:#8b6c29 !important;
    font-weight:950 !important;
}

aside a{
    border-radius:18px !important;
}

/* ==========================================================
   POPUP
========================================================== */

.popup-overlay,
.jetle-popup-overlay{
    position:fixed !important;
    inset:0 !important;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(8,8,8,.68) !important;
    backdrop-filter:blur(8px);
    z-index:999999 !important;
}

.popup-box,
.jetle-popup-box{
    width:min(430px,100%);
    padding:30px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:28px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 30px 80px rgba(0,0,0,.30);
}

.popup-icon,
.jetle-popup-icon{
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
    border-radius:50%;
    background:#fff2bd;
    color:#9a6500;
    font-size:30px;
    font-weight:950;
}

.popup-title,
.jetle-popup-text{
    text-align:center;
    color:#111 !important;
    font-size:19px;
    font-weight:950;
}

.popup-text{
    text-align:center;
    color:#665e52;
    line-height:1.6;
}

.popup-btn,
.jetle-popup-btn{
    width:100%;
    min-height:52px;
    margin-top:18px;
    padding:0 18px;
    border:1px solid #d89d00 !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,#ffe47a 0%,#f7b500 48%,#e39b00 100%) !important;
    color:#17110a !important;
    font-weight:950 !important;
    font-size:14px;
    letter-spacing:.01em;
    cursor:pointer;
    box-shadow:
        0 10px 24px rgba(247,181,0,.25),
        inset 0 1px 0 rgba(255,255,255,.55);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.popup-btn:hover,
.jetle-popup-btn:hover{
    transform:translateY(-2px);
    filter:saturate(1.08) brightness(1.03);
    box-shadow:
        0 14px 30px rgba(247,181,0,.36),
        0 0 0 3px rgba(247,181,0,.10),
        inset 0 1px 0 rgba(255,255,255,.65);
}

.popup-btn:active,
.jetle-popup-btn:active{
    transform:translateY(0);
}

.popup-success .popup-btn,
.popup-success .jetle-popup-btn{
    background:linear-gradient(135deg,#ffe681,#f7b500,#e0a000) !important;
}

.popup-error .popup-btn,
.popup-error .jetle-popup-btn{
    background:linear-gradient(135deg,#ff8a8a,#ef4444,#c92828) !important;
    border-color:#c92828 !important;
    color:#fff !important;
    box-shadow:
        0 10px 24px rgba(239,68,68,.25),
        inset 0 1px 0 rgba(255,255,255,.35);
}

/* ==========================================================
   MOBİL
========================================================== */

@media(max-width:700px){

    .defter-hero{
        padding:36px 4px 26px;
    }

    .defter-eyebrow{
        font-size:12px;
        padding:8px 13px;
    }

    .defter-title{
        font-size:46px;
        letter-spacing:-2.8px;
    }

    .defter-title span{
        margin-top:5px;
    }

    .defter-subtitle{
        font-size:15px;
        line-height:1.55;
    }

    .defter-hero-actions{
        gap:9px;
    }

    .defter-hero-btn{
        width:100%;
        min-width:0;
    }

    .card-premium-flat{
        border-radius:22px !important;
    }

    .rota-form-row{
        grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
        gap:7px;
    }

    .rota-form-arrow{
        height:56px;
    }

    .rota-form-arrow-line{
        width:25px;
    }

    .rota-form-arrow-head{
        right:1px;
        font-size:21px;
    }

    .jetle-arama-kutu{
        flex-wrap:nowrap;
        gap:4px;
        padding:6px;
        border-radius:17px;
    }

    .jetle-arama-input{
        width:auto;
        flex:1 1 auto;
        min-width:0;
        height:48px;
        padding:0 36px 0 10px;
        font-size:14px;
    }

    .jetle-arama-btn{
        flex:0 0 82px;
        width:82px;
        height:48px;
        padding:0 8px;
        border-radius:13px;
        font-size:13px;
    }

    .jetle-arama-temizle{
        position:absolute;
        right:88px;
        top:50%;
        transform:translateY(-50%);
        z-index:3;
    }

    .rota-karti{
        grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) !important;
        padding:12px !important;
        gap:6px !important;
    }

    .rota-baslik{
        font-size:9px !important;
    }

    .rota-sehir{
        font-size:14px !important;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .rota-ok{
        width:42px;
        height:23px;
    }

    .rota-ok-line{
        width:28px;
    }

    .gold-profile-banner{
        margin-left:12px !important;
        margin-right:12px !important;
    }

    .yuklegel-footer{
        grid-template-columns:1fr !important;
    }

    .ilan-alt-butonlar{
        display:flex !important;
        flex-direction:row !important;
    }

    .ilan-detay-btn,
    .ilan-whatsapp-btn{
        width:auto !important;
    }

    .yuklegel-card{
        border-radius:20px !important;
    }

    .yuklegel-header{
        gap:8px !important;
        padding:13px 12px !important;
    }

    .yuklegel-user{
        gap:9px !important;
    }

    .ilan-aktivite{
        gap:5px;
        font-size:10px !important;
    }

    .ilan-aktivite-dot{
        width:7px;
        height:7px;
        flex-basis:7px;
    }

    .yuklegel-message{
        margin:0 12px !important;
        padding:14px !important;
        font-size:14px !important;
    }

    .gold-profile-banner{
        margin:0 12px 12px !important;
    }

    .yuklegel-footer{
        padding:12px !important;
    }

    .ilan-alt-butonlar{
        flex-direction:row !important;
    }

    .ilan-detay-btn,
    .ilan-whatsapp-btn{
        width:auto !important;
    }
}

/* ==========================================================
   GERÇEK KOYU MOD — HEADER'IN html.dark / body.dark SINIFIYLA UYUMLU
========================================================== */

html.dark body,
body.dark{
    background:
        radial-gradient(circle at 50% 0%,#181818 0%,#111 48%,#090909 100%) !important;
    color:#f5f5f5 !important;
}

html.dark main,
body.dark main,
html.dark main > .min-h-screen,
body.dark main > .min-h-screen{
    background:transparent !important;
    color:#f5f5f5 !important;
}

html.dark .defter-title,
body.dark .defter-title{
    color:#fff !important;
}

html.dark .defter-title span,
body.dark .defter-title span{
    color:#f7b500 !important;
}

html.dark .defter-subtitle,
body.dark .defter-subtitle{
    color:#c8c2b8 !important;
}

html.dark .defter-subtitle strong,
body.dark .defter-subtitle strong{
    color:#fff !important;
}

html.dark .defter-eyebrow,
body.dark .defter-eyebrow{
    background:rgba(247,181,0,.10) !important;
    border-color:rgba(247,181,0,.35) !important;
    color:#f5c64b !important;
}

html.dark .card-premium-flat,
body.dark .card-premium-flat{
    background:#151515 !important;
    border-color:#302a20 !important;
    color:#f5f5f5 !important;
    box-shadow:0 15px 50px rgba(0,0,0,.28) !important;
}

html.dark .jetle-label,
body.dark .jetle-label{
    color:#f2eee7 !important;
}

html.dark .jetle-input,
html.dark .jetle-textarea,
body.dark .jetle-input,
body.dark .jetle-textarea{
    background:#101010 !important;
    border-color:#3b3428 !important;
    color:#fff !important;
}

html.dark .jetle-input::placeholder,
html.dark .jetle-textarea::placeholder,
body.dark .jetle-input::placeholder,
body.dark .jetle-textarea::placeholder{
    color:#8f887e !important;
}

html.dark .jetle-arama-baslik,
body.dark .jetle-arama-baslik{
    color:#fff !important;
}

html.dark .jetle-arama-kutu,
body.dark .jetle-arama-kutu{
    background:#151515 !important;
    border-color:#342d22 !important;
}

html.dark .jetle-arama-input,
body.dark .jetle-arama-input{
    color:#fff !important;
}

html.dark .yuklegel-card,
body.dark .yuklegel-card{
    background:#151515 !important;
    border-color:#332d24 !important;
    color:#f5f5f5 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}

html.dark .yuklegel-card.gold-card,
body.dark .yuklegel-card.gold-card{
    background:linear-gradient(145deg,#1d1a11 0%,#151515 55%,#211c0d 100%) !important;
    border-color:#a97d14 !important;
}

/* ==========================================================
   GOLD KART — LIGHT MODE PREMIUM IŞIK EFEKTİ
   Açık temada da gece modundaki gibi canlı ve sürekli
   hareket eden altın ışık kullanılır.
========================================================== */
html:not(.dark) .yuklegel-card.gold-card,
body:not(.dark) .yuklegel-card.gold-card{
    animation:goldCardGlowLight 2.8s ease-in-out infinite;
}

html:not(.dark) .yuklegel-card.gold-card::before,
body:not(.dark) .yuklegel-card.gold-card::before{
    opacity:.9;
    filter:saturate(1.15);
}

@keyframes goldCardGlowLight{
    0%,100%{
        border-color:#e0ad18;
        box-shadow:
            0 12px 35px rgba(247,181,0,.14),
            0 0 0 3px rgba(247,181,0,.05),
            0 0 18px rgba(247,181,0,.12);
    }
    50%{
        border-color:#ffd84f;
        box-shadow:
            0 17px 44px rgba(247,181,0,.22),
            0 0 0 4px rgba(247,181,0,.09),
            0 0 34px rgba(247,181,0,.28);
    }
}

html.dark .rota-karti,
body.dark .rota-karti{
    background:linear-gradient(180deg,#1d1a13 0%,#171717 100%) !important;
    border-color:#493a1d !important;
}

html.dark .rota-baslik,
body.dark .rota-baslik{
    color:#e2ad32 !important;
}

html.dark .rota-sehir,
body.dark .rota-sehir{
    color:#fff !important;
}

html.dark .yuklegel-firma,
body.dark .yuklegel-firma{
    color:#fff !important;
}

html.dark .ilan-aktivite,
body.dark .ilan-aktivite{
    color:#9a948b !important;
}

html.dark .ilan-aktivite-dot,
body.dark .ilan-aktivite-dot{
    background:#35d978 !important;
    box-shadow:
        0 0 0 3px rgba(53,217,120,.10),
        0 0 10px rgba(53,217,120,.28);
}

html.dark .yuklegel-message,
body.dark .yuklegel-message{
    background:#101010 !important;
    border-color:#302b25 !important;
    color:#e8e3db !important;
}

html.dark .yuklegel-footer,
body.dark .yuklegel-footer{
    border-top-color:#302b25 !important;
}

html.dark .telefon-kutu,
body.dark .telefon-kutu{
    background:#102218 !important;
    border-color:#255a37 !important;
    color:#72d995 !important;
}

html.dark .telefon-kilit,
body.dark .telefon-kilit{
    background:#1a1815 !important;
    border-color:#39332a !important;
    color:#b9b0a4 !important;
}

html.dark .ilan-detay-btn,
body.dark .ilan-detay-btn{
    background:#f7b500 !important;
    color:#111 !important;
    border-color:#f7b500 !important;
}

html.dark .ilan-whatsapp-btn,
body.dark .ilan-whatsapp-btn{
    background:#102218 !important;
    border-color:#255a37 !important;
    color:#72d995 !important;
}

html.dark .ilan-zaman,
body.dark .ilan-zaman{
    color:#8f887e !important;
}

html.dark .gold-profile-banner,
body.dark .gold-profile-banner{
    background:linear-gradient(135deg,#8d650d,#d5a92f,#79570a) !important;
}

html.dark aside,
body.dark aside{
    color:#ddd !important;
}

html.dark aside > p,
body.dark aside > p{
    color:#d9aa35 !important;
}

html.dark .popup-box,
body.dark .popup-box,
html.dark .jetle-popup-box,
body.dark .jetle-popup-box{
    background:#171717 !important;
    color:#fff !important;
    border-color:#3a342b !important;
}

html.dark .popup-title,
body.dark .popup-title,
html.dark .popup-text,
body.dark .popup-text,
html.dark .jetle-popup-text,
body.dark .jetle-popup-text{
    color:#fff !important;
}

html.dark .popup-btn,
body.dark .popup-btn,
html.dark .jetle-popup-btn,
body.dark .jetle-popup-btn{
    background:linear-gradient(135deg,#ffe681 0%,#f7b500 48%,#d89200 100%) !important;
    color:#16110a !important;
    border-color:#d89d00 !important;
}

html.dark .popup-error .popup-btn,
body.dark .popup-error .popup-btn,
html.dark .popup-error .jetle-popup-btn,
body.dark .popup-error .jetle-popup-btn{
    background:linear-gradient(135deg,#ff8a8a,#ef4444,#c92828) !important;
    border-color:#c92828 !important;
    color:#fff !important;
}


html.dark .rota-form-arrow,
body.dark .rota-form-arrow,
html.dark .rota-ok,
body.dark .rota-ok{
    color:#f4bd28 !important;
}

html.dark .rota-form-arrow-line,
body.dark .rota-form-arrow-line,
html.dark .rota-ok-line,
body.dark .rota-ok-line{
    background:linear-gradient(90deg,rgba(244,189,40,.12),#f4bd28) !important;
}

html.dark .jetle-arama-oneriler,
body.dark .jetle-arama-oneriler{
    color:#fff !important;
}

html.dark .jetle-arama-oneri,
body.dark .jetle-arama-oneri{
    background:#171717 !important;
    color:#fff !important;
    border-color:#3b3428 !important;
}

@media(max-width:760px){
    .yuklegel-footer{
        grid-template-columns:1fr !important;
    }
}

/* Hareket azaltma tercihi olan kullanıcılarda animasyonu kapat */
@media (prefers-reduced-motion: reduce){
    .yuklegel-card.gold-card{
        animation:none !important;
    }

    .yuklegel-card.gold-card::before{
        animation:none !important;
        opacity:.18 !important;
    }
}



/* MÜŞTERİ KARTI — GECE MODU + GOLD KİLİDİ */
.musteri-telefon-kilit,.musteri-gold-kilit{cursor:pointer;border:0;font:inherit}
.musteri-telefon-kilit{background:rgba(247,181,0,.12)!important;color:#8a5d00!important;padding:5px 9px;border-radius:9px;font-weight:900}
.musteri-gold-kilit{width:100%;justify-content:center;background:linear-gradient(135deg,#fff7d6,#fff1a8)!important;border:1px solid #e5b51d!important;color:#6a4300!important}
html.dark .musteri-ilan-card,body.dark .musteri-ilan-card{
 background:linear-gradient(#0d1929,#0d1929) padding-box,linear-gradient(90deg,#ff375f,#ff9f0a,#ffd60a,#30d158,#64d2ff,#0a84ff,#bf5af2,#ff375f) border-box!important;
 background-size:100% 100%,400% 400%!important;color:#f8fafc!important
}
html.dark .musteri-ilan-card .yuklegel-header,body.dark .musteri-ilan-card .yuklegel-header{background:transparent!important}
html.dark .musteri-ilan-card .yuklegel-firma,body.dark .musteri-ilan-card .yuklegel-firma{color:#fff!important}
html.dark .musteri-rota,body.dark .musteri-rota{background:linear-gradient(135deg,#0b1726,#101f31,#0b1726)!important;border-color:#29405b!important}
html.dark .musteri-rota .rota-sehir,body.dark .musteri-rota .rota-sehir{color:#fff!important}
html.dark .musteri-rota .rota-baslik,body.dark .musteri-rota .rota-baslik{color:#ffd84f!important}
html.dark .musteri-detay,body.dark .musteri-detay{background:#0b1726!important;border-color:#29405b!important;color:#e5edf7!important}
html.dark .musteri-detay strong,body.dark .musteri-detay strong{color:#fff!important}
html.dark .musteri-detay-grid span,body.dark .musteri-detay-grid span{background:#14243a!important;border-color:#304965!important;color:#f8fafc!important}
html.dark .musteri-footer,body.dark .musteri-footer{border-color:#29405b!important;background:#0d1929!important}
html.dark .musteri-teklif-notu,body.dark .musteri-teklif-notu{color:#c7d2e0!important}
html.dark .musteri-telefon,body.dark .musteri-telefon{color:#5ee28a!important}
html.dark .musteri-telefon-kilit,body.dark .musteri-telefon-kilit{background:#2b240c!important;color:#ffd84f!important;border:1px solid #6d5813!important}
html.dark .musteri-gold-kilit,body.dark .musteri-gold-kilit{background:linear-gradient(135deg,#2a2209,#181b20)!important;border-color:#8f7013!important;color:#ffd84f!important}


/* BOŞ ARAÇ TELEFON — gece/gündüz uyumlu yeşil iletişim kutusu */
.bos-arac-telefon-kutu{
    display:flex;align-items:center;justify-content:center;gap:9px;
    width:fit-content;max-width:100%;margin:12px 0 0;padding:10px 15px;
    border:1px solid #86efac;border-radius:13px;
    background:linear-gradient(135deg,#ecfdf5,#dcfce7);
    color:#15803d!important;text-decoration:none!important;font-size:14px;font-weight:900;
    box-shadow:0 7px 18px rgba(22,163,74,.10);transition:.2s ease;
}
.bos-arac-telefon-kutu:hover{transform:translateY(-1px);border-color:#22c55e;box-shadow:0 10px 24px rgba(22,163,74,.17)}
.bos-arac-telefon-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#16a34a;color:#fff}
.bos-arac-telefon-kilit{color:#64748b!important;background:#f8fafc;border-color:#dbe4ee}
.dark .bos-arac-telefon-kutu{background:linear-gradient(135deg,rgba(20,83,45,.72),rgba(5,46,22,.88));border-color:#22c55e;color:#bbf7d0!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.dark .bos-arac-telefon-kilit{background:#18181b;border-color:#3f3f46;color:#d4d4d8!important}
.bos-arac-iletisim-satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.bos-arac-iletisim-satir .bos-arac-telefon-kutu{margin:0}
.bos-arac-whatsapp-kutu{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:43px;padding:10px 15px;border:1px solid #4ade80;border-radius:13px;
    background:linear-gradient(135deg,#25d366,#16a34a);color:#fff!important;
    text-decoration:none!important;font-size:14px;font-weight:900;
    box-shadow:0 7px 18px rgba(37,211,102,.20);transition:.2s ease;
}
.bos-arac-whatsapp-kutu:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(37,211,102,.30);filter:brightness(1.04)}
.bos-arac-whatsapp-kutu i{font-size:19px}
.bos-arac-whatsapp-kilit{background:#f8fafc!important;border-color:#dbe4ee!important;color:#64748b!important;box-shadow:none}
.dark .bos-arac-whatsapp-kutu{background:linear-gradient(135deg,#22c55e,#15803d);border-color:#4ade80;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.dark .bos-arac-whatsapp-kilit{background:#18181b!important;border-color:#3f3f46!important;color:#d4d4d8!important}
@media(max-width:560px){.bos-arac-iletisim-satir{align-items:stretch}.bos-arac-iletisim-satir .bos-arac-telefon-kutu,.bos-arac-whatsapp-kutu{flex:1 1 auto}}