/* ===========================================================
   ملف مُولَّد تلقائياً - لا تعدّله يدوياً
   المصدر: لوحة التحكم > الألوان
   تاريخ التوليد: 2026-10-07 21:55:23
   =========================================================== */

:root {
    --brand-primary: 0 147 200;
    --brand-primary-hex: #0093c8;
    --brand-primary_dark: 0 122 163;
    --brand-primary_dark-hex: #007aa3;
    --brand-primary_light: 100 197 218;
    --brand-primary_light-hex: #64c5da;
    --brand-accent: 211 155 42;
    --brand-accent-hex: #d39b2a;
    --brand-accent_dark: 255 89 106;
    --brand-accent_dark-hex: #ff596a;
    --brand-sidenav: 33 46 132;
    --brand-sidenav-hex: #212e84;
    --brand-nav_home: 100 197 218;
    --brand-nav_home-hex: #64c5da;
    --brand-nav_about: 176 217 105;
    --brand-nav_about-hex: #b0d969;
    --brand-nav_registration: 0 147 200;
    --brand-nav_registration-hex: #0093c8;
    --brand-nav_events: 255 89 106;
    --brand-nav_events-hex: #ff596a;
    --brand-nav_media: 0 147 200;
    --brand-nav_media-hex: #0093c8;
    --brand-footer_bg: 0 147 200;
    --brand-footer_bg-hex: #0093c8;
    --brand-footer_text: 255 255 255;
    --brand-footer_text-hex: #ffffff;
    --brand-footer_heading: 255 255 255;
    --brand-footer_heading-hex: #ffffff;
    --brand-footer_link: 0 147 200;
    --brand-footer_link-hex: #0093c8;
    --brand-footer_tile_1: 255 89 106;
    --brand-footer_tile_1-hex: #ff596a;
    --brand-footer_tile_2: 0 147 200;
    --brand-footer_tile_2-hex: #0093c8;
    --brand-footer_tile_3: 131 58 180;
    --brand-footer_tile_3-hex: #833ab4;
    --brand-footer_tile_4: 60 181 153;
    --brand-footer_tile_4-hex: #3cb599;
    --brand-bottom_bg: 0 147 200;
    --brand-bottom_bg-hex: #0093c8;
    --brand-bottom_text: 255 255 255;
    --brand-bottom_text-hex: #ffffff;
    --brand-top_bar: 0 147 200;
    --brand-top_bar-hex: #0093c8;
    --brand-header_bar: 0 147 200;
    --brand-header_bar-hex: #0093c8;
    --brand-btn_contact: 211 155 42;
    --brand-btn_contact-hex: #d39b2a;
    --brand-title_color: 119 119 119;
    --brand-title_color-hex: #777777;
    --brand-primary-20: 0 29 40;
    --brand-primary-80: 0 118 160;
    --brand-focus-ring: 0 0 0 3px 153 212 23355;
}

/* ---------- تجاوز أدوات Tailwind المدمجة ---------- */
.bg-primary { background-color: rgb(0 147 200 / var(--tw-bg-opacity, 1)) !important; }
.text-primary { color: rgb(0 147 200 / var(--tw-text-opacity, 1)) !important; }
.border-primary { border-color: rgb(0 147 200 / var(--tw-border-opacity, 1)) !important; }
.bg-theme-purple { background-color: rgb(211 155 42 / var(--tw-bg-opacity, 1)) !important; }
.text-theme-purple { color: rgb(211 155 42 / var(--tw-text-opacity, 1)) !important; }
.border-theme-purple { border-color: rgb(211 155 42 / var(--tw-border-opacity, 1)) !important; }
.bg-theme-purple-dark { background-color: rgb(255 89 106 / var(--tw-bg-opacity, 1)) !important; }
.text-theme-purple-dark { color: rgb(255 89 106 / var(--tw-text-opacity, 1)) !important; }
.border-theme-purple-dark { border-color: rgb(255 89 106 / var(--tw-border-opacity, 1)) !important; }
.bg-theme-purple-90 { background-color: rgb(33 46 132 / var(--tw-bg-opacity, 1)) !important; }
.text-theme-purple-90 { color: rgb(33 46 132 / var(--tw-text-opacity, 1)) !important; }
.border-theme-purple-90 { border-color: rgb(33 46 132 / var(--tw-border-opacity, 1)) !important; }
.bg-primary\/60 { background-color: rgb(0 147 200 / .6) !important; }
.bg-primary\/80 { background-color: rgb(0 147 200 / .8) !important; }
.hover\:bg-primary\/80:hover { background-color: rgb(0 147 200 / .8) !important; }
.hover\:bg-primary:hover { background-color: rgb(0 147 200) !important; }
.hover\:text-primary:hover { color: rgb(0 147 200) !important; }
.group:hover .group-hover\:text-primary { color: rgb(0 147 200) !important; }
.hover\:bg-theme-purple:hover { background-color: rgb(211 155 42) !important; }
.hover\:bg-theme-purple-dark:hover { background-color: rgb(255 89 106) !important; }
.hover\:text-theme-purple:hover { color: rgb(211 155 42) !important; }

/* ---------- الهيدر ---------- */
.hd-topbar { background-color: #0093c8 !important; }
.hd-bar { background-color: #0093c8 !important; }
.hd-btn { background-color: #d39b2a !important; }
.hd-btn:hover { background-color: #ff596a !important; }
.hd-social-btn { background-color: #d39b2a !important; }
.hd-social-btn:hover { background-color: #ff596a !important; }
.hd-title { color: #777777 !important; }
.hd-title:hover, .header-item:hover .hd-title { color: #000000 !important; }
.nav-dot-home { background: #64c5da !important; }
.nav-dot-about { background: #b0d969 !important; }
.nav-dot-registration { background: #0093c8 !important; }
.nav-dot-events { background: #ff596a !important; }
.nav-dot-media { background: #0093c8 !important; }
.main-header .menu ul, .sidenav .menu ul { background: #0093c8 !important; }

/* ---------- الفوتر ---------- */
.footer { --footer-bg: #0093c8; }
.main-footer { background-color: #0093c8 !important; color: #ffffff !important; }
.footer-heading { color: #ffffff !important; }
.footer-menu ol li a { color: #0093c8 !important; }
.footer-menu ol li a:hover { color: #0093c8 !important; }
.footer-tile-1 { background-color: #ff596a !important; }
.footer-tile-2 { background-color: #0093c8 !important; }
.footer-tile-3 { background-color: #833ab4 !important; }
.footer-tile-4 { background-color: #3cb599 !important; }
.bottom-footer { background-color: #0093c8 !important; color: #ffffff !important; }

/* ---------- تنسيق الفوتر ---------- */
.main-footer {
    border-radius: 70px !important;
    background-size: cover !important;
    background-blend-mode: luminosity !important;
    background-repeat: no-repeat !important;
    margin-left: 40px !important;
    padding: 40px !important;
}
.bottom-footer { padding: 20px 40px !important; }
.footer-heading { font-size: 27px !important; }
.footer-link-text { font-size: 20px !important; }
.bottom-footer-text { font-size: 15px !important; }
.bottom-footer-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1023px) { .bottom-footer-text { white-space: pre-line; overflow: visible; } }

/* ---------- عناصر عامة ---------- */
.btn-theme { background-color: #0093c8 !important; }
.btn-theme:hover { background-color: #007aa3 !important; }
.section-btn { background-color: #0093c8 !important; }
.section-btn:hover { background-color: #007aa3 !important; }
.owl-dot.active { background: #0093c8 !important; }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background: #0093c8 !important; }
.form-control, input.form-field, select.form-field, textarea.form-field { border: 1px solid #c5ccd3; background-color: #ffffff; }
.form-control:hover, input.form-field:hover, select.form-field:hover, textarea.form-field:hover { border-color: #9aa6b2; }
input:focus, select:focus, textarea:focus { border-color: #0093c8 !important; box-shadow: var(--brand-focus-ring) !important; }
::selection { background: #0093c8 !important; }

/* ---------- زر دخول الأدمن ---------- */
.admin-login-btn {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: "DroidKufi-Bold", sans-serif; font-size: 13px;
    padding: 7px 14px; border-radius: 9999px;
    color: #fff; text-decoration: none; opacity: .75;
    background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28);
    transition: opacity .3s ease, background .3s ease;
}
.admin-login-btn:hover { opacity: 1 !important; background: rgba(255,255,255,.26) !important; color: #fff !important; }
.admin-login-btn svg { width: 15px; height: 15px; fill: currentColor; }
.admin-login-btn span { display: inline-block; }
@media (max-width: 640px) { .admin-login-btn span { display: none; } .admin-login-btn { padding: 7px 9px; } }