/* Kozbayev Üniversitesi — Global Styles */
:root {
  --navy: #0B2742;
  --navy-light: #143A5A;
  --navy-dark: #081C30;
  --gold: #D6A928;
  --gold-light: #E5BF4D;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }
.font-serif { font-family: 'Playfair Display', Georgia, serif; }

/* Mobile bottom bar offset */
@media (max-width: 1279px) {
  body { padding-bottom: 60px; }
}

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(135deg, rgba(11,39,66,0.94) 0%, rgba(20,58,90,0.82) 55%, rgba(11,39,66,0.70) 100%);
}

/* Smooth fade-in on scroll */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity: 1; transform: none; }

/* Accordion */
.faq-item .faq-answer { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-item.open .faq-answer { max-height: 800px; }
.faq-item.open .faq-chevron { transform: rotate(180deg); }
.faq-chevron { transition: transform .3s ease; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #c8d2dd; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #aab8c7; }

/* Filter result hide */
.program-card.hidden-by-filter { display: none; }

/* Form focus */
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(214,169,40,0.15); }

/* Decorative pattern */
.dot-pattern {
  background-image: radial-gradient(rgba(214,169,40,0.18) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* ============ Skip link (a11y) ============ */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: var(--gold);
  color: var(--navy);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 0 0 8px 0;
}
.skip-link:focus {
  left: 0;
}

/* ============ Mega menu / dropdown ============ */
.nav-group .nav-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 60;
}
.nav-group:hover .nav-panel,
.nav-group:focus-within .nav-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-group:hover .nav-caret,
.nav-group:focus-within .nav-caret {
  transform: rotate(180deg);
}
.nav-caret { transition: transform .2s ease; }

/* ============ Arabic font ============ */
.font-arabic { font-family: 'Cairo', 'Tajawal', 'Inter', system-ui, sans-serif; }
.font-arabic .font-serif { font-family: 'Cairo', 'Tajawal', Georgia, serif; }

/* ============ RTL adjustments ============ */
[dir="rtl"] { text-align: right; }
[dir="rtl"] .hero-overlay {
  background: linear-gradient(225deg, rgba(11,39,66,0.94) 0%, rgba(20,58,90,0.82) 55%, rgba(11,39,66,0.70) 100%);
}
/* keep WhatsApp / numbers / latin codes LTR even inside RTL */
[dir="rtl"] .ltr-inline { direction: ltr; unicode-bidi: embed; display: inline-block; }
/* RTL custom scrollbar position handled by browser; nothing needed */