/* Global Blocksy header: approved design from draft 90846, 2026-10-21. */
body.alesmyk-site-header #header {
  width: calc(100% - 48px);
  max-width: 1430px;
  margin: 18px auto 0;
  border-radius: 16px;
  background: #F5F4F0;
  position: relative;
  z-index: 50;
}
body.alesmyk-site-header #header [data-device="desktop"] > [data-row="top"] {
  background: #F5F4F0 !important;
  border-radius: 16px 16px 0 0;
  --height: 100px;
}
body.alesmyk-site-header #header [data-row="middle"] {
  background: #E8EEE5 !important;
  border-radius: 0 0 16px 16px;
  --height: 56px;
  --theme-link-initial-color: #43291F;
  --theme-link-hover-color: #43291F;
}
body.alesmyk-site-header #header [data-row] > .ct-container {
  width: 100%;
  max-width: none;
  padding-inline: 24px;
}
body.alesmyk-site-header #header .site-logo-container img {
  width: 260px !important;
  max-width: 260px !important;
  height: auto !important;
  max-height: none;
  object-fit: contain;
  aspect-ratio: 2161 / 728;
}
body.alesmyk-site-header #header .ct-header-divider,
body.alesmyk-site-header #header [data-id="socials"],
body.alesmyk-site-header #header [data-id="button"] { display: none; }
body.alesmyk-site-header #header .ct-search-box {
  --max-width: 450px;
  width: clamp(240px, 29vw, 450px);
  margin-inline-start: 40px;
}
body.alesmyk-site-header #header .ct-search-form {
  --theme-form-field-border-radius: 8px;
  --theme-form-field-background-initial-color: #fff;
  --theme-form-field-background-focus-color: #fff;
}
body.alesmyk-site-header #header #header-menu-1 { width: 100%; --menu-items-spacing: 14px; }
body.alesmyk-site-header #header #header-menu-1 > ul { justify-content: space-between; }
body.alesmyk-site-header #header #header-menu-1 > ul > li > a {
  font-size: 13px;
  color: #43291F !important;
  padding-inline: 8px;
  transition: background .15s;
}
body.alesmyk-site-header #header #header-menu-1 > ul > li:hover > a,
body.alesmyk-site-header #header #header-menu-1 > ul > li.current-menu-item > a {
  background: #FFCD21;
  border-radius: 8px;
}
body.alesmyk-site-header #header .ct-sticky-container [data-sticky*="yes"] {
  max-width: 1430px;
  margin-inline: auto;
  background: transparent !important;
}
body.alesmyk-site-header #header .sub-menu {
  border-radius: 12px;
  background: #F5F4F0 !important;
  --theme-text-color: #43291F;
  --theme-link-initial-color: #43291F;
}
body.alesmyk-site-header #header .sub-menu .elementor > .e-con { background: #F5F4F0 !important; }
body.alesmyk-site-header #header .sub-menu .elementor > .e-con:before { background: none !important; }
body.alesmyk-site-header #header .sub-menu * { color: #43291F !important; border-color: transparent !important; }
body.alesmyk-site-header #header .sub-menu a:hover { color: #916000 !important; }
body.alesmyk-site-header #header #menu-item-71147,
body.alesmyk-site-header #header #menu-item-71168 { background: transparent !important; }
body.alesmyk-site-header #header :is(a, button, input):focus-visible {
  outline: 2px solid #43291F;
  outline-offset: 3px;
}
@media (min-width: 1000px) and (max-width: 1199px) {
  body.alesmyk-site-header #header .site-logo-container img { width: 220px !important; max-width: 220px !important; }
  body.alesmyk-site-header #header .ct-search-box { margin-inline-start: 24px; }
}
@media (max-width: 999px) {
  body.alesmyk-site-header #header { width: calc(100% - 32px); margin-top: 12px; }
  body.alesmyk-site-header #header [data-device="mobile"] [data-row="middle"] {
    border-radius: 16px;
    background: #F5F4F0 !important;
    --height: 78px;
  }
  body.alesmyk-site-header #header [data-row] > .ct-container { padding-inline: 16px; }
  body.alesmyk-site-header #header .site-logo-container img { width: 175px !important; max-width: 175px !important; }
  body.alesmyk-site-header #header .ct-search-box { margin-inline-start: 0; }
  body.alesmyk-site-header #offcanvas .site-logo-container img { width: 175px; height: auto; max-height: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.alesmyk-site-header #header a { transition: none !important; }
}

/* Two readable navigation rows where the full desktop menu cannot fit. */
@media (min-width: 1000px) and (max-width: 1279px) {
  body.alesmyk-site-header #header [data-device="desktop"] [data-row="middle"] { --height: 80px; }
  body.alesmyk-site-header #header #header-menu-1 > ul {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    min-width: 0;
  }
  body.alesmyk-site-header #header #header-menu-1 > ul > li { height: 40px; }
}
body.alesmyk-site-header #header #menu-item-1528 > a {
  background: transparent;
  --theme-icon-color: #43291F;
}
body.alesmyk-site-header #header #menu-item-1528 > a::after { background: transparent; }

/* Retain a legible brown Home icon in active, hover and mobile drawer states. */
body.alesmyk-site-header :is(#header, #offcanvas) .menu-item-home > .ct-menu-link svg {
  fill: #43291F !important;
}

/* Keep native Blocksy active/hover indicators legible on every route. */
body.alesmyk-site-header #header #header-menu-1 > ul > li > a::after {
  background: transparent;
}
body.alesmyk-site-header #header #header-menu-1 > ul > li:is(.current-menu-ancestor, .current-menu-parent) > a {
  background: #FFCD21;
  border-radius: 8px;
}
body.alesmyk-site-header #header #header-menu-1 > ul > li > a svg {
  fill: #43291F !important;
}
body.alesmyk-site-header #offcanvas .ct-menu-link:hover,
body.alesmyk-site-header #offcanvas .current-menu-item > .ct-menu-link {
  color: #43291F;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Two-level contact/commerce group, preserving native Blocksy controls. */
@media (min-width: 1000px) {
  body.alesmyk-site-header #header [data-device="desktop"] > [data-row="top"] { --height: 120px; }
  body.alesmyk-site-header #header .ct-search-box { margin-inline-start: 80px; }
  body.alesmyk-site-header #header [data-row="top"] [data-column="end"] > [data-items="primary"] {
    display: grid;
    grid-template-columns: auto 32px 32px auto;
    grid-template-rows: 44px 44px;
    gap: 0 12px;
    align-items: center;
    align-content: center;
  }
  body.alesmyk-site-header #header [data-row="top"] [data-column="end"] [data-id] { margin: 0; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="button"] { display: block; grid-area: 1 / 1 / 2 / 4; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="button"] > a {
    padding: 0; min-height: 44px; border: 0; background: transparent;
    color: #CB1858; font-size: 22px; font-weight: 700; white-space: nowrap; gap: 8px;
  }
  body.alesmyk-site-header #header [data-row="top"] [data-id="button"] > a::before {
    content: 'Infolinia'; color: #43291F; font-size: 13px; font-weight: 400;
  }
  body.alesmyk-site-header #header [data-id="button"] .ct-icon-container { display: none; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="socials"] { display: block; grid-area: 1 / 4; }
  body.alesmyk-site-header #header [data-id="socials"] .ct-social-box { flex-wrap: nowrap; gap: 4px; }
  body.alesmyk-site-header #header [data-id="socials"] a {
    width: 28px; height: 36px; color: var(--official-color);
    --theme-icon-color: var(--official-color); --theme-icon-hover-color: var(--official-color);
  }
  body.alesmyk-site-header #header [data-id="socials"] svg { width: 16px; height: 16px; fill: currentColor; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="text"] { grid-area: 2 / 1; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="compare"] { grid-area: 2 / 2; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="wish-list"] { grid-area: 2 / 3; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="cart"] { grid-area: 2 / 4; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="text"] a { min-height: 44px; color: #43291F; }
  body.alesmyk-site-header #header [data-row="top"] :is(.ct-header-compare,.ct-header-wishlist,.ct-cart-item) { min-height: 44px; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  body.alesmyk-site-header #header .ct-search-box { width: 200px; min-width: 200px; margin-inline-start: 64px; }
  body.alesmyk-site-header #header [data-row="top"] [data-id="button"] > a { font-size: 18px; gap: 5px; }
  body.alesmyk-site-header #header [data-row="top"] [data-column="end"] > [data-items="primary"] { column-gap: 6px; }
}