/* -------------------- Theme vars -------------------- */
:root {
    --blt-primary: #00A7E1;
    --blt-primary-600: #008fbf;
    --blt-dark: #1f2937;
    --blt-muted: #6b7280;
    --blt-bg: #ffffff;
    --blt-soft: #f7fafc;
    --blt-border: #e5e7eb;
    --radius-lg: 16px;
}

/* جهت و فونت پیشنهادی */
html[dir="rtl"] body {
    font-family: Vazirmatn, IRANSans, Tahoma, sans-serif;
}

/* -------------------- Topbar -------------------- */
.blt-topbar {
    background: var(--blt-soft);
    border-bottom: 1px solid var(--blt-border);
    font-size: .92rem;
}

.blt-toplink {
    color: var(--blt-muted);
    text-decoration: none;
}

    .blt-toplink:hover {
        color: var(--blt-dark);
    }

/* -------------------- Mainbar -------------------- */
.blt-header.sticky-top {
    box-shadow: 0 2px 14px rgba(0,0,0,.06);
    background: var(--blt-bg);
}

.blt-mainbar {
    padding: .75rem 0;
    background: var(--blt-bg);
}

/* لوگو */
.blt-logo {
    gap: .5rem;
    color: var(--blt-dark);
    font-weight: 800;
}

.blt-logo-img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}

.blt-logo-text {
    font-size: 1.15rem;
    letter-spacing: -.2px;
}

/* سرچ کپسولی */
.blt-search {
    background: var(--blt-soft);
    border: 1px solid var(--blt-border);
    border-radius: 999px;
    padding: .25rem;
    min-width: 42%;
}

.blt-city-btn {
    border: 0;
    background: transparent;
    padding: .4rem .9rem;
    border-radius: 999px;
    color: var(--blt-dark);
}

.blt-search-input {
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    padding: .4rem .75rem;
}

    .blt-search-input::placeholder {
        color: var(--blt-muted);
    }

.blt-search-btn {
    border: 0;
    background: var(--blt-primary);
    color: #fff;
    border-radius: 999px;
    padding: .45rem .8rem;
}

    .blt-search-btn:hover {
        background: var(--blt-primary-600);
    }

/* CTA */
.blt-cta-btn {
    background: #e8f7ff;
    border: 1px solid #c4eaff;
    color: var(--blt-primary);
    border-radius: var(--radius-lg);
    padding: .55rem .9rem;
    font-weight: 700;
}

    .blt-cta-btn:hover {
        background: #dff3ff;
        color: var(--blt-primary-600);
    }

/* ---- Account button (اختیاری کنار CTA) ---- */
.blt-ghost-btn {
    background: transparent;
    border: 1px solid var(--blt-border);
    border-radius: var(--radius-lg);
    padding: .5rem .9rem;
    font-weight: 700;
    line-height: 1;
}

    .blt-ghost-btn:hover {
        background: var(--blt-soft);
        border-color: var(--blt-primary);
    }


/* -------------------- Nav menu -------------------- */
.blt-nav {
    border-top: 1px solid var(--blt-border);
    background: var(--blt-bg);
}

.blt-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.25rem;
    overflow-x: auto;
}

    .blt-menu a {
        display: inline-block;
        padding: .85rem .2rem;
        color: var(--blt-dark);
        text-decoration: none;
        position: relative;
        font-weight: 600;
    }

        .blt-menu a::after {
            content: "";
            position: absolute;
            right: .2rem;
            left: .2rem;
            bottom: .5rem;
            height: 2px;
            background: var(--blt-primary);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .2s ease;
        }

        .blt-menu a:hover {
            color: var(--blt-primary);
        }

            .blt-menu a:hover::after {
                transform: scaleX(1);
            }

/* ریسپانسیو */
@media (max-width: 991.98px) {
    .blt-search {
        min-width: 55%;
    }
}

@media (max-width: 767.98px) {
    .blt-topbar {
        display: none;
    }
    /* در موبایل بار بالا مخفی */
    .blt-cta-btn {
        display: none;
    }
    /* CTA به منو یا پایین صفحه منتقل شود */
}

.blt-ghost-btn {
    background: transparent;
    border: 1px solid var(--blt-border);
    border-radius: var(--radius-lg);
    padding: .5rem .9rem;
    font-weight: 700;
    line-height: 1;
}

    .blt-ghost-btn:hover {
        background: var(--blt-soft);
        border-color: var(--blt-primary);
    }