/* ==========================================================
   JETLE.NET — EVDENNAKLIYATEVE.COM ESİNLİ PREMIUM TASARIM
   Fonksiyonlar korunur; sadece görünüm katmanı yenilenir.
   ========================================================== */

:root{
    --ref-navy:#123b70;
    --ref-navy-2:#0b2d56;
    --ref-blue:#1f5fae;
    --ref-orange:#f59e0b;
    --ref-orange-2:#ffb52e;
    --ref-bg:#f7f9fc;
    --ref-card:#ffffff;
    --ref-border:#e5eaf1;
    --ref-text:#172033;
    --ref-muted:#6b778c;
}

html{scroll-behavior:smooth;}

body{
    background:
        radial-gradient(circle at 50% -10%,rgba(31,95,174,.09),transparent 34%),
        linear-gradient(180deg,#fff 0%,var(--ref-bg) 55%,#f5f7fb 100%) !important;
    color:var(--ref-text) !important;
}

/* ANA KAPSAYICI */
main > .min-h-screen{background:transparent !important;}

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

/* HERO */
.jetle-reference-hero{
    position:relative;
    overflow:hidden;
    margin:0 -20px 24px;
    padding:64px 20px 48px;
    background:
        radial-gradient(circle at 12% 25%,rgba(255,181,46,.20),transparent 23%),
        radial-gradient(circle at 88% 15%,rgba(31,95,174,.18),transparent 26%),
        linear-gradient(135deg,#f8fbff 0%,#fff 52%,#fff8ec 100%);
    border-bottom:1px solid #e8edf4;
}

.jetle-hero-inner{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto;
    text-align:center;
}

.jetle-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 14px;
    border:1px solid #d8e4f3;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    color:var(--ref-navy);
    font-size:12px;
    font-weight:900;
    box-shadow:0 8px 25px rgba(22,53,90,.06);
}

.jetle-hero-badge-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.12);
}

.jetle-hero-title{
    margin:18px auto 0;
    max-width:900px;
    color:#10233e !important;
    font-size:clamp(40px,6vw,72px) !important;
    line-height:1.02 !important;
    letter-spacing:-3px !important;
    font-weight:950 !important;
}

.jetle-hero-title span{
    display:block;
    margin-top:7px;
    color:var(--ref-orange) !important;
}

.jetle-hero-text{
    max-width:720px;
    margin:18px auto 0;
    color:#66758a !important;
    font-size:17px !important;
    line-height:1.65 !important;
}

.jetle-hero-stats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin:27px auto 0;
}

.jetle-hero-stat{
    min-width:150px;
    padding:12px 18px;
    border:1px solid #e2e8f0;
    border-radius:15px;
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 25px rgba(16,35,62,.05);
}

.jetle-hero-stat strong{
    display:block;
    color:var(--ref-navy);
    font-size:18px;
    font-weight:950;
}

.jetle-hero-stat span{
    display:block;
    margin-top:2px;
    color:#7b8797;
    font-size:11px;
    font-weight:700;
}

.jetle-hero-orb{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(2px);
}

.jetle-hero-orb-1{
    width:260px;
    height:260px;
    left:-100px;
    bottom:-150px;
    background:rgba(245,158,11,.10);
}

.jetle-hero-orb-2{
    width:320px;
    height:320px;
    right:-120px;
    top:-180px;
    background:rgba(31,95,174,.08);
}

/* İLAN OLUŞTURMA KARTI */
.card-premium-flat{
    border:1px solid var(--ref-border) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:
        0 18px 55px rgba(20,43,74,.08),
        0 3px 12px rgba(20,43,74,.035) !important;
}

.jetle-form-heading{
    position:relative;
    z-index:10;
    display:flex;
    align-items:center;
    gap:13px;
    margin:0 0 22px;
    padding-bottom:18px;
    border-bottom:1px solid #edf1f6;
}

.jetle-form-heading-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    border-radius:13px;
    background:linear-gradient(135deg,var(--ref-orange-2),var(--ref-orange));
    color:#172033;
    font-size:25px;
    font-weight:900;
    box-shadow:0 9px 20px rgba(245,158,11,.22);
}

.jetle-form-kicker{
    color:#9aa5b5;
    font-size:10px;
    font-weight:950;
    letter-spacing:.12em;
}

.jetle-form-heading h2{
    margin:2px 0 1px;
    color:#172033 !important;
    font-size:20px !important;
    font-weight:950 !important;
}

.jetle-form-heading p{
    margin:0;
    color:#7a8697;
    font-size:12px;
}

/* FORM ROTA */
.rota-form-row{
    grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) !important;
    gap:12px !important;
}

.jetle-label{
    color:#334155 !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.02em;
}

.jetle-input,.jetle-textarea{
    border:1px solid #dfe6ef !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#172033 !important;
    box-shadow:0 3px 12px rgba(25,50,80,.025) !important;
}

.jetle-input{
    min-height:54px !important;
}

.jetle-textarea{
    min-height:120px !important;
}

.jetle-input:focus,.jetle-textarea:focus{
    border-color:#8eb5df !important;
    box-shadow:0 0 0 4px rgba(31,95,174,.10) !important;
}

.rota-form-arrow,.rota-ok{
    color:var(--ref-orange) !important;
}

.rota-form-arrow-line,.rota-ok-line{
    background:linear-gradient(90deg,rgba(245,158,11,.12),var(--ref-orange)) !important;
}

/* ANA BUTON */
.jetle-submit-btn{
    min-height:58px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#ffbd3f 0%,#f59e0b 100%) !important;
    color:#142238 !important;
    box-shadow:0 13px 27px rgba(245,158,11,.23) !important;
    letter-spacing:.01em;
}

.jetle-submit-btn:hover{
    box-shadow:0 17px 32px rgba(245,158,11,.30) !important;
}

/* ARAMA */
.jetle-arama-baslik{
    justify-content:flex-start !important;
    max-width:900px;
    margin:34px auto 12px !important;
    color:#172033 !important;
    font-size:19px !important;
}

.jetle-arama-baslik span:first-child{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#fff1d4;
}

.jetle-arama-kutu{
    max-width:900px !important;
    border:1px solid #dfe6ef !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(25,50,80,.06) !important;
}

.jetle-arama-btn{
    border-radius:12px !important;
    background:var(--ref-navy) !important;
}

.jetle-arama-btn:hover{
    background:var(--ref-navy-2) !important;
}

/* LİSTE + SAĞ ALAN */
#ilan-listesi{
    display:flex;
    flex-direction:column;
    gap:12px;
}

#ilan-listesi > .yuklegel-card + .yuklegel-card{
    margin-top:0 !important;
}

.yuklegel-card{
    border:1px solid #e1e7ef !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 7px 25px rgba(21,45,77,.055) !important;
}

.yuklegel-card:hover{
    transform:translateY(-2px);
    border-color:#c8d8ea !important;
    box-shadow:0 14px 34px rgba(21,45,77,.10) !important;
}

/* ROTA KARTI */
.rota-karti{
    margin:12px 12px 0 !important;
    padding:12px 15px !important;
    border:1px solid #e6ebf2 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
}

.rota-baslik{
    color:#7b8797 !important;
    font-size:9px !important;
}

.rota-sehir{
    color:#172033 !important;
    font-size:15px !important;
}

/* ÜYE SATIRI */
.yuklegel-header{
    padding:14px 15px !important;
}

.yuklegel-avatar{
    width:44px !important;
    height:44px !important;
    flex-basis:44px;
    border:2px solid #e5eaf1 !important;
    background:#f4f7fa !important;
}

.yuklegel-firma{
    color:#172033 !important;
    font-size:15px !important;
}

.ilan-aktivite{
    color:#8792a2 !important;
}

/* ROZETLER */
.badge-altin-pro{
    color:#8a5b00 !important;
    background:#fff5d8 !important;
    border-color:#f2d28a !important;
}

.badge-normal{
    color:#566274 !important;
    background:#f1f4f7 !important;
    border-color:#dfe5ec !important;
}

/* MESAJ */
.yuklegel-message{
    margin:0 15px !important;
    padding:15px !important;
    border:1px solid #e8edf3 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    color:#4b586b !important;
    font-size:14px !important;
    line-height:1.65 !important;
}

/* GOLD — REFERANS TASARIMA UYUMLU, DAHA SAKİN PREMIUM */
.yuklegel-card.gold-card{
    border:1px solid #efc766 !important;
    background:linear-gradient(145deg,#fff 0%,#fffdf6 100%) !important;
    box-shadow:0 10px 30px rgba(234,171,32,.12) !important;
}

.yuklegel-card.gold-card::before{
    background:linear-gradient(
        110deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.05) 43%,
        rgba(255,255,255,.88) 49%,
        rgba(255,215,100,.28) 55%,
        transparent 66%,
        transparent 100%
    ) !important;
}

/* ALT BUTONLAR */
.yuklegel-footer{
    grid-template-columns:minmax(180px,1fr) minmax(250px,1.4fr) auto !important;
    padding:13px 15px 15px !important;
    border-top:1px solid #edf1f5 !important;
}

.telefon-kutu{
    background:#f2f8ff !important;
    border-color:#d5e5f6 !important;
    color:#174c80 !important;
}

.telefon-kilit{
    background:#f5f7fa !important;
    border-color:#e1e6ed !important;
    color:#697586 !important;
}

.ilan-detay-btn{
    background:var(--ref-navy) !important;
    border-color:var(--ref-navy) !important;
}

.ilan-whatsapp-btn{
    background:#effaf2 !important;
    border-color:#cdebd5 !important;
}

/* DAHA FAZLA */
#loadMoreBtn{
    min-height:50px !important;
    border-radius:13px !important;
    background:var(--ref-navy) !important;
    color:#fff !important;
    box-shadow:0 12px 26px rgba(18,59,112,.16) !important;
}

#loadMoreBtn:hover{
    background:var(--ref-navy-2) !important;
}

/* REKLAM KARTLARI */
aside > p{
    color:#64748b !important;
    letter-spacing:.08em !important;
}

.defter-reklam{
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    box-shadow:0 8px 22px rgba(21,45,77,.06) !important;
}

/* OTOMATİK TAM EKRAN TAŞMAYI ÖNLE */
.jetle-reference-hero,
.card-premium-flat,
.yuklegel-card{
    max-width:100%;
}

/* DARK MODE */
.dark body,
html.dark body{
    background:#0b1220 !important;
    color:#edf2f7 !important;
}

.dark .jetle-reference-hero,
html.dark .jetle-reference-hero{
    background:
        radial-gradient(circle at 12% 25%,rgba(245,158,11,.12),transparent 23%),
        radial-gradient(circle at 88% 15%,rgba(31,95,174,.18),transparent 26%),
        linear-gradient(135deg,#0c1728 0%,#0f1b2d 55%,#17140d 100%) !important;
    border-color:#1d2b3d;
}

.dark .jetle-hero-title,
html.dark .jetle-hero-title,
.dark .jetle-form-heading h2,
html.dark .jetle-form-heading h2,
.dark .yuklegel-firma,
html.dark .yuklegel-firma,
.dark .rota-sehir,
html.dark .rota-sehir{
    color:#f5f7fb !important;
}

.dark .jetle-hero-text,
html.dark .jetle-hero-text{
    color:#aeb9c9 !important;
}

.dark .jetle-hero-badge,
html.dark .jetle-hero-badge,
.dark .jetle-hero-stat,
html.dark .jetle-hero-stat{
    background:#111f32 !important;
    border-color:#26384e !important;
}

.dark .jetle-hero-stat span,
html.dark .jetle-hero-stat span{
    color:#8d9aae;
}

.dark .card-premium-flat,
html.dark .card-premium-flat,
.dark .yuklegel-card,
html.dark .yuklegel-card{
    background:#101a29 !important;
    border-color:#26364a !important;
}

.dark .jetle-input,
html.dark .jetle-input,
.dark .jetle-textarea,
html.dark .jetle-textarea,
.dark .jetle-arama-kutu,
html.dark .jetle-arama-kutu{
    background:#0d1725 !important;
    color:#f1f5f9 !important;
    border-color:#2b3c52 !important;
}

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

.dark .yuklegel-message,
html.dark .yuklegel-message,
.dark .rota-karti,
html.dark .rota-karti{
    background:#0d1725 !important;
    border-color:#24354a !important;
}

.dark .yuklegel-message{
    color:#b9c4d2 !important;
}

.dark .yuklegel-footer,
html.dark .yuklegel-footer{
    border-color:#24354a !important;
}

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

/* MOBİL */
@media(max-width:700px){
    main .max-w-\[100vw\] > div{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .jetle-reference-hero{
        margin:0 -12px 18px;
        padding:42px 14px 32px;
    }

    .jetle-hero-title{
        font-size:clamp(36px,12vw,52px) !important;
        letter-spacing:-2px !important;
    }

    .jetle-hero-text{
        font-size:14px !important;
    }

    .jetle-hero-stats{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
    }

    .jetle-hero-stat{
        min-width:0;
        padding:10px 6px;
    }

    .jetle-hero-stat strong{
        font-size:14px;
    }

    .jetle-hero-stat span{
        font-size:9px;
    }

    .jetle-form-heading{
        align-items:flex-start;
    }

    .jetle-form-heading h2{
        font-size:17px !important;
    }

    .jetle-form-heading p{
        font-size:11px;
    }

    .rota-form-row{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .rota-form-arrow{
        height:24px;
        transform:rotate(90deg);
    }

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

    .ilan-alt-butonlar{
        width:100%;
    }

    .telefon-kutu,.telefon-kilit,
    .ilan-detay-btn,.ilan-whatsapp-btn{
        min-height:44px !important;
    }

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

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

    .rota-karti{
        grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) !important;
        gap:5px !important;
        padding:11px 10px !important;
    }

    .rota-sehir{
        font-size:14px !important;
    }
}