/* ==== Vüqar İskəndərov — Tünd palitra teması ==== */
/* Əsas rəng dəyişənləri */
:root{
  /* Palitra */
  --c-bg:        #071A33;  /* əsas fon */
  --c-primary:   #051736;  /* baş rəng (nav, düymələr) */
  --c-surface:   #0C2963;  /* kart/sekondar fon */
  --c-accent:    #13316b;  /* vurğu */
  --c-border:    #142144;  /* xəttlər */
  --c-text:      #e8eefc;  /* əsas mətn */
  --c-muted:     #aab5d4;  /* ikinci mətn */
  --c-success:   #1f8a5b;
  --c-danger:    #c44747;

  /* Bootstrap dəyişənlərini override edirik */
  --bs-body-bg: var(--c-bg);
  --bs-body-color: var(--c-text);
  --bs-primary: var(--c-primary);
  --bs-primary-rgb: 5,23,54;
  --bs-link-color: #9ab3ff;
  --bs-link-hover-color: #c6d3ff;
  --bs-border-color: var(--c-border);
}

/* Ümumi */
html, body{
  background: var(--c-bg);
  color: var(--c-text);
}

/* Header / Navbar */
header.bg-primary{
  background: linear-gradient(180deg, var(--c-primary), #041022);
  border-bottom: 1px solid var(--c-border);
}
header a{
  color: #dfe7ff !important;
  opacity: .9;
}
header a:hover{ opacity: 1; }

/* Footer */
footer{
  background: #040a1a;
  color: var(--c-muted);
  border-top: 1px solid var(--c-border);
}

/* Hero */
.hero{
  background: radial-gradient(1200px 600px at 10% 20%, #0a1d44 0%, rgba(10,29,68,.0) 60%),
              linear-gradient(135deg, #06193b 0%, #031029 60%);
  color: var(--c-text);
  border: 1px solid var(--c-border);
  border-radius: 24px;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}

/* Kartlar */
.card{
  background: var(--c-surface);
  color: var(--c-text);
  border: 1px solid var(--c-border);
  border-radius: 18px;
}
.card .meta{ font-size:.85rem; color: var(--c-muted); }
.card-hover:hover{
  transform: translateY(-4px);
  transition: .2s ease;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

/* Şəkillər */
.card-img-top, .w-100.rounded-3{
  border-bottom: 1px solid var(--c-border);
}

/* Düymələr */
.btn-primary{
  background: linear-gradient(180deg, #0d2854, var(--c-primary));
  border-color: #0d2854;
}
.btn-primary:hover{
  background: linear-gradient(180deg, #13316b, #0d2854);
  border-color: #13316b;
}
.btn-outline-light{
  color: #dfe7ff;
  border-color: #8aa0e8;
}
.btn-outline-light:hover{
  color: #0b1226;
  background:#bfcaf7;
  border-color:#bfcaf7;
}
.btn-light{
  color: #0b1226;
}

/* Badgelər */
.badge-all{ font-size:.85rem; background:#0f2a5c; border:1px solid #1b3b7b; }

/* Sürüşən konteyner (köhnə horizontal scroll üçün hələ də istifadə olunur) */
.scroll-snap-x{
  display:flex; overflow-x:auto; gap:1rem; scroll-snap-type:x mandatory; padding-bottom: .5rem;
}
.snap{ scroll-snap-align:start; min-width: 280px; }

/* Swiper slider oxları və nöqtələri */
.swiper{
  --swiper-navigation-size: 28px;
}
.swiper-button-prev, .swiper-button-next{
  color: #cdd7ff;
  background: rgba(3,16,41,.55);
  width: 42px; height: 42px;
  border: 1px solid var(--c-border);
  border-radius: 50%;
  backdrop-filter: blur(6px);
}
.swiper-button-prev:hover, .swiper-button-next:hover{
  background: rgba(19,49,107,.85);
  color: #fff;
}
.swiper-pagination-bullet{
  background: #8094d9; opacity:.5;
}
.swiper-pagination-bullet-active{
  background: #cdd7ff; opacity:1;
}

/* Səhifələmə */
.pagination .page-link{
  background: #0b1730; color: var(--c-text); border-color: var(--c-border);
}
.pagination .page-item.active .page-link{
  background: #13316b; border-color:#13316b;
}

/* Formlar */
.form-control, .form-select{
  background:#0b1730; color: var(--c-text); border-color: var(--c-border);
}
.form-control:focus, .form-select:focus{
  border-color:#3356a8; box-shadow: 0 0 0 .2rem rgba(51,86,168,.25);
}

/* Mobil alt menyu (əgər istifadə edirsənsə) */
footer.fixed-bottom{
  background: #041022 !important;
  border-top: 1px solid var(--c-border) !important;
}

/* Kiçik yardımçı siniflər */
.text-muted{ color: var(--c-muted) !important; }
.border-top{ border-top-color: var(--c-border) !important; }
.border-bottom{ border-bottom-color: var(--c-border) !important; }

/* Body alt boşluq (mobil alt menyu üçün) */
body{ padding-bottom:76px; }
