/*
Theme Name: Pavel Kuusik — Child
Template:   pavel-kuusik-theme
Description: Child teema Pavel Kuusik põhiteema jaoks.
Version:    2.4.0
Text Domain: pavel-kuusik-child
*/

/* ══════════════════════════════════════════════════════════
   1. DESKTOP: сайт по центру, серые бока
   ══════════════════════════════════════════════════════════ */
body { background: #b8bfce !important; }

.site-wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: #fff !important;
  box-shadow: 0 0 80px rgba(1,33,105,0.2) !important;
  position: relative !important;
  overflow-x: hidden !important;
}
@media (max-width: 1300px) { .site-wrap { box-shadow: none !important; } }

/* ══════════════════════════════════════════════════════════
   2. NAV — содержимое ограничено 1280px
   ══════════════════════════════════════════════════════════ */
.site-nav {
  left: 0 !important; right: 0 !important;
  transform: none !important; max-width: none !important;
  display: block !important; padding: 0 !important;
}
.site-nav-inner {
  max-width: 1280px !important; margin: 0 auto !important;
  height: 70px !important; display: flex !important;
  align-items: center !important; justify-content: space-between !important;
  padding: 0 40px !important;
}
.nav-logo { flex-shrink: 0 !important; }
.nav-logo img, .nav-logo .custom-logo {
  height: 36px !important; width: auto !important; display: block !important;
}
.nav-links {
  display: flex !important; gap: 32px !important;
  list-style: none !important; align-items: center !important;
  margin: 0 !important; padding: 0 !important;
}
.nav-right {
  display: flex !important; align-items: center !important;
  gap: 16px !important; flex-shrink: 0 !important;
}
.mobile-menu { left: 0 !important; right: 0 !important; transform: none !important; max-width: none !important; display: none !important; padding: 0 !important; }
.mobile-menu.open { display: block !important; }
.mobile-menu-inner { max-width: 1280px !important; margin: 0 auto !important; padding: 20px 40px !important; display: flex !important; flex-direction: column !important; gap: 18px !important; }

/* ══════════════════════════════════════════════════════════
   3. Polylang переключатель
   ══════════════════════════════════════════════════════════ */
.lang-switcher ul, .lang-switcher ol { list-style:none !important; display:flex !important; gap:6px !important; padding:0 !important; margin:0 !important; }
.lang-switcher li { display:inline-block !important; }
.lang-switcher li a {
  display:inline-block !important; background:none !important;
  border:1.5px solid #CBD0DF !important; color:#012169 !important;
  font-family:'Inter Tight',sans-serif !important; font-size:12px !important;
  font-weight:700 !important; letter-spacing:.05em !important;
  padding:4px 10px !important; border-radius:2px !important;
  text-decoration:none !important; text-transform:uppercase !important;
}
.lang-switcher li a:hover, .lang-switcher li.current-lang a {
  background:#012169 !important; color:#fff !important; border-color:#012169 !important;
}

/* ══════════════════════════════════════════════════════════
   4. МОБИЛЬНЫЙ (≤ 900px)
   ══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .site-nav-inner  { padding: 0 16px !important; }
  .mobile-menu-inner { padding: 20px 16px !important; }
  .nav-links { display: none !important; }

  /* Лого: десктоп скрыть, мобильный показать */
  .nav-logo-desktop { display: none !important; }
  .nav-logo-mobile  { display: block !important; }
  .nav-logo-mobile img { height: 36px !important; width: 36px !important; object-fit: contain !important; }

  /* "Võta ühendust" скрыть на мобильном */
  .nav-cta-desktop { display: none !important; }

  /* ── HERO мобильный ────────────────────────────────── */
  /* Фото идёт сверху (order: -1), поэтому z-index кнопок должен быть выше */
  .hero-section {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
  }
  .hero-right {
    order: -1 !important;
    height: 320px !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .hero-left {
    position: relative !important;
    z-index: 2 !important;  /* выше чем фото */
    padding: 40px 24px 48px !important;
  }
  .hero-btns {
    position: relative !important;
    z-index: 10 !important;
  }
  /* Кнопки кликабельны — убираем pointer-events блокировку */
  .hero-btns a {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-block !important;
  }
}

/* Десктоп — логотипы */
.nav-logo-desktop { display: block !important; }
.nav-logo-mobile  { display: none !important; }
.nav-cta-desktop  { display: inline-block !important; }

/* ══════════════════════════════════════════════════════════
   5. БЕЙДЖ — позиция и видимость
   ══════════════════════════════════════════════════════════ */
.about-badge {
  position: absolute !important;
  bottom: -20px !important;
  left: -20px !important;
  z-index: 5 !important;
  background: #FFD100 !important;
  color: #012169 !important;
  padding: 20px 28px !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
@media (max-width: 900px) {
  .about-badge { left: 12px !important; bottom: -16px !important; }
}