/* ===== Custom palette ===== */
:root {
  --primary-teal: #005f5f;
  --primary-teal-dark: #004040;
  --primary-teal-mid: #008080;
  --accent-gold: #b8860b;
  --accent-gold-light: #d4a017;
  --slate-50:  #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --teal-50:   #f0fafa;
  --amber-50:  #fffbf0;
  --amber-100: #fef3cd;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: var(--slate-700); background: #fff; }
section[id] { scroll-margin-top: 112px; }

/* Color helpers */
.text-slate-400 { color: var(--slate-400) !important; }
.text-slate-500 { color: var(--slate-500) !important; }
.text-slate-600 { color: var(--slate-600) !important; }
.text-slate-700 { color: var(--slate-700) !important; }
.text-slate-800 { color: var(--slate-800) !important; }
.text-slate-900 { color: var(--slate-900) !important; }
.bg-slate-50  { background: var(--slate-50) !important; }
.bg-slate-100 { background: var(--slate-100) !important; }
.bg-slate-300 { background: var(--slate-300) !important; }
.bg-slate-900 { background: var(--slate-900) !important; }
.border-slate-100 { border-color: var(--slate-100) !important; }
.border-slate-200 { border-color: var(--slate-200) !important; }
.border-slate-800 { border-color: var(--slate-800) !important; }

/* Gradients */
.gradient-text {
  background: linear-gradient(135deg, var(--slate-900) 0%, var(--primary-teal) 50%, var(--accent-gold) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.gradient-btn { background: linear-gradient(135deg, var(--primary-teal), var(--primary-teal-mid)); color: #fff; }
.gradient-btn:hover { background: linear-gradient(135deg, var(--primary-teal-dark), #006666); color: #fff; opacity: .95; }
.gradient-cta { background: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-teal-dark) 100%); }
.gradient-teal-gold { background: linear-gradient(135deg, var(--primary-teal), var(--accent-gold)); }
.gradient-gold { background: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-light)); }
.stat-num {
  background: linear-gradient(135deg, var(--primary-teal), var(--accent-gold));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-preview-bg { background: linear-gradient(135deg, #e6f4f4 0%, var(--amber-50) 100%); }
.card-accent-strip { height: 8px; }

/* Navbar */
.navbar-custom { backdrop-filter: blur(12px); background: rgba(255,255,255,0.85); border-bottom: 1px solid var(--slate-200); }
.navbar-custom .nav-link { color: var(--slate-600); font-weight: 500; padding: .5rem 0 !important; transition: color .2s; }
.navbar-custom .nav-link:hover,
.navbar-custom .nav-link.active { color: var(--primary-teal); }
.navbar-nav { --bs-nav-link-padding-x: 0; }

/* Hover-open dropdown on desktop — click on parent = anchor scroll, hover = submenu */
@media (min-width: 992px) {
  .nav-item.dropdown-hover:hover > .dropdown-menu { display: block; margin-top: 0; }
  .nav-item.dropdown-hover > .dropdown-menu {
    margin-top: 0;
    border: 1px solid var(--slate-100);
    border-radius: .75rem;
    box-shadow: 0 12px 32px rgba(0,0,0,.1);
    padding: .5rem 0;
    min-width: 13rem;
  }
}
.dropdown-menu .dropdown-item { color: var(--slate-700); padding: .5rem 1rem; font-size: .9rem; }
.dropdown-menu .dropdown-item:hover { background: var(--slate-50); color: var(--primary-teal); }
.dropdown-menu .dropdown-item.disabled {
  color: var(--slate-400) !important; display: flex; justify-content: space-between; align-items: center;
  pointer-events: none; background: transparent;
}
.tezlik-badge {
  font-size: 10px; background: var(--slate-100); color: var(--slate-400);
  padding: 1px 7px; border-radius: 999px;
}

/* Badges / chips */
.badge-teal, .badge-gold {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 14px; border-radius: 999px;
  font-size: 13px; font-weight: 600;
}
.badge-teal { background: #e6f4f4; color: var(--primary-teal); }
.badge-gold { background: var(--amber-100); color: var(--accent-gold); }
.tiny-chip { display: inline-block; font-size: 11px; font-weight: 700; padding: 3px 12px; border-radius: 999px; }
.chip-teal { background: #e6f4f4; color: var(--primary-teal); }
.chip-gold { background: var(--amber-100); color: var(--accent-gold); }

/* Buttons */
.btn-gradient { background: linear-gradient(135deg, var(--primary-teal), var(--primary-teal-mid)); color: #fff; border: none; font-weight: 600; }
.btn-gradient:hover { background: linear-gradient(135deg, var(--primary-teal-dark), #006666); color: #fff; }
.btn-outline-slate { border: 2px solid var(--slate-300); color: var(--slate-700); background: #fff; font-weight: 600; }
.btn-outline-slate:hover { border-color: var(--primary-teal); color: var(--primary-teal); background: #fff; }

/* Cards */
.feature-card { transition: transform .25s, box-shadow .25s; border: 1px solid var(--slate-100); border-radius: 1rem; background: #fff; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,95,95,.12); }
.kalk-card { transition: transform .25s, box-shadow .25s; border: 1.5px solid var(--slate-200); border-radius: 1rem; overflow: hidden; background: #fff; }
.kalk-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,95,95,.14); border-color: var(--primary-teal); }
.kalk-icon-box { width: 56px; height: 56px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; }
.feat-icon-box { width: 48px; height: 48px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; }
.exam-card-head { height: 192px; display: flex; align-items: center; justify-content: center; }

/* Hero */
.hero-preview { position: relative; }
.hero-preview .float-icon {
  position: absolute; top: -16px; left: -16px;
  width: 48px; height: 48px; border-radius: .75rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
}
.hero-preview .float-badge { position: absolute; bottom: -12px; right: -12px; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.progress-thin { height: 6px; background: var(--slate-100); border-radius: 999px; overflow: hidden; }
.progress-thin-fill { height: 100%; border-radius: 999px; }
.text-red-500 { color: #ef4444; }

/* Fade-in */
@keyframes fadeUp { from { opacity:0; transform:translateY(24px);} to {opacity:1; transform:translateY(0);} }
.fade-up { animation: fadeUp .6s ease forwards; }
.fade-up-1 { animation-delay: .1s; opacity: 0; }
.fade-up-2 { animation-delay: .2s; opacity: 0; }
.fade-up-3 { animation-delay: .3s; opacity: 0; }
.fade-up-4 { animation-delay: .4s; opacity: 0; }

/* CTA accents */
.cta-accent-1, .cta-accent-2 { position: absolute; width: 50%; height: 50%; background: #fff; border-radius: 50%; filter: blur(60px); opacity: .1; }
.cta-accent-1 { top: -25%; left: -25%; }
.cta-accent-2 { bottom: -25%; right: -25%; }

/* Social */
.social-icon {
  width: 36px; height: 36px; border-radius: .5rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--slate-800); color: var(--slate-300);
  transition: background .2s;
}
.social-icon:hover { background: var(--slate-700); color: #fff; }

/* Typography helpers */
.fw-800 { font-weight: 800; }
.lh-tight { line-height: 1.15; }
.lh-relaxed { line-height: 1.65; }
.text-uppercase-sm { text-transform: uppercase; font-size: 11px; letter-spacing: .4px; }

/* Footer */
footer.site-footer { background: var(--slate-900); color: var(--slate-300); }
footer.site-footer a { color: var(--slate-300); text-decoration: none; }
footer.site-footer a:hover { color: #fff; }


/* Compact home sections: anchor keçidlər ekrana tam otursun */
#xususiyyetler, #sinaqlar, #kalkulyatorlar, #resurslar, #faydali {
  padding-top: 2.4rem !important;
  padding-bottom: 2.7rem !important;
}
#xususiyyetler .text-center.mb-5,
#sinaqlar .text-center.mb-5,
#kalkulyatorlar .text-center.mb-5,
#resurslar .text-center.mb-5,
#faydali .text-center.mb-5 {
  margin-bottom: 1.45rem !important;
}
#xususiyyetler h2, #sinaqlar h2, #kalkulyatorlar h2, #resurslar h2, #faydali h2 {
  margin-top: 0 !important;
  margin-bottom: .6rem !important;
  font-size: clamp(2rem, 4vw, 2.75rem);
}
#xususiyyetler .fs-5, #sinaqlar .fs-5, #kalkulyatorlar .fs-5, #resurslar .fs-5, #faydali .fs-5 {
  font-size: 1rem !important;
  margin-bottom: 0 !important;
}
#sinaqlar .exam-card-head { height: 132px; }
#sinaqlar .feature-card .p-4,
#kalkulyatorlar .kalk-card .p-4,
#resurslar .kalk-card .p-4,
#faydali .kalk-card .p-4 {
  padding: 1rem !important;
}
#kalkulyatorlar .kalk-card p, #resurslar .kalk-card p, #faydali .kalk-card p {
  margin-bottom: .75rem !important;
}
#kalkulyatorlar .kalk-card ul,
#resurslar .kalk-card ul,
#faydali .kalk-card ul {
  display: none !important;
}
#kalkulyatorlar .kalk-icon-box, #resurslar .kalk-icon-box, #faydali .kalk-icon-box {
  width: 48px; height: 48px; border-radius: .85rem;
}
#kalkulyatorlar .btn, #resurslar .btn, #faydali .btn, #sinaqlar .btn {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
@media (max-width: 767.98px) {
  #xususiyyetler, #sinaqlar, #kalkulyatorlar, #resurslar, #faydali {
    padding-top: 1.8rem !important;
    padding-bottom: 2rem !important;
  }
}













  header,
  .site-header,
  .navbar,
  .main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
  }

  body {
    padding-top: 90px;
  }

  /* CLS düzəlişi (29.08.2026): vendor.min.css-dəki
     "#site-header:empty{min-height:85px}" qaydası bu səhifəyə aid deyil,
     çünki burada navbar position:fixed-dir (yuxarıdakı qayda) və
     yer artıq "body { padding-top: 90px }" ilə ayrılıb.
     Onu söndürməsək navbar yerləşəndən sonra səhifə 85px yuxarı tullanır. */
  #site-header:empty { min-height: 0; }