/* === PRODUKTOVÉ ZÁLOŽKY – pozadí #00000014, ostré okraje, bez stínů (BEZ BORDERU KONTEJNERU) === */

#p-detail-tabs.shp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  background: #00000014;

  /* BEZ borderu kontejneru */
  border: 0 !important;
  border-radius: 0;

  padding: 12px;
  margin: 18px 0 14px;

  border-bottom: 0;
}

#p-detail-tabs .shp-tab {
  margin: 0;
  list-style: none;
}

/* tlačítka – ostré okraje, bez stínů */
#p-detail-tabs .shp-tab-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;

  border-radius: 0;

  background: #ffffff;
  border: 1px solid #cfd6de;

  color: #1f2328;
  font-weight: 800;
  text-decoration: none;

  box-shadow: none;

  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

#p-detail-tabs .shp-tab-link:hover {
  border-color: #c30a07;
  color: #c30a07;
  transform: translateY(-1px);
}

#p-detail-tabs .shp-tab.active .shp-tab-link {
  background: #c30a07;
  border-color: #c30a07;
  color: #fff;
  box-shadow: none;
}

#p-detail-tabs .shp-tab.active .shp-tab-link::after {
  content: none !important;
}

#p-detail-tabs .shp-tab-link:focus-visible {
  outline: 3px solid rgba(195,10,7,0.30);
  outline-offset: 2px;
}

/* === ZABRÁNIT SCHOVÁVÁNÍ TABŮ DO MENU (hamburger ☰) === */
.shp-tabs-row.responsive-nav .navigation-btn {
  display: none !important;
}

.shp-tabs-row.responsive-nav .shp-tabs-holder {
  display: block !important;
}

.shp-tabs-row.responsive-nav ul.visible-links,
.shp-tabs-row.responsive-nav ul.hidden-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* === MOBIL: vedle sebe + zalomení na další řádek (bez gridu) === */
@media (max-width: 767px) {
  #p-detail-tabs.shp-tabs {
    padding: 8px;
    gap: 6px;

    /* zůstává flex + wrap */
    display: flex;
    flex-wrap: wrap;
  }

  /* tlačítka na mobilu menší, ale NE 100% šířky */
  #p-detail-tabs .shp-tab-link {
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.15;
    white-space: nowrap; /* aby to zbytečně nelámalo text uvnitř tlačítka */
  }

  .shp-tabs-row.responsive-nav ul.visible-links,
  .shp-tabs-row.responsive-nav ul.hidden-links {
    gap: 6px !important;
  }
}