/* --- Nozik palitra va sirtlar (Mechauz temasi ustidan) --- */
:root {
  --site-accent: #1a6fd4;
  --site-accent-soft: #3d8ae8;
  --site-topbar-1: #123a5c;
  --site-topbar-2: #1a5582;
  --site-topbar-3: #1f6a9e;
  --site-surface: #eef2f8;
  --site-footer: #1a2433;
  --site-footer-deep: #121a24;
  /* Bosh sahifa slider balandligi — shu ikkita qiymatni o‘zgartiring */
  --home-slider-height: min(52vh, 520px);
  --home-slider-height-sm: min(42vh, 380px);
}

body {
  background-color: var(--site-surface);
  color: #3a4556;
}

/*
 * Slider (#slider) — o‘lchamni boshqarish:
 * 1) :root dagi --home-slider-height / --home-slider-height-sm
 * 2) object-fit: cover — kenglik/balandlik berilganda rasm kesiladi, cho‘zilmasdan to‘ldiradi
 * Tema .slider-img img da z-index: -1 bor — layout muammolarini kamaytirish uchun 0
 */
#slider .slider-img {
  overflow: hidden;
  max-height: var(--home-slider-height);
}

#slider .slider-img img {
  display: block;
  width: 100%;
  height: var(--home-slider-height);
  max-height: var(--home-slider-height);
  object-fit: cover;
  object-position: center center;
  z-index: 0 !important;
}

/* Yuqori panel — biroz chuqurroq ko‘k gradient, matn yumshoqroq */
.top-bar {
  background: linear-gradient(
    108deg,
    var(--site-topbar-1) 0%,
    var(--site-topbar-2) 42%,
    var(--site-topbar-3) 100%
  );
  color: rgba(255, 255, 255, 0.88);
}

.top-text a {
  color: rgba(255, 255, 255, 0.78);
}

.mail-text {
  border-right-color: rgba(255, 255, 255, 0.22) !important;
}

/* Sarlavha — yumshoq soyali oq blok */
.header {
  box-shadow: 0 2px 14px rgba(18, 52, 88, 0.08) !important;
}

/* Navigatsiya — matn va aksent */
#navigation > ul > li > a {
  color: #4d5d6f !important;
}

#navigation > ul > li:hover > a {
  color: var(--site-accent) !important;
}

/* Asosiy menyu — joriy sahifa chizig‘i aksent rangda */
#navigation > ul > li > a.nav-link--current,
#navigation > ul > li > a.nav-link--current:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  text-decoration-color: var(--site-accent-soft);
  color: var(--site-accent) !important;
}

/* Kontent kartalari */
.wrapper-content.bg-white {
  border-radius: 12px;
  box-shadow: 0 6px 28px rgba(18, 52, 88, 0.07);
}

.wrapper-content .card {
  border: 1px solid rgba(18, 52, 88, 0.08);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(18, 52, 88, 0.04);
}

/* Footer — biroz issiqroq to‘q ko‘k-greyden */
.footer {
  background-color: var(--site-footer) !important;
}

.tiny-footer {
  background-color: var(--site-footer-deep) !important;
}

.widget-footer ul li a:hover,
.widget-social ul li a:hover {
  color: var(--site-accent-soft) !important;
}

.footer .dark-line {
  border-top-color: rgba(255, 255, 255, 0.1);
}

::selection {
  background: rgba(26, 111, 212, 0.22);
  color: inherit;
}

.btn-primary {
  background-color: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
}

.btn-primary:hover {
  background-color: #1557a8 !important;
  border-color: #1557a8 !important;
  color: #fff !important;
}

.btn-secondary:hover {
  background-color: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
}

.fa-default {
  color: var(--site-accent) !important;
}

.top-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 14px;
}

.top-nav .mr-1 {
  display: none !important;
}

.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.lang-btn {
  border: 0;
  border-radius: 999px;
  padding: 7px 12px;
  background: transparent;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: 0.2s ease;
}

.lang-btn:hover,
.lang-btn.is-active {
  background: rgba(255, 255, 255, 0.95);
  color: var(--site-accent) !important;
}

@media (max-width: 991px) {
  .top-bar .text-right {
    text-align: left !important;
  }

  .top-nav {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .top-bar {
    padding: 8px 0;
  }

  .top-nav,
  .lang-switcher {
    width: 100%;
  }

  .post-block.mb30,
  .post-block.mb40,
  .team-block.mb30 {
    margin-bottom: 20px !important;
  }

  .wrapper-content.pinside40,
  .pinside40 {
    padding: 18px !important;
  }

  img,
  .img-fluid {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Slider rasmi — umumiy `img { height: auto }` dan mustasno */
  #slider .slider-img img {
    height: var(--home-slider-height-sm) !important;
    max-height: var(--home-slider-height-sm) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  [style*="min-width: 350px"] {
    min-width: 0 !important;
  }

  .page-header {
    background-size: cover !important;
    background-position: center !important;
  }

  .footer.section-space100,
  .section-space100,
  .section-space80 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
}