/* ==========================================================================
   Minimalistický checkout – eroute.cz
   Scope: body.ordering-process (košík + doprava/platba + shrnutí)

   Skrývá navigaci, vyhledávání a přihlášení.
   Ponechává: logo, trust prvky (desktop) / phone ikonku (mobil).
   ========================================================================== */

/* -------------------------------------------------------------------------
   1. Skrytí nepotřebných prvků (všechny breakpointy)
   ------------------------------------------------------------------------- */

/* Horní lišta (O nás, Kontakty, responsive-tools…) */
body.ordering-process .top-navigation-bar {
  display: none !important;
}

/* Hlavní navigace (Elektroskútry, Elektromobily…) */
body.ordering-process #navigation {
  display: none !important;
}

/* Zelené pseudo-elementy navigace (dekorativní pruhy) */
body.ordering-process .navigation-wrapper::before,
body.ordering-process .navigation-wrapper::after {
  display: none !important;
}

/* #header::after — 62px absolutní prvek (border + shadow pod navigací) */
body.ordering-process #header::after {
  display: none !important;
}

/* Vyhledávání */
body.ordering-process .header-top .search {
  display: none !important;
}

/* Desktop tlačítko přihlášení + košík v header-top */
body.ordering-process .header-top .navigation-buttons {
  display: none !important;
}


/* -------------------------------------------------------------------------
   2. Desktop (768px+): logo vlevo, trust prvky vpravo
   ------------------------------------------------------------------------- */

@media (min-width: 768px) {
  body.ordering-process .header-top {
    justify-content: space-between !important;
  }
}

/* Tablet (768–1199px): header nesmí mít fixní výšku, ať pojme trust prvky */
@media (min-width: 768px) and (max-width: 1199px) {
  body.ordering-process .header-top {
    height: auto !important;
    padding: 12px 0 !important;
  }

  body.ordering-process .header-top > div {
    height: auto !important;
  }

  body.ordering-process #header .site-name {
    height: auto !important;
  }
}


/* -------------------------------------------------------------------------
   3. Vizuální oddělení headeru od obsahu
   ------------------------------------------------------------------------- */

body.ordering-process #header {
  border-bottom: 1px solid #eee !important;
}


/* -------------------------------------------------------------------------
   4. Mobil (≤767px)
   Logo i header__wrapper jsou normálně position:absolute (sedí v prostoru
   top-navigation-bar). Protože tu lištu skrýváme, musíme oba prvky vrátit
   do normálního flow. header__wrapper se přetvoří na pouhou šedou phone
   ikonku — přesně jako na normálním mobilním headeru.
   ------------------------------------------------------------------------- */

@media (max-width: 767px) {
  /* Header-top: flex řádek (logo vlevo, phone ikonka vpravo) */
  body.ordering-process .header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 54px;
    padding: 8px 12px !important;
  }

  /* Logo: vrátit do normálního flow (Shoptet ho dává na top:-54px) */
  body.ordering-process #header .site-name {
    position: static !important;
    width: auto !important;
    max-width: 200px;
    height: auto !important;
    font-size: inherit !important;
  }

  /* --- header__wrapper → šedá phone ikonka --- */

  /* Wrapper: zbavit se absolute pozice, nechat jako flex item vpravo */
  body.ordering-process .header__wrapper {
    position: static !important;
    transform: none !important;
    width: auto !important;
    gap: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
  }

  /* Skrýt hodnocení (první header__item) */
  body.ordering-process .header__wrapper .header__item:first-child {
    display: none !important;
  }

  /* Telefon item: skrýt obrázek, texty — nechat jen odkaz */
  body.ordering-process .header__wrapper .header__item:last-child .header__image,
  body.ordering-process .header__wrapper .header__item:last-child .header__text,
  body.ordering-process .header__wrapper .header__item:last-child .header__descr {
    display: none !important;
  }

  /* Phone odkaz: skrýt text, zobrazit jen šedou ikonku */
  body.ordering-process .header__wrapper .header__phone {
    font-size: 0 !important;
    line-height: 1 !important;
  }

  body.ordering-process .header__wrapper .header__phone::before {
    content: '\e902';
    font-family: 'ikony' !important;
    font-size: 24px;
    color: #A3A3AF;
    font-weight: 400;
  }
}