/* ==========================================================================
   SmokyPellets — telefon + otevírací doba v horní (šedé) liště
   Návrh A. Vloží se do: Vzhled a obsah → Editor vzhledu → Vlastní CSS
   ========================================================================== */

/* 1) Zúžení levého bloku servisních odkazů.
      Shoptet sám přesune odkazy, které se nevejdou, pod „Více“ —
      díky tomuto pravidlu tam spadnou „Zásady zpracování osobních údajů“
      a „Reklamační řád“, zatímco „Doprava a platba“ a „Obchodní podmínky“
      zůstanou vidět. */
@media (min-width: 992px) {
  .top-navigation-bar .top-navigation-menu { flex: 0 1 520px; max-width: 45%; }
}

/* 2) Widget s kontaktem */
.top-navigation-bar .sp-contact {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-right: 17px;
  position: relative;
}
/* svislý oddělovač mezi widgetem a volbou měny */
.top-navigation-bar .sp-contact::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background: #dedede;
}
.top-navigation-bar .sp-contact .sp-contact__item {
  display: inline-flex !important;   /* přebíjí .top-navigation-tools a { display: block } */
  align-items: center;
  gap: 7px;
  padding: 0 !important;             /* přebíjí .top-navigation-tools a { padding: 4px 20px } */
  margin: 0 !important;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  border: 0;
  transition: color .2s ease-out;
}
.top-navigation-bar .sp-contact .sp-contact__item:hover,
.top-navigation-bar .sp-contact .sp-contact__item:focus {
  color: #f56b00;
  text-decoration: none;
}
.top-navigation-bar .sp-contact .sp-contact__item svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  display: block;
}
.top-navigation-bar .sp-contact .sp-contact__tel { font-weight: 700; }
.top-navigation-bar .sp-contact .sp-contact__sep {
  width: 1px;
  height: 16px;
  background: #dedede;
}

/* 3) Responzivita — lišta se nesmí zalomit */
/* pod 1400 px zmizí slovo „Prodejna“ */
@media (max-width: 1399px) {
  .top-navigation-bar .sp-contact .sp-contact__long { display: none; }
}
/* pod 1100 px zůstane jen telefon */
@media (max-width: 1099px) {
  .top-navigation-bar .sp-contact .sp-contact__hours,
  .top-navigation-bar .sp-contact .sp-contact__sep { display: none !important; }
}
/* pod 992 px Shoptet celou horní lištu skrývá */
@media (max-width: 991px) {
  .top-navigation-bar .sp-contact { display: none; }
}