@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
    --bg-main: #070b14;
    --card-bg: rgba(15, 23, 42, 0.85);
    --glass-bg: rgba(11, 17, 33, 0.94);
    --glass-border: rgba(56, 189, 248, 0.22);
    --primary: #38bdf8;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
}

body { 
    background: var(--bg-main) !important; 
    font-family: 'Vazirmatn', sans-serif !important; 
    color: var(--text-main) !important;
}

header, .navbar-main, .navbar {
    background: rgba(10, 15, 29, 0.9) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}

.navbar-collapse, .container, .container-fluid, .nav-item, .dropdown {
    overflow: visible !important;
}

/* ساختار استاندارد دراپ‌داون (فقط در صورت باز بودن show شود) */
.dropdown-menu {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    min-width: 210px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65), 0 0 15px rgba(56, 189, 248, 0.08) !important;
    margin-top: 8px !important;
    z-index: 99999 !important;
    text-align: right !important;
    direction: rtl !important;
}

/* آیتم‌ها و لینک‌های داخل منو */
.dropdown-item,
.dropdown-menu > li > a,
.dropdown-menu a {
    color: #e2e8f0 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    display: block !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* حالت هاور و فعال تمیز و یکدست */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-menu > li > a:hover,
.dropdown-menu a:hover {
    background: rgba(56, 189, 248, 0.14) !important;
    color: #38bdf8 !important;
    transform: translateX(-3px);
    outline: none !important;
    box-shadow: none !important;
}

/* حذف تمامی بالت‌ها و نقاط ناخواسته */
.dropdown-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dropdown-menu::before,
.dropdown-menu::after,
.dropdown-item::before,
.dropdown-item::after,
.dropdown-menu li::before,
.dropdown-menu li::after {
    display: none !important;
    content: none !important;
}

/* خط جداکننده */
.dropdown-divider {
    border-color: rgba(255, 255, 255, 0.08) !important;
    margin: 6px 0 !important;
}

/* کارت‌ها و المان‌های صفحه */
.tile, .card, .panel {
    background: var(--card-bg) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 14px !important;
}

.btn {
    font-family: 'Vazirmatn', sans-serif !important;
    border-radius: 8px !important;
}

}


/* Sidebar Collapse Fix - Align Chevron to Far Left */
.sidebar .card-header a[data-toggle="collapse"],
.card-sidebar .card-header a[data-toggle="collapse"] {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important; /* باعث می‌شود آیکونِ سمت راست، به چپ برود */
    justify-content: space-between !important;
}

/* اطمینان از اینکه آیکون فلش در سمت چپ قرار بگیرد */
.sidebar .card-header a[data-toggle="collapse"] i[class*="fa-chevron"],
.card-sidebar .card-header a[data-toggle="collapse"] i[class*="fa-chevron"] {
    margin-left: 0 !important;
    margin-right: auto !important;
    order: -1 !important; /* فرستادن به ابتدای ردیف (چپ) */
}


/* Force sidebar header to relative positioning */
.sidebar .card-header,
.card-sidebar .card-header,
.card-sidebar-primary .card-header,
.sidebar-panel .panel-heading,
.card-accent-default .card-header {
    position: relative !important;
    padding-left: 45px !important;
    padding-right: 15px !important;
}

/* Position all collapse toggles and chevrons to the far LEFT (Preserve Rotation) */
.sidebar .card-header .btn-card-header-collapse,
.sidebar .card-header [data-toggle="collapse"],
.card-sidebar .card-header .btn-card-header-collapse,
.card-sidebar .card-header [data-toggle="collapse"],
.sidebar .card-header a[data-toggle="collapse"],
.sidebar .card-header .collapse-icon,
.sidebar .card-header .card-minimise,
.sidebar .card-header .fa-chevron-up,
.sidebar .card-header .fa-chevron-down,
.card-sidebar .card-header .fa-chevron-up,
.card-sidebar .card-header .fa-chevron-down {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: calc(50% - 7px) !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: transform 0.2s ease-in-out !important;
}

/* چرخش صحیح در وضعیت بسته بودن (Collapsed) */
.sidebar .card-header.collapsed .card-minimise,
.sidebar .card-header.collapsed [class*="fa-chevron"],
.card-sidebar .card-header.collapsed [class*="fa-chevron"],
.sidebar .card-header [aria-expanded="false"] [class*="fa-chevron"],
.sidebar .card-header [aria-expanded="false"].card-minimise {
    transform: rotate(180deg) !important;
}

/* ===================================================
   UI/UX Dashboard Improvements - MizbanWeb Theme
   =================================================== */

/* 1. کارت‌های آمار بالای داشبورد (سرویس‌ها، تیکت‌ها و ...) */
.tiles .tile, 
.dashboard-tile,
.card-sidebar,
.card {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* هاور نرم و برجسته‌سازی کارت‌های آماری */
.tiles .tile:hover,
.dashboard-tile:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* 2. بهبود پنل‌ها و کارت‌های اصلی صفحه */
.card-sidebar .card-header,
.sidebar .card-header,
.card-accent-default .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

.card-sidebar .card-body,
.sidebar .card-body {
    line-height: 1.8 !important;
}

/* 3. زیباتر کردن لیست سرویس‌های فعال و اخبار */
.list-group-item {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
    transition: background-color 0.2s ease !important;
}

.list-group-item:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* 4. دکمه‌ها و نشان‌ها (Badges & Buttons) */
.badge {
    padding: 5px 10px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
}

.btn {
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* ===================================================
   Dashboard Tweaks: Equal Height, Spacing & Opacity
   =================================================== */

/* ۱. تراز و یکسان‌سازی ارتفاع کارت‌های اصلی */
.row.dashboard-widgets,
.dashboard-content-container .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* ۲. تنظیم فاصله آیکون‌ها و پدینگ لینک‌های سایدبار (راست‌چین/RTL) */
.sidebar .list-group-item,
.card-sidebar .list-group-item {
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
}

.sidebar .list-group-item i,
.sidebar .list-group-item svg,
.card-sidebar .list-group-item i,
.card-sidebar .list-group-item svg {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* ۳. ملایم‌تر کردن نمایش اعداد در کارت‌های آماری */
.tile .stat,
.dashboard-tile .stat,
.tile h3,
.dashboard-tile h3 {
    opacity: 0.8 !important;
}

/* ===================================================
   Fonts Integration: Vazirmatn (Modern Persian)
   =================================================== */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

body, 
.sidebar, 
.navbar, 
.card, 
.list-group-item, 
h1, h2, h3, h4, h5, h6, 
p, span, div {
    font-family: 'Vazirmatn', sans-serif !important;
}

/* اصلاح وزن فونت برای خوانایی بهتر */
h1, h2, h3 {
    font-weight: 700 !important;
}

body {
    font-weight: 400 !important;
}

/* ===================================================b0f19 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    margin-top: 60px !important;
    padding-top: 25px;
    font-size: 0.9rem;
}

.custom-modern-footer .footer-title {
    color: #f8fafc;
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 12px;
}

.custom-modern-footer .footer-desc {
    font-size: 0.85rem;
    line-height: 1.7;
    color: #64748b !important;
    max-width: 90%;
}

.custom-modern-footer .footer-heading {
    color: #e2e8f00%;
}

.custom-modern-footer .footer-heading {
    color: #e2e8f0;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 16px;
    position: relative;
}

.custom-modern-footer .footer-links {
    padding-right: 0;
}

.custom-modern-footer .footer-links li {
    margin-bottom: 10px;
}

.custom-modern-footer .footer-links a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-size: 0.85rem;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

.custom-modern-footer .footer-links a:hover {
    color: #38bdf8 !important;
    transform: translateX(-4px);
}

.custom-modern-footer .footer-bottom {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.custom-modern-footer .copyright-text {
    font-size: 0.82rem;
}

/* ===================================================
   Custom Modern Footer Styles
   =================================================== */
.custom-modern-footer {
    display: block !important;
    background: #0b0f19 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    margin-top: 60px !important;
    padding-top: 25px;
    font-size: 0.9rem;
    width: 100% !important;
}

.custom-modern-footer .footer-title {
    color: #f8fafc !important;
    font-weight: 700;
    font-size: 1.15rem;
}

.custom-modern-footer .footer-desc {
    font-size: 0.85rem;
    line-height: 1.8;
    color: #94a3b8 !important;
}

.custom-modern-footer .footer-heading {
    color: #f1f5f9 !important;
    font-weight: 600;
    font-size: 0.95rem;
}

.custom-modern-footer .footer-links a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-size: 0.85rem;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.custom-modern-footer .footer-links a:hover {
    color: #38bdf8 !important;
    transform: translateX(-4px);
}

.custom-modern-footer .footer-bottom {
    border-color: rgba(255, 255, 255, 0.06) !important;
}


/* Modern Footer Fix */
.custom-modern-footer { display: block !important; background: #0b0f19 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; color: #94a3b8 !important; margin-top: 60px !important; padding: 40px 0 !important; width: 100% !important; }
.footer-title { color: #f8fafc !important; font-weight: 700; font-size: 1.15rem; margin-bottom: 15px; }
.footer-desc { font-size: 0.85rem; line-height: 1.8; color: #94a3b8 !important; }
.footer-heading { color: #f1f5f9 !important; font-weight: 600; font-size: 0.95rem; margin-bottom: 15px; }
.footer-links li { margin-bottom: 8px; }
.footer-links a { color: #94a3b8 !important; text-decoration: none !important; font-size: 0.85rem; transition: 0.2s; }
.footer-links a:hover { color: #38bdf8 !important; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem; }
.status-badge { background: rgba(16, 185, 129, 0.1); color: #10b981; padding: 4px 12px; border-radius: 20px; border: 1px solid rgba(16, 185, 129, 0.2); }


/* MWEBI Dedicated Footer */
.custom-mweb-footer {
    display: block !important;
    position: relative !important;
    z-index: 99 !important;
    background-color: #070b14 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    margin-top: 50px !important;
    padding: 35px 0 20px 0 !important;
    width: 100% !important;
}
.mweb-ft-title { color: #f8fafc !important; font-weight: 700 !important; font-size: 1.15rem !important; margin-bottom: 12px !important; }
.mweb-ft-desc { font-size: 0.85rem !important; line-height: 1.8 !important; color: #94a3b8 !important; }
.mweb-ft-head { color: #f1f5f9 !important; font-weight: 600 !important; font-size: 0.95rem !important; margin-bottom: 14px !important; }
.mweb-ft-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.mweb-ft-links li { margin-bottom: 8px !important; }
.mweb-ft-links a { color: #94a3b8 !important; text-decoration: none !important; font-size: 0.85rem !important; transition: color 0.2s ease !important; }
.mweb-ft-links a:hover { color: #38bdf8 !important; }
.mweb-ft-bottom { border-top: 1px solid rgba(255, 255, 255, 0.06) !important; margin-top: 25px !important; padding-top: 18px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 0.8rem !important; flex-wrap: wrap !important; gap: 10px !important; }
.mweb-ft-bottom p { margin: 0 !important; }
.mweb-ft-status { background: rgba(16, 185, 129, 0.1) !important; color: #10b981 !important; padding: 4px 12px !important; border-radius: 20px !important; border: 1px solid rgba(16, 185, 129, 0.2) !important; }

/* ===================================================

/* Fix Black Gap Above Footer */
footer,
.site-footer,
.modern-luxury-footer,
.mw-lux-footer {
    margin-top: 0 !important;
}

main.app-main,
.main-content,
.content-area,
.app-main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================
   Eliminate Space & Gap Before Custom Footer
   ========================================== */
section#main-body,
.main-body,
#main-body,
.app-main,
main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section#main-body > .container,
.main-body > .container,
.container.py-4,
.container.py-5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* اگر المانی مستقیم بالای فوتر هست مارجین پایینش صفر شود */
.mw-lux-footer-wrapper,
.modern-luxury-footer,
footer,
.site-footer {
    margin-top: 0 !important;
}

/* حذف هرگونه فضای اضافه در انتهای صفحه */
.app-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ====================================================
   Zero-Gap Fix for .mw-luxury-footer & Main Section
   ==================================================== */
body, html {
    background-color: #0b0f19 !important;
}

section,
section.app-main,
.app-main,
.main-body,
#main-body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section > div:last-child,
.container:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

footer.mw-luxury-footer,
.mw-luxury-footer {
    margin-top: 0 !important;
    padding-top: 25px !important;
}

/* ====================================================
   Balanced Spacing Between Content & Luxury Footer
   ==================================================== */
footer.mw-luxury-footer,
.mw-luxury-footer {
    margin-top: 35px !important;
}

/* ====================================================
   Seamless Seamless Spacing (No Black Gap)
   ==================================================== */
/* حذف مارجین فوتر که باعث بیرون افتادن رنگ زمینه مشکی می‌شد */
footer.mw-luxury-footer,
.mw-luxury-footer {
    margin-top: 0 !important;
}

/* ایجاد فاصله نرم از داخل محتوای صفحه با همان رنگ زمینه اصلی */
section#main-body,
.main-body,
section.app-main,
.app-main {
    padding-bottom: 45px !important;
    margin-bottom: 0 !important;
}

/* ====================================================
   Set Exact Content Bottom Spacing to 35px
   ==================================================== */
footer.mw-luxury-footer,
.mw-luxury-footer {
    margin-top: 0 !important;
}

section#main-body,
.main-body,
section.app-main,
.app-main {
    padding-bottom: 35px !important;
    margin-bottom: 0 !important;
}

/* Force Icon Visibility */
.mw-lux-feat-icon i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #10b981 !important; /* رنگ سبز */
}

/* بازگردانی و نمایش تضمینی تمامی آیکون‌ها و سبد خرید */
.fa, .fas, .far, .fal, .fab, .fad {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
}
.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
}
.fa-shopping-cart:before, .fa-cart-shopping:before {
    content: "\f07a" !important;
}
.fa-ticket-alt:before, .fa-ticket:before {
    content: "\f3ff" !important;
}
.fa-comments:before {
    content: "\f086" !important;
}


/* فاصله بالای ردیف باکس‌های ویژگی‌ها */
.footer-features,
.features-boxes,
.footer-features-grid {
    margin-top: 15px !important;
    margin-bottom: 35px !important;
}


/* فاصله داخلی اختصاصی کانتینر باکس‌های فوتر */
.footer-features,
.features-section,
.footer-features-grid,
.footer-top-features {
    padding-top: 25px !important;
    margin-top: 0 !important;
}

.footer-features, .features-boxes, .footer-features-grid, .footer-top-features {
    padding-top: 30px !important;
    margin-top: 0 !important;
}