/* =========================
   KAYAN İLAN BAR
========================= */

.ilan-marquee-wrap{
    width:100%;
    overflow:hidden;
    position:relative;
    background:linear-gradient(90deg,#0f172a,#111827,#0f172a);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:
        0 0 25px rgba(16,185,129,.15),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.ilan-marquee{
    display:flex;
    width:max-content;
    animation: ilanKaydir 22s linear infinite;
}

.ilan-marquee span{
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 38px;
    font-size:15px;
    font-weight:800;
    letter-spacing:.3px;
    color:#fff;
    white-space:nowrap;
    text-shadow:
        0 0 10px rgba(16,185,129,.8),
        0 0 20px rgba(16,185,129,.4);
}

.ilan-marquee strong{
    color:#34d399;
    font-size:17px;
}

.ilan-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#22c55e;
    box-shadow:
        0 0 10px #22c55e,
        0 0 20px #22c55e;
}

@keyframes ilanKaydir{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* =========================
   USER MENU BUTTON
========================= */

.user-menu-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 22px;
    border:none;
    border-radius:18px;
    font-size:15px;
    font-weight:700;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg,#06b6d4,#2563eb);
    box-shadow:
        0 10px 25px rgba(37,99,235,.30),
        inset 0 1px 0 rgba(255,255,255,.15);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.user-menu-btn:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#22d3ee,#3b82f6);
    box-shadow:
        0 16px 35px rgba(37,99,235,.45),
        inset 0 1px 0 rgba(255,255,255,.2);
}

.user-menu-btn:active{
    transform:scale(.97);
}

.user-menu-arrow{
    font-size:11px;
    opacity:.9;
    transition:transform .25s ease;
}

.user-menu-btn.active .user-menu-arrow{
    transform:rotate(180deg);
}

.mobile-user-btn{
    width:100%;
}

/* =========================
   APP INSTALL BAR
========================= */

.app-install-bar{
    position:sticky;
    top:0;
    z-index:999999;
    width:100%;
    background:linear-gradient(135deg,#059669,#10b981);
    box-shadow:0 10px 30px rgba(16,185,129,.25);
    animation:installBarDown .35s ease;
}

.app-install-content{
    max-width:1400px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:10px 14px;
}

.app-install-left{
    display:flex;
    align-items:center;
    gap:12px;
}

.app-install-logo{
    width:46px;
    height:46px;
    border-radius:12px;
    object-fit:cover;
    background:#fff;
    padding:4px;
}

.app-install-text{
    display:flex;
    flex-direction:column;
    color:#fff;
}

.app-install-text strong{
    font-size:15px;
    font-weight:800;
    line-height:1.1;
}

.app-install-text span{
    font-size:12px;
    opacity:.92;
}

.app-install-right{
    display:flex;
    align-items:center;
    gap:10px;
}

.app-install-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:90px;
    height:40px;
    padding:0 18px;
    border-radius:12px;
    background:#fff;
    color:#059669;
    font-weight:800;
    font-size:14px;
    text-decoration:none;
    transition:.2s ease;
}

.app-install-btn:hover{
    transform:translateY(-1px);
}

.app-install-close{
    width:38px;
    height:38px;
    border:none;
    border-radius:12px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:18px;
    cursor:pointer;
}

/* =========================
   TOAST
========================= */

#notify{
    position:fixed;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    z-index:2147483647;
    display:none;
    min-width:280px;
    max-width:90%;
}

#notifyBox{
    padding:14px 18px;
    border-radius:14px;
    color:#fff;
    font-weight:600;
    font-size:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    display:flex;
    align-items:center;
    gap:10px;
    animation:pop .25s ease;
}

.toast-success{
    background:linear-gradient(135deg,#16a34a,#22c55e);
}

.toast-error{
    background:linear-gradient(135deg,#dc2626,#ef4444);
}

@keyframes pop{
    from{
        transform:scale(.95);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}

/* =========================
   SELECT
========================= */

select[name="sehir_id"]{
    height:52px !important;
    max-height:52px !important;
    overflow:hidden !important;
    background-color:#fff;
    color:#111;
    font-size:15px;
}

select[name="sehir_id"] option{
    padding:10px;
    color:#111;
    background:#fff;
}

.dark select[name="sehir_id"]{
    background:#18181b;
    color:#fff;
}

.dark select[name="sehir_id"] option{
    background:#18181b;
    color:#fff;
}

/* =========================
   ANIMATION
========================= */

@keyframes installBarDown{
    from{
        opacity:0;
        transform:translateY(-100%);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* =========================
   MOBIL
========================= */

@media(max-width:640px){

    .ilan-marquee span{
        font-size:13px;
        padding:10px 24px;
    }

    .ilan-marquee strong{
        font-size:15px;
    }

    .app-install-content{
        padding:10px;
    }

    .app-install-text span{
        display:none;
    }

    .app-install-btn{
        min-width:72px;
        height:36px;
        font-size:13px;
    }

    .app-install-logo{
        width:40px;
        height:40px;
    }
}
/* =========================
JETLE FORM ULTRA PRO
========================= */

.jetle-bg-light{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top left,
    rgba(16,185,129,.18),
    transparent 35%),
    radial-gradient(circle at bottom right,
    rgba(59,130,246,.18),
    transparent 35%);
    pointer-events:none;
}

/* GLOW */
.jetle-glow{
    position:absolute;
    border-radius:999px;
    filter:blur(90px);
    opacity:.25;
    pointer-events:none;
}

.jetle-glow-1{
    width:240px;
    height:240px;
    background:#10b981;
    top:-100px;
    left:-100px;
}

.jetle-glow-2{
    width:260px;
    height:260px;
    background:#2563eb;
    bottom:-120px;
    right:-120px;
}

/* LABEL */
.jetle-label{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-weight:900;
    color:#374151;
}

.dark .jetle-label{
    color:#d1d5db;
}

/* INPUT */
.jetle-input{
    width:100%;
    height:66px;
    border:none;
    outline:none;
    border-radius:24px;
    padding:0 22px;
    font-size:15px;
    font-weight:800;
    color:#111827;
    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.96),
        rgba(248,250,252,.92)
    );

    box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.05),
    0 12px 30px rgba(0,0,0,.06);

    transition:.25s;
}

.dark .jetle-input{
    color:#fff;
    background:
    linear-gradient(
        180deg,
        rgba(39,39,42,.96),
        rgba(24,24,27,.94)
    );
}

.jetle-input::placeholder{
    color:#6b7280;
    opacity:1;
}

.dark .jetle-input::placeholder{
    color:#9ca3af;
}

.jetle-input:focus{
    transform:translateY(-2px);

    box-shadow:
    0 18px 40px rgba(16,185,129,.18),
    inset 0 0 0 2px rgba(16,185,129,.40);
}

/* TEXTAREA */
.jetle-textarea{
    width:100%;
    min-height:140px;
    resize:none;
    border:none;
    outline:none;
    border-radius:28px;
    padding:22px;
    font-size:15px;
    line-height:1.7;
    font-weight:700;
    color:#111827;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.96),
        rgba(248,250,252,.92)
    );

    box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.05),
    0 12px 30px rgba(0,0,0,.06);

    transition:.25s;
}

.dark .jetle-textarea{
    color:#fff;
    background:
    linear-gradient(
        180deg,
        rgba(39,39,42,.96),
        rgba(24,24,27,.94)
    );
}

.jetle-textarea:focus{
    transform:translateY(-2px);

    box-shadow:
    0 18px 40px rgba(37,99,235,.16),
    inset 0 0 0 2px rgba(37,99,235,.35);
}

/* BUTTON */
.jetle-submit-btn{
    width:100%;
    height:70px;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-radius:24px;
    cursor:pointer;
    font-size:16px;
    font-weight:900;
    color:#fff;

    background:
    linear-gradient(
        135deg,
        #10b981,
        #06b6d4,
        #2563eb
    );

    box-shadow:
    0 20px 45px rgba(37,99,235,.30);

    transition:.25s;
}

.jetle-submit-btn:hover{
    transform:
    translateY(-3px)
    scale(1.01);

    box-shadow:
    0 35px 65px rgba(37,99,235,.35);
}

/* AUTOCOMPLETE */
.jetle-auto{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin-top:8px;
    border-radius:22px;
    overflow:hidden;
    background:#fff;
    z-index:99999;
    max-height:300px;
    overflow-y:auto;

    box-shadow:
    0 20px 45px rgba(0,0,0,.16);
}

.dark .jetle-auto{
    background:#18181b;
}

.jetle-auto-item{
    padding:14px 18px;
    cursor:pointer;
    font-size:14px;
    font-weight:700;
    transition:.2s;
}

.jetle-auto-item:hover{
    background:rgba(16,185,129,.10);
}

/* POPUP */
.jetle-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(6px);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:999999;
}

.jetle-popup-box{
    width:92%;
    max-width:420px;
    border-radius:32px;
    padding:34px 28px;
    text-align:center;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.98),
        rgba(248,250,252,.95)
    );

    box-shadow:
    0 30px 80px rgba(0,0,0,.30);

    animation:jetlePopup .25s ease;
}

.dark .jetle-popup-box{
    background:
    linear-gradient(
        180deg,
        rgba(39,39,42,.98),
        rgba(24,24,27,.96)
    );
}

@keyframes jetlePopup{
    from{
        opacity:0;
        transform:scale(.85);
    }

    to{
        opacity:1;
        transform:scale(1);
    }
}

.jetle-popup-icon{
    width:84px;
    height:84px;
    margin:0 auto 20px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    font-weight:900;
    color:#fff;

    background:
    linear-gradient(
        135deg,
        #10b981,
        #22c55e
    );

    box-shadow:
    0 20px 40px rgba(34,197,94,.35);
}

.jetle-popup-error .jetle-popup-icon{
    background:
    linear-gradient(
        135deg,
        #dc2626,
        #ef4444
    );
}

.jetle-popup-text{
    font-size:22px;
    line-height:1.5;
    font-weight:900;
    color:#111827;
    margin-bottom:24px;
}

.dark .jetle-popup-text{
    color:#fff;
}

.jetle-popup-btn{
    width:100%;
    height:58px;
    border:none;
    border-radius:20px;
    cursor:pointer;
    font-size:15px;
    font-weight:900;
    color:#fff;

    background:
    linear-gradient(
        135deg,
        #2563eb,
        #06b6d4
    );

    transition:.25s;
}

.jetle-popup-btn:hover{
    transform:translateY(-2px);
}

@media(max-width:640px){

    .jetle-route-preview{
        flex-direction:column;
    }

    .jetle-route-arrow{
        transform:rotate(90deg);
    }

    .jetle-city-box{
        width:100%;
    }

}