/* Gario – mobilní hlavička pro novou hlavičku Shoptetu (.ums_mobile_header_v1--on), návrh 11. 11. 2026, v2: připnutá hlavička jako na Postershopu; v3: z-index nad štítky produktu (.flags-extra má 51).
   Ruší stará pravidla ze style.css (hlavička 150 px, schovaná lupa) a skládá řádek: logo | košík | MENU, pod tím pole hledání. */
@media screen and (max-width: 767px) {
  .ums_mobile_header_v1--on .overall-wrapper { padding-top: var(--gm-hlavicka, 74px) !important; }
  .ums_mobile_header_v1--on #header { float: none !important; max-width: none !important; width: 100% !important; display: block !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: auto !important; z-index: 100 !important; background: #fff; border-bottom: 0 !important; }
  .ums_mobile_header_v1--on #header .header-top { border-bottom: 1px solid #e6e6e6; }
  .ums_mobile_header_v1--on #header .container.navigation-wrapper { position: relative !important; width: 100% !important; height: auto !important; }
  .ums_mobile_header_v1--on #header .header-top { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 14px 12px; height: auto !important; width: 100% !important; box-sizing: border-box; }
  .ums_mobile_header_v1--on #header .site-name-wrapper { flex: 0 0 auto; height: auto !important; width: auto !important; }
  .ums_mobile_header_v1--on #header .site-name { position: static !important; width: auto !important; height: auto !important; }
  .ums_mobile_header_v1--on #header .site-name img { max-height: 46px; width: auto !important; }
  .ums_mobile_header_v1--on #header .navigation-buttons { flex: 0 0 auto; height: 48px !important; width: auto !important; margin-right: 70px; display: flex !important; align-items: center; }
  .ums_mobile_header_v1--on #header .navigation-buttons a.cart-count { position: relative !important; top: auto !important; left: auto !important; right: auto !important; height: 48px !important; width: 52px !important; }
  .ums_mobile_header_v1--on #header .search { display: block !important; position: static !important; order: 3; flex: 0 0 100%; width: 100% !important; height: auto !important; margin: 10px 0 0 !important; padding: 0 !important; background: none !important; }
  .ums_mobile_header_v1--on #header .search form, .ums_mobile_header_v1--on #header .search fieldset { display: flex !important; width: 100% !important; }
  .ums_mobile_header_v1--on #header .search .query-input { flex: 1 1 auto; width: 100% !important; height: 44px !important; border: 1px solid #d9d9d9 !important; border-radius: 22px 0 0 22px !important; padding: 0 16px 0 46px !important; font-size: 16px !important; }
  .ums_mobile_header_v1--on #header .search button { height: 44px !important; border-radius: 0 22px 22px 0 !important; padding: 0 16px !important; }
  .ums_mobile_header_v1--on .top-navigation-bar { position: fixed !important; top: 8px !important; right: 10px !important; left: auto !important; width: auto !important; height: 48px !important; z-index: 110 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  .ums_mobile_header_v1--on .top-navigation-bar .container, .ums_mobile_header_v1--on .top-navigation-tools { padding: 0 !important; margin: 0 !important; border: 0 !important; width: auto !important; }
  .ums_mobile_header_v1--on .responsive-tools > a[data-target="search"] { display: none !important; }
  .ums_mobile_header_v1--on #header .search { max-height: 70px; overflow: hidden; transition: max-height .25s ease, margin .25s ease, opacity .2s ease; }
  .ums_mobile_header_v1--on.gm-dolu #header .search { max-height: 0 !important; margin-top: 0 !important; opacity: 0; }
  .ums_mobile_header_v1--on.gm-dolu #header .header-top { padding-bottom: 8px !important; }
  body.navigation-window-visible #header { z-index: 120 !important; }  /* otevřené menu překryje tlačítko MENU */
}