/* Detail produktu – záložky */

.type-detail .wrapped-content {

    display: flex;

    flex-direction: column;

}



.type-detail .wrapped-content span {

    position: relative;

    order: 100;

    display: block;

    width: 100%;

    min-height: 50px;

    height: auto;

    padding: 1rem;



    font-weight: 600;

    line-height: 3rem;

    text-transform: uppercase;



    background: #fafafa;

    border-bottom: 1px dotted #444;

}



.type-detail .wrapped-content span.tab-popis {

    order: 1;

}



.type-detail .wrapped-content span.tab-hodnoceni {

    order: 2;

}



.type-detail .wrapped-content span a {

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;

    padding-left: 2rem;



    line-height: 50px;

}



.type-detail .wrapped-content span:hover {

    background: #ed1d26;

}



.type-detail .wrapped-content span:hover a,

.type-detail .wrapped-content span:hover a:hover {

    color: #fff;

}



.type-detail .p-detail-tabs-wrapper .responsive-nav button {

    display: none !important;

}





/* Ikonky v košíku */

label {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.payment-info {

    order: 2;

}



.payment-logo {

    order: 1;

    flex-basis: 40px;

    margin-right: 10px;

}



.payment-shipping-price {

    order: 3;

    margin-left: auto;

}





/* Nákres čepele a rukojeti nožů */

.oceli-rukojeti {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  align-items: start;

  gap: 10px;

}

.podrobnosti {

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

  min-width: 0;

  margin: 0;

  padding: 3px;

  font-family: inherit;
  font-size: 14px;
  line-height: 1.45;

  color: #111;

  background: #fff;

  border: 1px solid #d6ad48;

  border-radius: 14px;

  overflow: hidden;

  transition: box-shadow 0.2s ease, transform 0.2s ease;

}

.podrobnosti summary {

  display: flex;

  align-items: center;

  position: relative;

  box-sizing: border-box;

  width: 100%;

  min-height: 42px;

  margin: 0;

  padding: 8px 12px 8px 38px;
  gap: 10px;
  flex-shrink: 0;

  border-radius: 10px;

  background: #111;

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.4;

  cursor: pointer;

  list-style: none;

}

.podrobnosti summary::-webkit-details-marker {

  display: none;

}

.podrobnosti summary::marker {

  content: "";

}

.podrobnosti summary::before {

  content: "+";

  position: absolute;

  top: 50%;

  left: 10px;

  display: grid;

  place-items: center;

  box-sizing: border-box;

  width: 18px;

  height: 18px;

  padding: 0;

  border-radius: 50%;

  background: #d6ad48;

  color: #111;

  font-size: 14px;

  line-height: 1;

  transform: translateY(-50%);

}

.podrobnosti[open] summary::before {

  content: "−";

}

.podrobnosti summary::after {

  content: "";

  flex: 0 0 7px;

  width: 7px;

  height: 7px;

  margin: -5px 6px 0 auto;

  border-right: 2px solid currentColor;

  border-bottom: 2px solid currentColor;

  transform: rotate(45deg);

  transition: transform 0.2s ease, margin 0.2s ease;

}

.podrobnosti[open] summary::after {

  margin-top: 5px;

  transform: rotate(225deg);

}

.podrobnosti[open] summary,

.podrobnosti[open] summary * {

  color: #fff;

}

.podrobnosti[open] summary::before {

  color: #111;

}

.podrobnosti img {

  display: block;

  max-width: 100%;

  height: auto;

  margin-inline: auto;

}

.podrobnosti:hover {

  box-shadow: 0 5px 16px rgb(0 0 0 / 14%);

  transform: translateY(-1px);

}

.podrobnosti summary:focus-visible {

  outline: 3px solid #d6ad48;

  outline-offset: 3px;

}

.oceli-rukojeti > .podrobnosti[open] {

    align-self: stretch;

    margin-bottom: 5px;

}

/* Vystředění obsahu otevřeného panelu */

.podrobnosti[open]::details-content {

  display: flex;

  flex-direction: column;

  justify-content: center;

  flex: 1;

}

/* Odstranění prázdného řádku za obrázkem */

.podrobnosti > br {

  display: none;

}

@media (max-width: 700px) {

  .oceli-rukojeti {

    grid-template-columns: 1fr;

  }

}

/* Samostatný nákres přes celou šířku */

.oceli-rukojeti > .podrobnosti:only-child {

  grid-column: 1 / -1;

}

.oceli-rukojeti > .podrobnosti:only-child img {

  width: 100%;

  height: auto;

}

/* Horní informační lišta */

:root {

  --top-bar-height: 32px;

}



/* Červená lišta */

.top-bar {

  background: #d2232a;

  color: #fff;

  text-align: center;

  padding: 4px 8px;

  font: 14px/1.25 "Poppins", sans-serif;

  border-bottom: 1px solid #fff;

  box-sizing: border-box;

  overflow: hidden;

}



.top-bar strong {

  font-weight: 700;

}



.top-bar a,

.top-bar a:hover,

.top-bar a:focus {

  color: #fff;

}



.top-bar__content {

  display: block;

  width: 100%;

  max-width: 100%;

  text-align: center;

}



/* košík odebrat */

tr[data-micro="cartItem"] .p-total {

    position: relative;

}



tr[data-micro="cartItem"] .remove-item,

.fvRemoveitem {

    top: -5px;

    right: -10px;

    width: 25px;

    height: 25px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #f3f4f6;

    color: #e81616;

    font-size: 17px;

    line-height: 23px;

    font-weight: 300;

    text-align: center;

    cursor: pointer;

}



tr[data-micro="cartItem"] .remove-item::before,

.fvRemoveitem::before {

    position: static;

    margin: 0;

    font-size: inherit;

    line-height: inherit;

    color: inherit;

}



/* Mobil */

@media (max-width: 991px) {

  body:has(.top-bar) .top-bar {

    position: sticky;

    top: 0;

    z-index: 1001;



    width: 100%;

    height: var(--top-bar-height);

    min-height: var(--top-bar-height);



    display: flex;

    align-items: center;

    justify-content: center;



    font-size: clamp(10px, 3.2vw, 14px);

    white-space: nowrap;

  }



  body:has(.top-bar) #navigation {

    top: var(--top-bar-height) !important;

    bottom: 0 !important;

    height: auto !important;

  }



  body:has(.top-bar) #header {

    top: var(--top-bar-height) !important;

  }



  body:has(.top-bar) #navigation .navigation-in {

    height: 100% !important;

    max-height: 100% !important;

  }

}