/* ========================================================
   HORIZON Theme: default
   Generated: 2026-07-27 20:34:38
   ======================================================== */

:root {
  --primary-color: #FAAE40;
  --accent-color: #2e7d32;
  --secondary-color: #2e7d32;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --error-color: #dc3545;
  --info-color: #17a2b8;
  --font-family: 'Cairo', sans-serif;
  --arabic-font: 'Rubik', sans-serif;
  --english-font: 'DM Serif Text', serif;
  --font-size: 16px;
  --header-height: 70px;
  --footer-height: 200px;
  --border-radius: 10px;
  --spacing-unit: 16px;
  --animation-duration: 300ms;
  /* horizon-theme.css overrides */
  --horizon-gold: #FAAE40;
  --horizon-gold-light: #fdc761;
  --horizon-gold-dark: #e8963c;
  --horizon-gold-muted: #FAAE4026;
  --horizon-gold-gradient: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761);
  --horizon-primary: #ffffff;
  --horizon-secondary: #f8f9fa;
  --horizon-dark: #333333;
  --horizon-dark-deep: #ffffff;
  --horizon-light: #f8f9fa;
  --horizon-white: #ffffff;
  --horizon-text-primary: #333333;
  --horizon-text-secondary: #666666;
  --horizon-text-dark: #1f2937;
  --horizon-success: #28a745;
  --horizon-warning: #ffc107;
  --horizon-danger: #dc3545;
  --horizon-info: #17a2b8;
  --gradient-gold: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761);
  --gradient-gold-dark: linear-gradient(135deg, #e8963c, #FAAE40);
  --gradient-dark: linear-gradient(180deg, #ffffff, #f8f9fa);
  --gradient-dark-hero: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);
  --shadow-gold: 0 4px 15px #FAAE404d;
  --shadow-gold-lg: 0 10px 30px #FAAE4066;
  --border-gold: 1px solid #FAAE404d;
  --border-light: 1px solid #e8edf3;
}

/* ── Global ── */
body {
  background-color: #ffffff !important;
  color: #333333;
}

/* ── Navigation ── */
.navbar, nav.navbar {
  background: #ffffff !important;
  border-bottom: 2px solid #FAAE40 !important;
}

.navbar .nav-link, .navbar-brand, .navbar .navbar-brand {
  color: #333333 !important;
}

.navbar .nav-link:hover, .navbar .nav-link.active {
  color: #FAAE40 !important;
}

.navbar-toggler-icon { filter: none; }

/* ── Hero ── */
.hero-section, .banner-section, section.hero, .main-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%) !important;
  color: #333333 !important;
}

.hero-section h1, .hero-section h2, .banner-section h1 {
  color: #333333 !important;
}

.hero-section .btn-primary, .hero-section .cta-btn {
  background: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761) !important;
  border-color: #e8963c !important;
  color: #ffffff !important;
}

/* ── Buttons ── */
.btn-primary, .btn.btn-primary {
  background: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761) !important;
  border-color: #e8963c !important;
  color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus {
  background: linear-gradient(135deg, #FAAE40, #fdc761) !important;
  box-shadow: 0 4px 12px #FAAE4055 !important;
}

.btn-outline-primary {
  color: #FAAE40 !important;
  border-color: #FAAE40 !important;
}
.btn-outline-primary:hover {
  background: #FAAE40 !important;
  color: #ffffff !important;
}

/* ── Cards ── */
.card {
  background: #ffffff !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 10px !important;
}

.card-header {
  background: #f8f9fa !important;
  border-bottom: 1px solid #e8edf3 !important;
}

.card:hover { box-shadow: var(--shadow-gold) !important; }

/* ── Sections ── */
.section-dark, .dark-section, .bg-dark-section {
  background: linear-gradient(180deg, #ffffff, #f8f9fa) !important;
  color: #ffffff !important;
}

.section-gold, .bg-gold, .gold-section {
  background: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761) !important;
  color: #ffffff !important;
}

/* ── Footer ── */
footer, .site-footer, .footer {
  background: linear-gradient(180deg, #1a1a2e, #0a0a12) !important;
  border-top: 3px solid #FAAE40 !important;
}

footer a, footer p, footer h5, footer h6, .footer a, .footer p {
  color: rgba(255,255,255,0.85) !important;
}

footer a:hover, .footer a:hover { color: #FAAE40 !important; }

/* ── Headings & Gold Accent ── */
.text-gold, .text-accent, .text-primary-custom { color: #FAAE40 !important; }
.bg-gold-custom, .bg-accent { background-color: #FAAE40 !important; }

h1 .highlight, h2 .highlight, .text-highlight {
  background: linear-gradient(135deg, #e8963c, #FAAE40, #fdc761);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Forms ── */
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: #FAAE40 !important;
  box-shadow: 0 0 0 0.2rem #FAAE4033 !important;
}

/* ── Badges ── */
.badge-gold, .badge-primary-custom { background-color: #FAAE40 !important; color: #ffffff !important; }

/* ── Dividers ── */
hr.gold-divider { border-color: #FAAE40 !important; border-width: 2px !important; }

/* ── Scrollbar ── */
::-webkit-scrollbar-thumb { background: #FAAE40; }
::-webkit-scrollbar-track { background: #f8f9fa; }

/* Global Font Application - Text Only */
html[lang='ar'] body, html[lang='ar'] p, html[lang='ar'] h1, html[lang='ar'] h2, html[lang='ar'] h3, html[lang='ar'] h4, html[lang='ar'] h5, html[lang='ar'] h6,
html[lang='ar'] span:not([class*='fa']), html[lang='ar'] div:not([class*='fa']), html[lang='ar'] a:not([class*='fa']), html[lang='ar'] button:not([class*='fa']),
html[lang='ar'] input, html[lang='ar'] textarea, html[lang='ar'] label, html[lang='ar'] td, html[lang='ar'] th,
.arabic-text {
  font-family: var(--arabic-font) !important;
}

html[lang='en'] body, html[lang='en'] p, html[lang='en'] h1, html[lang='en'] h2, html[lang='en'] h3, html[lang='en'] h4, html[lang='en'] h5, html[lang='en'] h6,
html[lang='en'] span:not([class*='fa']), html[lang='en'] div:not([class*='fa']), html[lang='en'] a:not([class*='fa']), html[lang='en'] button:not([class*='fa']),
html[lang='en'] input, html[lang='en'] textarea, html[lang='en'] label, html[lang='en'] td, html[lang='en'] th,
html:not([lang='ar']) body, html:not([lang='ar']) p, html:not([lang='ar']) h1, html:not([lang='ar']) h2, html:not([lang='ar']) h3, html:not([lang='ar']) h4, html:not([lang='ar']) h5, html:not([lang='ar']) h6,
html:not([lang='ar']) span:not([class*='fa']), html:not([lang='ar']) div:not([class*='fa']), html:not([lang='ar']) a:not([class*='fa']), html:not([lang='ar']) button:not([class*='fa']),
html:not([lang='ar']) input, html:not([lang='ar']) textarea, html:not([lang='ar']) label, html:not([lang='ar']) td, html:not([lang='ar']) th,
.english-text {
  font-family: var(--english-font) !important;
}

.navbar-brand::before {
  content: 'Horizon Platform';
}

.site-logo {
  background-image: url('/assets/images/logo.jpeg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.glass-effect {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

[dir='rtl'] {
  text-align: right;
}

[dir='rtl'] .navbar-nav {
  flex-direction: row-reverse;
}