/*
 | Sahibinden-style classic layer
 | Warm palette: orange + yellow + gray
 */

:root {
    --sb-orange: var(--sahibinden-orange, #ff6000);
    --sb-orange-dark: var(--sahibinden-dark-orange, #e25500);
    --sb-yellow: var(--sahibinden-yellow, #ffc72c);
    --sb-gray-900: var(--sahibinden-text, #2d2d2d);
    --sb-gray-700: var(--sahibinden-gray, #555);
    --sb-gray-500: var(--sahibinden-gray-soft, #888);
    --sb-gray-300: var(--sahibinden-border, #ddd);
    --sb-gray-100: var(--sahibinden-light-gray, #f5f5f5);
    --sb-surface: var(--sahibinden-surface, #fff);
}

body {
    background: var(--sb-gray-100);
    color: var(--sb-gray-900);
    font-family: "Segoe UI", Arial, sans-serif !important;
}

.top-bar {
    background: #fff;
    border-bottom: 1px solid var(--sb-gray-300);
}

.top-bar a {
    color: var(--sb-gray-700);
}

.top-bar a:hover {
    color: var(--sb-orange);
}

.main-header {
    background: var(--sb-surface);
    border-bottom: 3px solid var(--sb-orange);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.logo {
    color: var(--sb-orange) !important;
    font-weight: 700;
}

.logo span {
    color: #333;
}

.search-container {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.search-input {
    border: 2px solid var(--sb-orange) !important;
    border-radius: 4px 0 0 4px !important;
    background: #fff !important;
    color: #333 !important;
}

.search-btn {
    border-radius: 0 4px 4px 0 !important;
    background: var(--sb-orange) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.search-btn:hover {
    background: var(--sb-orange-dark) !important;
}

.post-ad-btn,
.btn-sahibinden {
    background: var(--sb-orange) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.post-ad-btn:hover,
.btn-sahibinden:hover {
    background: var(--sb-orange-dark) !important;
    color: #fff !important;
}

.quick-links {
    background: #fafafa;
    border-bottom: 1px solid var(--sb-gray-300);
}

.quick-links a {
    color: var(--sb-gray-700);
    border: 0;
    background: transparent;
    border-radius: 0;
    font-weight: 500;
}

.quick-links a:hover {
    color: var(--sb-orange);
}

.category-menu {
    background: #fff;
    border-top: 1px solid var(--sb-gray-300);
    border-bottom: 1px solid var(--sb-gray-300);
    box-shadow: none;
    margin-top: 0;
}

.category-list > li > a {
    color: #333;
    border-left: 0 !important;
    border-right: 1px solid var(--sb-gray-300);
    font-weight: 600;
}

.category-list > li > a:hover,
.category-list > li:hover > a {
    background: var(--sb-orange);
    color: #fff;
}

.subcategory {
    background: #fff !important;
    border: 1px solid var(--sb-gray-300) !important;
    border-radius: 0;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}

.subcategory a {
    color: #333 !important;
    border-bottom: 1px solid #eee;
}

.subcategory a:hover {
    color: var(--sb-orange-dark) !important;
    background: #fff7ef !important;
}

.content-wrapper,
.sidebar-box {
    background: #fff;
    border: 1px solid var(--sb-gray-300);
    border-radius: 4px;
    box-shadow: none;
}

.section-header,
.sidebar-header {
    background: #f9f9f9;
    border-bottom: 1px solid var(--sb-gray-300);
}

.section-header h3 i,
.sidebar-link span:first-child i {
    color: var(--sb-orange);
}

.ad-grid {
    background: var(--sb-gray-300);
    gap: 1px;
    padding: 0;
}

.ad-card {
    background: #fff !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none !important;
}

.ad-card:hover {
    background: #fff8f0 !important;
}

.ad-card-img {
    border: 1px solid #eee;
    border-radius: 2px;
}

.ad-card-title {
    color: #0066cc;
}

.ad-card:hover .ad-card-title {
    color: var(--sb-orange);
}

.featured-badge,
.urgent-badge {
    border-radius: 2px;
    font-weight: 700;
}

.featured-badge {
    background: var(--sb-orange);
    color: #fff;
}

.urgent-banner {
    background: linear-gradient(90deg, #ff4d3b, var(--sb-orange));
    border-radius: 4px;
    border: 0;
    box-shadow: none;
}

.main-footer {
    background: #fff !important;
    border-top: 3px solid var(--sb-orange);
    margin-top: 26px;
}

.footer-col h5 {
    font-family: "Segoe UI", Arial, sans-serif;
    border-bottom: 2px solid var(--sb-orange);
    color: #333;
}

.footer-col a {
    color: #666 !important;
}

.footer-col a:hover {
    color: var(--sb-orange) !important;
}

.footer-bottom {
    background: #f5f5f5 !important;
    border-top: 1px solid var(--sb-gray-300);
    color: #666;
}

.dropdown-menu {
    border-radius: 4px;
    border: 1px solid var(--sb-gray-300);
}

.dropdown-item:hover {
    background: #fff4e8;
    color: var(--sb-orange-dark);
}

.pagination .page-link {
    border-radius: 4px !important;
    margin: 0 2px;
}

.pagination .page-item.active .page-link {
    background: var(--sb-orange);
    border-color: var(--sb-orange);
}

@media (max-width: 767.98px) {
    body {
        padding-bottom: 76px;
    }

    .mobile-bottom-nav {
        background: #fff;
        border-top: 1px solid var(--sb-gray-300);
    }

    .mobile-bottom-nav-item {
        color: var(--sb-gray-500);
    }

    .mobile-bottom-nav-item.active,
    .mobile-bottom-nav-item-highlight {
        color: var(--sb-orange);
    }
}