@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

* { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* preloader (текущий) */
.preloader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}
.preloader.hidden{opacity:0;pointer-events:none}
.preloader-spinner{position:relative;width:72px;height:72px}
.preloader-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:56px;height:56px;margin-top:-28px;margin-left:-28px;border-radius:999px;border:5px solid #e5e7eb;border-top-color:#10b981;animation:spin 1s linear infinite}
.preloader-text{margin-top:16px;font-size:14px;color:#047857;font-weight:600;letter-spacing:.04em}
@keyframes spin{to{transform:rotate(360deg)}}

/* logo switch */
.logo-wrap { position: relative; margin-bottom: 5px; }
.logo-light { display:block; }
.logo-dark  { display:none; }

/* dark -> white */
#navBox.is-dark .logo-light { display:none; }
#navBox.is-dark .logo-dark  { display:block; }

/* light -> green (НО фон остаётся прозрачный/тёмный блюр) */
#navBox.is-light .logo-light { display:block; }
#navBox.is-light .logo-dark  { display:none; }
#navBox.is-solid .logo-light { display:block; }
#navBox.is-solid .logo-dark  { display:none; }

/* menu theme */
#navBox .nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  line-height:1;
  white-space:nowrap;
  transition: background-color .2s ease, color .2s ease;
}

#navBox.is-dark .nav-link{ color: rgba(255,255,255,.85); }
#navBox.is-dark .nav-link:hover{ background: rgba(255,255,255,.10); color:#fff; }
#navBox.is-dark .nav-link.is-active{ background: rgba(255,255,255,.15); color:#fff; }

/* когда скроллнули (is-light) — оставляем читаемость на тёмном glass */
#navBox.is-light .nav-link{ color: rgba(255,255,255,.85); }
#navBox.is-light .nav-link:hover{ background: rgba(255,255,255,.10); color:#fff; }
#navBox.is-light .nav-link.is-active{ background: rgba(255,255,255,.15); color:#fff; }

#navBox.is-solid .nav-link{ color: rgba(28,25,23,.72); }
#navBox.is-solid .nav-link:hover{ background: rgba(5,150,105,.08); color:#047857; }
#navBox.is-solid .nav-link.is-active{ background: rgba(5,150,105,.12); color:#047857; }

#navBox.is-solid #mobileBtn,
#navBox.is-solid #mobileBtn svg{ color:#047857; }

/* =========================================
   ✅ MOBILE MENU (bg green + text white + only white logo)
   (override header.php mobile menu styles)
========================================= */
@media (max-width: 768px){
  #mobileMenu{
    background: rgba(6, 95, 70, .98) !important; /* emerald-800 */
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #mobileMenu,
  #mobileMenu a,
  #mobileMenu span,
  #mobileMenu i,
  #mobileMenu svg{
    color:#fff !important;
  }

  #mobileMenu a:hover{ background: rgba(255,255,255,.10) !important; }

  /* show only white logo inside mobile menu */
  #mobileMenu .logo-light{ display:none !important; }
  #mobileMenu .logo-dark{ display:block !important; }
}