/* =========================================
   1. تغییر رنگ پس‌زمینه اصلی صفحه
========================================= */
body, .main-container, #wrapper, .content-area {
    background-color: #1a1f24 !important;
    color: #ffffff !important;
    font-family: 'Segoe UI', Roboto, sans-serif !important;
}

/* =========================================
   2. استایل‌دهی به نوار جستجو (Search Bar)
========================================= */
input[type="text"], input[type="search"], .search-box input {
    background-color: #12161a !important;
    border: 1px solid #2d343a !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

input[type="text"]:focus, input[type="search"]:focus {
    border-color: #b4d333 !important;
    outline: none !important;
    box-shadow: 0 0 15px rgba(180, 211, 51, 0.3) !important;
}

/* =========================================
   3. استایل کارت‌های تور مجازی (تم تاریک)
========================================= */
.card, .vt-card {
    background-color: #12161a !important;
    border: 2px solid #2d343a !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

/* افکت هاور (رفتن موس روی کارت) */
.card:hover, .vt-card:hover {
    border-color: #b4d333 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 0 25px rgba(180, 211, 51, 0.2) !important;
}

/* =========================================
   4. رنگ متن‌ها داخل کارت
========================================= */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card-title {
    color: #ffffff !important;
}

/* رنگ توضیحات و نام نویسنده */
.card p, .card-text, .card .author, .card-body {
    color: #aaaaaa !important;
}

/* =========================================
   5. اصلاح کادر آیکون چشم و بازدیدها روی عکس
========================================= */
.card-access {
    background-color: rgba(26, 31, 36, 0.85) !important;
    border: 1px solid #2d343a !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    color: #b4d333 !important;
    text-shadow: none !important;
}

/* اعمال رنگ سبز لایم روی آیکون و عدد */
.card-access i,
.card-access span {
    color: #b4d333 !important;
}

/* =========================================
   6. حذف نوارهای سفید پایین صفحه و فوتر
========================================= */
footer, #footer, .footer, .footer-container, .bottom-wrap, .wrapper-footer {
    background-color: #1a1f24 !important;
    background: #1a1f24 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* برای اطمینان از اینکه هیچ کادر سفیدی ته صفحه نمونده */
.content-wrapper, .main-panel {
    background-color: #1a1f24 !important;
}

/* =========================================
   7. حل قطعی نوار سفید بالای فوتر
========================================= */
/* از بین بردن فاصله (مارجین) مزاحمی که سیستم به صورت خودکار ایجاد می‌کند */
.showcase section, section {
    margin-bottom: 0 !important;
    padding-bottom: 50px !important; /* یک فاصله داخلی مشکی برای زیبایی جایگزین کردیم */
}

/* تاریک کردن پس‌زمینه لایه اصلی سیستم که زیر کارت‌ها قرار دارد */
.showcase, .custom_footer, .showcase_container {
    background-color: #1a1f24 !important;
}