/* === VŠEOBECNÉ NASTAVENÍ (Desktop) === */
#info-bar {
  background-color: #FFC300;
  color: #000;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-sizing: border-box;
  max-width: 100vw;
}
body { margin-top: 50px; }

/* Řízení zobrazení textu (Desktop vs. Mobil) */
.mobile-text { display: none; }
.desktop-text { display: inline; }

/* --- ZÁKAZNÍK (Mobil) --- */
@media (max-width: 767px) {
  /* Skrytí dlouhého textu a přepnutí na mobilní */
  .desktop-text { display: none; }
  .mobile-text { 
    display: inline-block; 
    font-size: 13px; 
    white-space: nowrap; /* Zaručí, že se text nikdy nezalomí */
  }

  /* Pevná 35px lišta */
  #info-bar {
    display: block;
    line-height: 35px;
    padding: 0 5px;
    height: 35px;
    max-height: 35px;
    overflow: hidden;
  }

  /* Přesné odsazení hlavičky a menu podle 35px lišty */
  body { margin-top: 40px !important; }
  #header { top: 40px !important; z-index: 2000; }
  body #navigation { top: 100px !important; z-index: 3000 !important; } /* lišta + hlavička */
  body .navigation-in { height: calc(100% - 95px) !important; }
}

/* --- ADMIN --- */
/* Desktop admin (lišta má 34px) */
html.admin #info-bar { top: 34px; }
html.admin body { margin-top: 84px; }
/* Mobil admin (lišta 46px) */
@media (max-width: 767px) {
  html.admin #info-bar { top: 46px; }
  html.admin body { margin-top: 101px; }
  html.admin #header { top: 101px; }
  html.admin #navigation { top: 161px !important; }
  html.admin .navigation-in { height: calc(100% - 161px) !important; }
}

/* --- DALŠÍ ÚPRAVY VZHLEDU --- */
.benefitBanner__link { width: 100%; height: 75px; }
@media (max-width: 768px) {
  .benefitBanner__item { font-size: 14px; padding: 5px; margin: -20px 0; flex: 1 1 auto; }
  .benefitBanner__item img { max-width: 60px; height: auto; }
  .benefitBanner { flex-direction: column; }
}
.p-detail .p-main-image img { aspect-ratio: 4 / 3; }
.p-final-price-wrapper::before {
  content: "Doporučená cena:";
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #aaa;
}
strong.price-final::before {
  content: "Naše cena:";
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #00667f;
  margin-top: 8px;
}

/* === KOŠÍK – odstranit text "Naše cena" === */
body.ordering-process strong.price-final::before { display: none !important; content: none !important; }
.flag.flag-discount { display: none; }
.price-save { display: none; }
.p-gift-name a, .p-gift-name a:focus, .p-gift-name a:hover { color: #00667f; }
#hodnoceniobchodu { width: 100% !important; }
@media (max-width: 768px) { .custom-footer__banner4241 { width: 100%; height: 180px; } }

/* Úprava tlačítka recenzí */
a.btn-conversion[href*="/hodnoceni-obchodu/"] {
  background-color: #007D9C !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: bold !important;
  transition: background-color 0.3s ease !important;
  text-transform: none !important;
}
a.btn-conversion[href*="/hodnoceni-obchodu/"]:hover {
  background-color: #005a70 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Kategorie EXPERTNÍ MEDAILONKY */
.expert-box {
  display: flex;
  align-items: center;
  background: #f4f9fb;
  border: 1px solid #e1eff2;
  border-radius: 12px;
  padding: 20px;
  margin: 30px 0;
  gap: 20px;
}
.expert-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  border: 3px solid #0092b5;
  flex-shrink: 0;
}
.photo-martin { background-image: url('https://cdn.myshoptet.com/usr/www.inlinespecial.cz/user/documents/upload/Inlinespecial%20Martin%20Krutina%20.jpg'); }
.photo-anna { background-image: url('https://cdn.myshoptet.com/usr/www.inlinespecial.cz/user/documents/upload/Inlinespecial%20Anna%20Krutina.jpg'); }
@media (max-width: 600px) { .expert-box { flex-direction: column; text-align: center; } }

/* === INFO BOX V KOŠÍKU === */
.cart-help-box {
  background: #f4f9fb;
  border: 1px solid #e1eff2;
  border-left: 5px solid #0092b5;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 20px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #003c47;
}
.cart-help-box strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  color: #00667f;
}
.cart-help-box a { color: #00667f; text-decoration: none; font-weight: 600; }
.cart-help-box a:hover { text-decoration: underline; }

/* === Náhledy obrázků v detailu produktu === */
@media (min-width: 768px) {
  .type-product .p-thumbnails-wrapper .p-thumbnails {
    height: auto;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner {
    width: 100%;
    height: auto;
    position: relative;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner>div {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner>div:before {
    display: none !important;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a {
    margin: 0;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
    width: 100%;
    border: 0.5px solid #cfcfcf;
  }

  .type-product .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.highlighted img {
    border: 1px solid var(--color-primary);
  }
}