/* okei.lv header pec mockupa */
#masthead .kadence-sticky-header, #masthead { border-bottom: 1px solid #E2E8F0; }
.site-header-row-container-inner { backdrop-filter: blur(8px); }
/* Nav pill stils */
.main-navigation .primary-menu-container > ul > li > a {
  font-weight: 700; font-size: 15px; color: #0F172A;
  border-radius: 999px; padding: 8px 14px !important; transition: background .15s;
}
.main-navigation .primary-menu-container > ul > li > a:hover {
  background: #E0F7FB; color: #0891B2;
}
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.current_page_item > a {
  background: #E0F7FB; color: #0891B2;
}
/* Atstarpe starp logo un nav */
.site-header-item .site-branding { margin-right: 18px; }
/* Search poga - aplis ar apmali */
.search-toggle-open-container .search-toggle-open {
  width: 40px; height: 40px; border: 1px solid #E2E8F0; border-radius: 50%;
  display: grid; place-items: center; color: #64748B;
}
.search-toggle-open-container .search-toggle-open:hover { border-color: #06B6D4; color: #0891B2; }
.search-toggle-open .search-toggle-icon { display: grid; place-items: center; }

/* Logo izmers ka mockupa (40px pret 72px header) */
.site-branding img.custom-logo { max-height: 44px; width: auto; object-fit: contain; object-position: left center; } /* kaste ir 200px plata; bez object-position logo tajā centrējas un vizuāli sitas nost no kreisās līnijas */

/* Mobilais header (design critique 2026-07-07): 44px touch target, apla poga, logo 46px */
@media (max-width: 1024px) {
  .mobile-site-branding img.custom-logo { max-height: 46px !important; object-fit: contain; object-position: left center; }
  .mobile-toggle-open-container { display: flex; align-items: center; }
  .menu-toggle-open.drawer-toggle {
    width: 44px; height: 44px; padding: 0;
    border: 1px solid #E2E8F0; border-radius: 50%;
    display: grid; place-items: center; color: #0F172A; background: none;
  }
  .menu-toggle-open.drawer-toggle:hover,
  .menu-toggle-open.drawer-toggle:focus {
    border-color: #06B6D4; color: #0891B2; background: none;
  }
  .menu-toggle-open .menu-toggle-icon { font-size: 24px; display: grid; place-items: center; }
  .menu-toggle-open .menu-toggle-icon svg { width: 24px; height: 24px; }
}