/* Values from SHOP-ZAGLAVLJE-STUDIO; never matches a product or React page. */
body.boko-design.boko-header-icons .boko-alex-header {
  height:72px !important; min-height:72px !important; padding:0 40px !important;
  gap:16px; background:#fff; backdrop-filter:none; overflow:visible;
}
body.boko-design.boko-header-icons .boko-header-utilities {
  position:absolute; top:14px; right:204px; display:flex; align-items:center; gap:4px; margin:0;
}
body.boko-design.boko-header-icons .boko-header-utilities > * {
  position:static; width:auto; margin:0; padding:0;
}
body.boko-design.boko-header-icons .boko-header-control {
  position:relative; display:inline-flex !important; flex-direction:column;
  align-items:center; justify-content:center; gap:2px; width:auto; min-width:40px;
  height:40px; min-height:40px; padding:0 !important; border:0 !important;
  background:none !important; border-radius:999px; color:#171717 !important;
  text-decoration:none !important; box-shadow:none !important; cursor:pointer;
  transition:transform .2s;
}
body.boko-design.boko-header-icons .boko-header-control:hover {transform:translateY(-2px);}
body.boko-design.boko-header-icons .boko-header-control:focus-visible {outline:2px solid #171717;outline-offset:2px;}
body.boko-design.boko-header-icons .boko-header-control > :not(.boko-header-svg):not(.boko-header-label):not(.cart-icon):not(.mini-cart-items) {display:none !important;}
body.boko-design.boko-header-icons .boko-header-control .cart-icon {display:contents !important;}
body.boko-design.boko-header-icons .boko-header-control i {display:none !important;}
body.boko-design.boko-header-icons .boko-header-svg {width:23px;height:23px;display:block;pointer-events:none;}
body.boko-design.boko-header-icons .boko-header-svg svg {width:100%;height:100%;display:block;}
body.boko-design.boko-header-icons .boko-header-label {font:500 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;pointer-events:none;}
body.boko-design.boko-header-icons .boko-header-control .mini-cart-items {
  position:absolute !important; top:3px; right:1px; min-width:17px; height:17px;
  padding:0 5px; font:600 10.5px/17px Inter,system-ui,sans-serif; border-radius:999px;
  background:#171717 !important; color:#fff !important; text-align:center;
  display:block !important; margin:0 !important; border:2px solid #fff;box-sizing:content-box;
}
body.boko-design.boko-header-icons .mini-cart-items.boko-header-zero {display:none !important;}
body.boko-design.boko-header-icons.boko-drawer-open .boko-header-utilities {visibility:hidden;pointer-events:none;}
body.boko-design.boko-header-icons #tbay-header {
  padding:72px 0 0 !important; min-height:0 !important; height:auto !important;
}
body.boko-design.boko-header-icons #tbay-header > .elementor {display:none !important;}
body.boko-design.boko-header-icons .bsf-intro {padding-top:24px !important;}
body.boko-design.boko-header-icons h1 {font-size:44px !important;}
body.boko-design.boko-header-icons #tbay-breadcrumb .breadscrumb-inner {padding-top:24px;}
@media(max-width:1199px) {
  body.boko-design.boko-header-icons .boko-alex-header {height:56px !important;min-height:56px !important;padding:0 16px !important;gap:4px;}
  body.boko-design.boko-header-icons .boko-alex-header .boko-alex-logo {margin-right:auto;}
  body.boko-design.boko-header-icons .boko-alex-header .boko-alex-logo img {width:112px;}
  body.boko-design.boko-header-icons .boko-header-utilities {top:8px;right:64px;margin:0;gap:2px;}
  body.boko-design.boko-header-icons .boko-alex-menu-toggle {left:auto !important;right:12px !important;transform:none !important;}
  body.boko-design.boko-header-icons .boko-alex-inquiry {display:none !important;}
  body.boko-design.boko-header-icons #tbay-header {padding-top:56px !important;}
  body.boko-design.boko-header-icons #wrapper-container {padding-top:0 !important;}
  body.boko-design.boko-header-icons .bsf-intro {padding-top:6px !important;}
  body.boko-design.boko-header-icons h1 {font-size:29px !important;line-height:1.08 !important;}
  body.boko-design.boko-header-icons #tbay-breadcrumb .breadscrumb-inner {padding-top:6px;}
}
@media(prefers-reduced-motion:reduce) {
  body.boko-design.boko-header-icons .boko-header-control {transition:none;}
}
/* Existing WP utility controls only. Products, commerce templates and React excluded. */
.boko-mobile-header-svg { display: none; }
.boko-category-mobile-header { display: none; }
@media (max-width: 1199.98px) {
  body.boko-mobile-header.boko-mobile-header .boko-alex-header {
    display: flex !important;
    position: fixed !important;
    inset: auto 0 auto 0 !important;
    top: var(--boko-mobile-header-top, 0px) !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 8px 0 12px !important;
    gap: 0 !important;
    background: #fff !important;
    box-shadow: 0 1px 0 #e6e3dd !important;
    border: 0 !important;
    z-index: 1030;
    overflow: visible !important;
    transform: none !important;
    transition: top .2s ease;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-logo {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    height: 56px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    transform: translateX(-50%) !important;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-logo img {
    display: block !important;
    height: 34px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
  body.boko-mobile-header.boko-mobile-header .boko-header-utilities { display: contents !important; }
  body.boko-mobile-header.boko-mobile-header .boko-header-utilities .cart-dropdown { position: static !important; }
  body.boko-mobile-header.boko-mobile-header .boko-header-utilities > :is(.tbay-login, .tbay-topcart, .tbay-search-form) {
    margin: 0 !important; padding: 0 !important; position: static !important;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header :is(.boko-header-control, .boko-alex-menu-toggle) {
    position: absolute !important;
    top: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    gap: 0 !important;
    color: #171717 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 0 !important;
    cursor: pointer;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-menu-toggle { left: 12px !important; right: auto !important; }
  body.boko-mobile-header.boko-mobile-header .boko-header-control[aria-label="Search"] { left: 56px !important; right: auto !important; }
  body.boko-mobile-header.boko-mobile-header .boko-header-control[aria-label="Account"] { left: auto !important; right: 52px !important; }
  body.boko-mobile-header.boko-mobile-header .boko-header-control[aria-label="Cart"] { left: auto !important; right: 8px !important; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header :is(.boko-header-label, .boko-header-svg:not(.boko-mobile-header-svg), .boko-alex-inquiry),
  body.boko-mobile-header.boko-mobile-header .boko-alex-header .boko-header-control > :not(.boko-mobile-header-svg, .mini-cart-items, .cart-icon),
  body.boko-mobile-header.boko-mobile-header .boko-alex-menu-toggle > :not(.boko-mobile-header-svg) { display: none !important; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header .boko-mobile-header-svg { display: block !important; width: 23px; height: 23px; }
  body.boko-mobile-header.boko-mobile-header .boko-header-control .cart-icon { display: contents !important; }
  body.boko-mobile-header.boko-mobile-header .boko-mobile-header-svg svg { display: block; width: 23px; height: 23px; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header .mini-cart-items {
    position: absolute !important;
    top: 6px !important;
    left: calc(50% + 5.5px) !important;
    right: auto !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #b4532a !important;
    color: #fff !important;
    font: 600 10.5px/17px Geist, Arial, sans-serif !important;
    text-align: center;
    box-shadow: 0 0 0 2px #fff !important;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header .mini-cart-items.boko-header-zero { display: none !important; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-header :is(a, button):focus-visible { outline: 2px solid #b4532a !important; outline-offset: 1px; }
  body.boko-mobile-header.boko-mobile-header.boko-drawer-open .boko-header-utilities { visibility: hidden; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-drawer {
    left: 0 !important; right: auto !important;
    box-shadow: 20px 0 80px rgba(0,0,0,.14) !important;
  }
  body.boko-mobile-header.boko-mobile-header .boko-alex-drawer[data-open="true"] { animation: boko-menu-from-left .22s ease-out; }
  body.boko-mobile-header.boko-mobile-header #tbay-header { padding-top: 56px !important; }
  body.boko-mobile-header.boko-mobile-header #wrapper-container { padding-top: 0 !important; }
  body.boko-mobile-header.boko-mobile-header.boko-mobile-category #wrapper-container { padding-top: 56px !important; }
  body.boko-mobile-header.boko-mobile-header.boko-mobile-category .topbar-device-mobile { display: none !important; }
}
@keyframes boko-menu-from-left { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  body.boko-mobile-header.boko-mobile-header .boko-alex-header { transition: none; }
  body.boko-mobile-header.boko-mobile-header .boko-alex-drawer[data-open="true"] { animation: none; }
}