/* Mrkálek – hlavička pro Shoptet Disco. Verze 1.0.0, 2. 11. 2026.
   Aktivuje ji mrkalek-hlavicka.js. Veškeré styly jsou omezeny na #header. */
#header.mrk-header-v1 {
  --mrk-blue: #365ae7;
  --mrk-blue-dark: #2446ce;
  --mrk-ink: #091638;
  --mrk-pale: #edf3ff;
  --mrk-orange: #f58220;
  background: #fff;
  font-family: "Poppins", sans-serif;
}
#header.mrk-header-v1 .search-input,
#header.mrk-header-v1 .cart-price,
#header.mrk-header-v1 .mrk-cart-label,
#header.mrk-header-v1 .menu-level-1 > li > a > b {
  font-family: "Poppins", sans-serif !important;
}
#header.mrk-header-v1 .search-form fieldset { position: relative; }
#header.mrk-header-v1 .search-input-icon { display: none; }
#header.mrk-header-v1 .search-input {
  width: 100%;
  height: 58px;
  padding: 0 68px 0 24px;
  border: 1px solid #cbd7ff !important;
  border-radius: 999px !important;
  background: var(--mrk-pale) !important;
  color: var(--mrk-ink) !important;
  font-size: 16px;
  line-height: normal;
  box-shadow: none !important;
}
#header.mrk-header-v1 .search-input::placeholder { color: #54617c !important; opacity: 1; }
#header.mrk-header-v1 .search-input:focus {
  outline: 2px solid var(--mrk-blue);
  outline-offset: 2px;
  background: #fff !important;
}
#header.mrk-header-v1 .search-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  bottom: auto;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--mrk-blue) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 0;
  line-height: 1;
  box-shadow: none;
}
#header.mrk-header-v1 .search-button::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center / contain no-repeat;
}
#header.mrk-header-v1 .search-button:hover { background: var(--mrk-blue-dark) !important; }
#header.mrk-header-v1 a:focus-visible,
#header.mrk-header-v1 button:focus-visible { outline: 3px solid #f58220; outline-offset: 3px; }
#header.mrk-header-v1 .mrk-cart-label { display: none; }
/* Stejná navigace také v košíku, dopravě/platbě a kontaktních údajích.
   Disco ji v dalších krocích standardně skrývá. */
.ordering-process #header.mrk-header-v1 #formSearchForm,
.ordering-process #header.mrk-header-v1 .header-bottom #navigation { display: block; }
.ordering-process #header.mrk-header-v1 .header-bottom { height: auto; }
.ordering-process #header.mrk-header-v1 .navigation-buttons { display: flex; }
#header.mrk-header-v1 .mrk-epoukaz > a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 25px;
  flex: 0 0 22px;
  margin-right: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28' fill='none' stroke='white' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 2h10l6 6v18H4zM14 2v7h6M8 14h8M8 19h8'/%3E%3C/svg%3E") center / contain no-repeat;
}
#header.mrk-header-v1 .custom-menu-logos > a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px solid #e6edff;
  border-radius: 19px;
  background: #fff;
  transition: border-color .15s ease;
}
#header.mrk-header-v1 .custom-menu-logos > a:hover { border-color: var(--mrk-blue); }
#header.mrk-header-v1 .custom-menu-logos img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  #header.mrk-header-v1 .header-top,
  #header.mrk-header-v1 .header-bottom { background: #fff; border: 0; }
  #header.mrk-header-v1 .header-top { padding: 0; }
  #header.mrk-header-v1 .header-top-wrapper {
    display: grid;
    grid-template-columns: minmax(170px, 240px) minmax(0, 1fr) 210px;
    gap: clamp(24px, 4vw, 68px);
    align-items: center;
    padding: 20px 20px 18px;
    min-height: 116px;
  }
  #header.mrk-header-v1 .header-top-wrapper::before,
  #header.mrk-header-v1 .header-top-wrapper::after,
  #header.mrk-header-v1 .header-bottom-wrapper::before,
  #header.mrk-header-v1 .header-bottom-wrapper::after { display: none; }
  #header.mrk-header-v1 .header-top-wrapper .site-name { width: 100%; min-width: 0; padding: 0; }
  #header.mrk-header-v1 .site-name a { display: block; }
  #header.mrk-header-v1 .site-name a img {
    width: 100%;
    max-width: 240px;
    height: 85px;
    max-height: 85px;
    object-fit: contain;
    object-position: left center;
  }
  #header.mrk-header-v1 .header-top-wrapper > .search { width: 100%; padding: 0; min-width: 0; }
  #header.mrk-header-v1 .search-form { width: 100%; margin: 0; }
  #header.mrk-header-v1 .navigation-buttons { display: flex; justify-content: flex-end; width: 100%; }
  #header.mrk-header-v1 .navigation-buttons > [data-target="search"] { display: none; }
  #header.mrk-header-v1 .header-top a.cart-count {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: 20px 28px;
    align-content: center;
    align-items: center;
    column-gap: 13px;
    position: relative;
    margin: 0;
    padding: 10px 17px !important;
    width: 210px;
    min-height: 72px;
    height: 72px;
    border: 0;
    border-radius: 20px !important;
    background: var(--mrk-blue);
    background-image: none;
    color: #fff !important;
    text-align: left;
    text-transform: none;
    line-height: 1.25;
  }
  #header.mrk-header-v1 .header-top a.cart-count:hover { background: var(--mrk-blue-dark); }
  #header.mrk-header-v1 .navigation-buttons a.cart-count::before {
    grid-column: 1;
    grid-row: 1 / 3;
    margin: 0;
    font-size: 32px;
    line-height: 1;
    color: #fff;
  }
  #header.mrk-header-v1 .mrk-cart-label {
    display: block;
    grid-column: 2;
    grid-row: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  #header.mrk-header-v1 .cart-price {
    display: block !important;
    grid-column: 2;
    grid-row: 2;
    white-space: nowrap;
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
  }
  #header.mrk-header-v1 .cart-count:not(.full) .cart-price { font-size: 14px; }
  #header.mrk-header-v1 .header-top a.cart-count i {
    left: 37px;
    right: auto;
    top: 41px;
    bottom: auto;
    min-width: 23px;
    width: auto;
    height: 23px;
    padding: 2px 5px;
    border: 2px solid var(--mrk-blue);
    border-radius: 99px;
    background: #fff;
    color: var(--mrk-blue);
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
  }
  #header.mrk-header-v1 .header-bottom-wrapper { padding: 0 20px 18px; }
  #header.mrk-header-v1 #navigation {
    height: auto !important;
    width: 100%;
    min-height: 64px;
    padding: 0;
    overflow: visible;
    border: 0;
    top: auto;
    left: auto;
    background: transparent;
    font-family: "Poppins", sans-serif;
  }
  #header.mrk-header-v1 .navigation-in.menu {
    display: flex;
    position: relative;
    width: 100% !important;
    height: auto;
    align-items: flex-start;
    gap: 14px;
    background: transparent;
  }
  #header.mrk-header-v1 #navigation .menu-level-1 {
    display: flex;
    position: relative;
    flex: 1 1 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 6px;
    border-radius: 20px;
    background: var(--mrk-blue);
  }
  /* Na desktopu se menu vejde nebo zalomí; Shoptet může dál počítat "splitted". */
  #header.mrk-header-v1 #navigation .menu-level-1 > li,
  #header.mrk-header-v1 #navigation .menu-level-1 > li.splitted {
    display: block !important;
    visibility: visible !important;
    position: static;
    flex: 1 0 auto;
    margin: 0;
    border: 0;
  }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 52px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
  }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a > b {
    border: 0;
    color: inherit;
    font-weight: 600;
    text-decoration: none;
  }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a:hover,
  #header.mrk-header-v1 #navigation .menu-level-1 > li.exp > a { background: rgba(255,255,255,.14); }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a .submenu-arrow {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 28px;
    padding: 0;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    transform: none;
  }
  #header.mrk-header-v1 #navigation .menu-level-1 > li.mrk-epoukaz { flex: 0 0 auto; padding-left: 5px; }
  #header.mrk-header-v1 #navigation .menu-level-1 > .mrk-epoukaz > a { gap: 0; background: var(--mrk-orange); padding: 0 19px; }
  #header.mrk-header-v1 #navigation .menu-level-1 > .mrk-epoukaz > a:hover { background: #dd6c0e; }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > .menu-level-2 {
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #dce5ff;
    border-radius: 0 0 20px 20px;
    background: #fff;
    box-shadow: 0 12px 22px rgba(9,22,56,.12);
  }
  #header.mrk-header-v1 #navigation .menu-level-2 a { color: var(--mrk-ink); }
  #header.mrk-header-v1 .menu-helper { display: none !important; }
  #header.mrk-header-v1 .custom-menu-logos {
    display: flex;
    flex: 0 0 310px;
    gap: 10px;
    width: 310px;
    margin: 0;
    padding: 0;
    align-items: center;
  }
  #header.mrk-header-v1 .custom-menu-logos > a { width: 150px; height: 64px; padding: 5px 8px; }
}
@media screen and (min-width: 1500px) {
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a { font-size: 18px; }
  #header.mrk-header-v1 .custom-menu-logos { flex-basis: 350px; width: 350px; }
  #header.mrk-header-v1 .custom-menu-logos > a { width: 170px; }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #header.mrk-header-v1 .header-top-wrapper { grid-template-columns: 180px minmax(0,1fr) 185px; gap: 22px; }
  #header.mrk-header-v1 .header-top a.cart-count { width: 185px; padding: 10px 12px !important; column-gap: 10px; }
  #header.mrk-header-v1 .cart-price { font-size: 17px; }
  #header.mrk-header-v1 .search-input { font-size: 14px; padding-left: 18px; }
  #header.mrk-header-v1 .navigation-in.menu { flex-wrap: wrap; gap: 10px; }
  #header.mrk-header-v1 #navigation .menu-level-1 { flex-basis: 100%; }
  #header.mrk-header-v1 .custom-menu-logos { margin-left: auto; }
  #header.mrk-header-v1 .custom-menu-logos > a { height: 58px; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  #header.mrk-header-v1 .header-top-wrapper { grid-template-columns: 150px minmax(0,1fr) 170px; gap: 16px; }
  #header.mrk-header-v1 .header-top a.cart-count { width: 170px; column-gap: 7px; }
  #header.mrk-header-v1 .cart-count:not(.full) .cart-price { font-size: 12px; }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a { padding: 0 10px; font-size: 15px; }
}
@media screen and (max-width: 767px) {
  /* Nativní mobilní otevírání menu, hledání a košíku zůstává Shoptetu. */
  #header.mrk-header-v1 .search-input { height: 52px; padding-right: 60px; padding-left: 18px; font-size: 16px; }
  #header.mrk-header-v1 .search-button { width: 42px; min-width: 42px; height: 42px; }
  #header.mrk-header-v1 .navigation-buttons a.cart-count { background: var(--mrk-blue); color: #fff; border-radius: 13px !important; }
  #header.mrk-header-v1 .navigation-buttons a.cart-count::before { color: #fff; }
  .ordering-process #header.mrk-header-v1 .navigation-buttons a[data-target="navigation"],
  .ordering-process #header.mrk-header-v1 .navigation-buttons a[data-target="search"] { display: block; }
  #header.mrk-header-v1 .mrk-checkout-cart .cart-price { display: none; }
  #header.mrk-header-v1 .header-top a.cart-count i { background: #fff; color: var(--mrk-blue); border: 1px solid var(--mrk-blue); }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a { font-family: "Poppins",sans-serif; color: var(--mrk-ink); }
  #header.mrk-header-v1 #navigation .menu-level-1 > li > a > b { color: inherit; text-decoration: none; font-weight: 600; }
  #header.mrk-header-v1 #navigation .mrk-epoukaz > a { display: flex; align-items: center; background: var(--mrk-orange); color: #fff; border-radius: 14px; margin: 6px 14px; }
  #header.mrk-header-v1 .custom-menu-logos { display: flex; flex-direction: row; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 16px 14px 28px; }
  #header.mrk-header-v1 .custom-menu-logos > a { width: calc(50% - 4px); max-width: 180px; height: 70px; padding: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  #header.mrk-header-v1 .custom-menu-logos > a { transition: none; }
}