/**
 * new_assets/css/binayah.css
 * تنسيقات منصة "بنية" - مع دعم الوضع الداكن
 */

/* ========================================== */
/* 1. متغيرات الألوان (الوضع الفاتح) */
/* ========================================== */
:root {
    --bunya-primary: #0066CC;
    --bunya-secondary: #D4AF37;
    --bunya-bg: #f1f5f9;
    --bunya-card: #ffffff;
    --bunya-text: #1e293b;
    --bunya-text-muted: #64748b;
    --bunya-border: #e2e8f0;
    --bunya-hover: #f8fafc;
}

/* ========================================== */
/* 2. الوضع الداكن */
/* ========================================== */
/*

[data-bs-theme="dark"] {
    --bunya-primary: #3b82f6;
    --bunya-secondary: #f59e0b;
    --bunya-bg: #0f172a;
    --bunya-card: #1e293b;
    --bunya-text: #e2e8f0;
    --bunya-text-muted: #94a3b8;
    --bunya-border: #334155;
    --bunya-hover: #1e293b;
}
*/
/* ========================================== */
/* 3. إعدادات عامة */
/* ========================================== */
body {
    font-family: 'Cairo', Tahoma, sans-serif;
    background: var(--bunya-bg);
    color: var(--bunya-text);
    direction: rtl;
    text-align: right;
    transition: background 0.3s, color 0.3s;
}

/* ========================================== */
/* 4. بطاقات مخصصة */
/* ========================================== */
.card {
    background: var(--bunya-card);
    border-color: var(--bunya-border);
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

[data-bs-theme="dark"] .card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.card-header {
    background: transparent;
    border-bottom-color: var(--bunya-border);
}

.card-footer {
    background: transparent;
    border-top-color: var(--bunya-border);
}

/* ========================================== */
/* 5. ألوان مخصصة للمنصة */
/* ========================================== */
.bg-teal { background-color: #0ca678 !important; }
.bg-teal-lt { background-color: rgba(12, 166, 120, 0.1) !important; color: #0ca678 !important; }
.text-teal { color: #0ca678 !important; }

.bg-purple { background-color: #6f42c1 !important; }
.bg-purple-lt { background-color: rgba(111, 66, 193, 0.1) !important; color: #6f42c1 !important; }
.text-purple { color: #6f42c1 !important; }

.bg-orange { background-color: #fd7e14 !important; }
.bg-orange-lt { background-color: rgba(253, 126, 20, 0.1) !important; color: #fd7e14 !important; }

/* ========================================== */
/* 6. تحسينات RTL */
/* ========================================== */
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }
.me-auto { margin-left: auto !important; margin-right: 0 !important; }

.dropdown-menu { text-align: right; }
.dropdown-menu-end { right: auto; left: 0; }

.breadcrumb-arrows .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "»";
}

/* ========================================== */
/* 7. تحسينات DataTables */
/* ========================================== */
.dataTables_wrapper .dataTables_length { float: right; }
.dataTables_wrapper .dataTables_filter { float: left; text-align: left; }
.dataTables_wrapper .dataTables_info { float: right; }
.dataTables_wrapper .dataTables_paginate { float: left; }

/* ========================================== */
/* 8. تحسينات Select2 */
/* ========================================== */
.select2-container--default .select2-selection--single { text-align: right; }
.select2-container--default .select2-results__option { text-align: right; }
.select2-search--dropdown .select2-search__field { text-align: right; }

/* ========================================== */
/* 9. الخريطة */
/* ========================================== */
#miniAdvertisingMap,
#fullAdvertisingMap {
    background: #e9ecef !important;
    z-index: 1;
}

[data-bs-theme="dark"] #miniAdvertisingMap,
[data-bs-theme="dark"] #fullAdvertisingMap {
    background: #1a1a2e !important;
}

/* ========================================== */
/* 10. المخططات */
/* ========================================== */
.apexcharts-canvas {
    direction: ltr;
}

.apexcharts-tooltip {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', Tahoma, sans-serif;
}

/* ========================================== */
/* 11. شريط التقدم */
/* ========================================== */
.progress {
    background-color: var(--bunya-border);
    border-radius: 4px;
}

/* ========================================== */
/* 12. الطباعة */
/* ========================================== */
@media print {
    .no-print { display: none !important; }
    body { background: white !important; }
}