/* ==============================
   Carelius – header (fixed, airy, scroll transparency)
   ============================== */

:root { --header-h: 120px; }

/* BODY OFFSET pod fixed header */
body { padding-top: var(--header-h); }

/* admin bar (gdy zalogowany) */
.admin-bar #site-header { top: 32px; }
@media (max-width: 782px){
  .admin-bar #site-header { top: 46px; }
}

/* HEADER – fixed u góry */
#site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  height: var(--header-h);
  display: flex;
  align-items: center;
  background: rgba(255,255,255,1);
  border-bottom: 1px solid #eee;
  transition: background .3s ease, backdrop-filter .3s ease;
}

/* Efekt scrollu */
#site-header.scrolled{
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(6px);
}

/* KONTENER */
#site-header .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 100px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important; /* logo lewo, menu prawo */
  gap: 36px;
  width: 100%;
  box-sizing: border-box;
}

/* LOGO */
.site-logo img{
  height: 56px;
  width: auto;
  display: block;
}

/* MENU */
.main-nav{
  border: 0 !important;
  background: transparent !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
.main-nav .wrapper{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
}
.main-nav ul.menu{
  display: flex !important;
  justify-content: flex-end !important;
  gap: 48px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.main-nav li{
  margin: 0 !important;
  position: static !important;
}

/* Linki */
.main-nav a{
  color: #1f2a37 !important;
  text-decoration: none !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 10px 2px !important;
  display: inline-block !important;
  transition: color .2s ease;
}
.main-nav a:hover{ color:#007bc1 !important; }
.main-nav .current-menu-item > a{ color:#007bc1 !important; }

/* Usuń ozdobniki motywu/wtyczek */
.main-nav li::before,
.main-nav li::after,
.main-nav a::before,
.main-nav a::after{ content:none !important; }
.main-nav ul.menu > li:after,
.main-nav ul.menu > li:hover:not(.menu-item-has-children):after,
.main-nav ul.menu > li.current-menu-item:after{ display:none !important; }

/* SUBMENU */
.main-nav ul.sub-menu{
  opacity:0; visibility:hidden;
  position:absolute; top:100%; left:0;
  width:220px; background:#fff;
  border:1px solid #e5e5e5; box-shadow:0 6px 18px rgba(0,0,0,.08);
  padding:8px 0; transition:opacity .15s, visibility .15s; z-index:20;
}
.main-nav ul.sub-menu li{ display:block; }
.main-nav ul.sub-menu a{
  background:transparent !important; color:#333 !important;
  padding:10px 16px !important; display:block !important;
  font-weight:400 !important; text-transform:none !important;
}
.main-nav ul.sub-menu a:hover{ background:#f7f9fb !important; color:#007bc1 !important; }
.main-nav li:hover > ul.sub-menu{ opacity:1; visibility:visible; }

/* RESPONSYWNOŚĆ */
@media (max-width: 900px){
  :root { --header-h: 110px; }
  #site-header .container{
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 20px;
  }
  .site-logo img{ height: 48px; }
  .main-nav .wrapper{ justify-content:flex-start !important; }
  .main-nav ul.menu{
    flex-wrap: wrap;
    gap: 16px !important;
    justify-content: flex-start !important;
  }
}