/* ══════════════════════════════════════════
   ARMY-SURPLUS.CZ — Návrh CSS
   Vložit do: Shoptet › Vlastní CSS
   Selektory označené ??? doplnit z DevTools
   ══════════════════════════════════════════ */

/* ── HEADER — hlavní lišta s logem ───────── */
/* ??? např. #header, .header, .p-header */
#header, .header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d4cbb8 !important;
  box-shadow: 0 1px 4px rgba(26,31,21,.07) !important;
}

/* ── UTILITY BAR — horní lišta (tel, email) ─ */
/* ??? např. .header-top, .top-bar */
.header-top {
  background-color: #f9f6f0 !important;
  border-bottom: 1px solid #e8e2d8 !important;
  color: #6b7460 !important;
  font-size: 14px  !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

/* Pak stačí jen: */
.header-top-inner {
  max-width: 1418px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: none !important;
}

.header-top a {
  color: #6b7460 !important;
}
.header-top a:hover {
  color: #4a5c2a !important;
}


.navigation-wrapper {width: 100% !important; padding: 0px !important; margin: 0 auto;}


.search {
  width: min(100%, 600px) !important;
  flex: 1 !important;
  margin: 0 clamp(.5rem, 2vw, 1.5rem) !important;
}

.search input {
  width: 100% !important;
}

.fitted .navigation-in ul {justify-content: center !important;}

.navigation-in {background-color: #ffffff !important;}

.navigation-in > ul > li > a > b {
  color: rgba(245,240,232,.75) !important;
  transition: color .2s !important;
}

.navigation-in > ul > li > a:hover > b {
  color: #e8c98e !important;
}

/* Aktivní stránka */
.navigation-in > ul > li.active > a > b,
.navigation-in > ul > li > a.active > b {
  color: #e8c98e !important;
}
/* ── Breakpoints ───────────────── */

@media (min-width: 1440px) 
{

}


@media (min-width: 1200px) 
{
  
}


@media (min-width: 992px) 
{
  
}

@media (min-width: 768px) 
{
  
}