/* ============================================================
   Ski & Cyklo centrum — nákupní zóna detailu produktu (v5)
   1) Jednotný svislý rytmus celé zóny (bloky 18 px od sebe)
   2) Dostupnost jako barevný štítek (barvy automaticky
      podle stavu) + přepis placeholderu varianty
   3) Stepper množství [ − | počet | + ] + větší tlačítko
      + zneškodnění neviditelných klikacích ploch šablony
   4) Blok doručení pod tlačítkem (přesouvá nakupni-zona.js)
   5) „Přidat k porovnání" jako zvýrazněná pilulka
   6) „Detailní informace" jako viditelné tlačítko
   7) Šedá bublina pro akční pilulky (obaluje JS),
      pilulky zarovnané na střed
   ============================================================ */

/* ===== 1) Jednotný rytmus nákupní zóny ===== */

.p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 10px;
}

.p-info-wrapper .availability-value {
    margin: 0 0 14px;
}

.p-info-wrapper .detail-parameters {
    margin: 0 0 4px;
}

.p-info-wrapper .add-to-cart {
    margin: 14px 0 18px;
}

.p-info-wrapper .sc-delivery-block {
    margin: 0 0 18px;
}

.p-info-wrapper .p-gifts-wrapper {
    margin: 0 0 18px;
}

.p-info-wrapper .p-short-description {
    margin: 0 0 14px;
}

.p-info-wrapper p[data-testid="productCardDescr"] {
    margin: 0 0 18px;
}

.p-info-wrapper .sc-actions-block {
    margin: 0 0 18px;
}

.p-info-wrapper #pmt {
    margin: 0 0 18px;
}

/* ===== 2) Dostupnost — barevný štítek podle stavu ===== */

/* Štítek jen u skutečných stavů (mají inline barvu);
   podklad se počítá z barvy stavu, takže funguje pro
   všechny dostupnosti bez vyjmenovávání */
.p-info-wrapper .availability-value .availability-label[style*="color"] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 10%, #fff);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.p-info-wrapper .availability-value .availability-label[style*="color"]::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
}

/* Počet kusů decentně vedle štítku */
.p-info-wrapper .availability-value .availability-amount {
    font-size: 13px;
    font-weight: 400;
    color: #646e78;
    margin-left: 6px;
}

.p-info-wrapper .availability-value .show-tooltip,
.p-info-wrapper .availability-value .acronym {
    border-bottom: 0 !important;
    text-decoration: none !important;
}

/* Placeholder „Vyberte variantu" — bez štítku, decentně */
.p-info-wrapper .availability-value .default-variant .availability-label {
    font-size: 0;
}

.p-info-wrapper .availability-value .default-variant .availability-label::before {
    content: "Vyberte variantu";
    font-size: 14px;
    font-weight: 400;
    color: #646e78;
}

html[lang="sk"] .p-info-wrapper .availability-value .default-variant .availability-label::before {
    content: "Vyberte variant";
}

html[lang="en"] .p-info-wrapper .availability-value .default-variant .availability-label::before {
    content: "Select a variant";
}

/* ===== 3) Množství + Přidat do košíku ===== */

.p-info-wrapper .add-to-cart {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.p-info-wrapper .add-to-cart .add-to-cart-button {
    flex: 1 1 auto;
    border-radius: 10px;
    font-size: 15.5px;
    font-weight: 700;
    min-height: 48px;
}

/* Stepper: [ − | počet | + ] v jednom rámečku.
   min-width: 0 ruší minimální šířku šablony, která dělala
   prázdný ocásek vpravo za plusem */
.p-info-wrapper .add-to-cart .quantity {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    background: #fff;
    border: 1px solid #e4e7ea;
    border-radius: 10px;
    overflow: hidden;
}

/* Kotvy tooltipů šablony — vykreslovaly se jako „XX" a
   prázdné místo, tooltip funkčnost zajišťuje JS jinde */
.p-info-wrapper .add-to-cart .quantity .increase-tooltip,
.p-info-wrapper .add-to-cart .quantity .decrease-tooltip {
    display: none;
}

/* Zneškodnění neviditelných klikacích ploch šablony —
   ::before tlačítek je roztažené absolutně přes celý stepper
   (148 px), takže každý klik trefoval minus; u některých
   prohlížečů navíc vykreslovalo vlastní šipky („××") */
.p-info-wrapper .add-to-cart .quantity .increase::before,
.p-info-wrapper .add-to-cart .quantity .increase::after,
.p-info-wrapper .add-to-cart .quantity .decrease::before,
.p-info-wrapper .add-to-cart .quantity .decrease::after {
    content: none !important;
    display: none !important;
}

.p-info-wrapper .add-to-cart .quantity label {
    display: flex;
    margin: 0;
    order: 0;
}

.p-info-wrapper .add-to-cart .quantity .amount {
    width: 46px;
    border: 0;
    padding: 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #16191d;
    background: #fff;
    -moz-appearance: textfield;
    appearance: textfield;
}

.p-info-wrapper .add-to-cart .quantity .amount::-webkit-outer-spin-button,
.p-info-wrapper .add-to-cart .quantity .amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.p-info-wrapper .add-to-cart .quantity .increase,
.p-info-wrapper .add-to-cart .quantity .decrease {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 36px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: #f6f8fb;
    color: #1c5a99;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.p-info-wrapper .add-to-cart .quantity .decrease {
    order: -1;
    border-right: 1px solid #e4e7ea;
}

.p-info-wrapper .add-to-cart .quantity .increase {
    order: 1;
    border-left: 1px solid #e4e7ea;
}

.p-info-wrapper .add-to-cart .quantity .increase:hover,
.p-info-wrapper .add-to-cart .quantity .decrease:hover {
    background: #eaf2fb;
}

.p-info-wrapper .add-to-cart .quantity .increase__sign,
.p-info-wrapper .add-to-cart .quantity .decrease__sign {
    display: block;
}

/* ===== 4) Blok doručení po přesunu pod tlačítko ===== */

.sc-delivery-block {
    background: #eaf2fb;
    border-radius: 14px;
    padding: clamp(16px, 2.6vw, 20px);
}

.detail-parameters tr.sc-delivery-moved {
    display: none;
}

/* ===== 5) Akční pilulky — jednotná výška ===== */

.link-icons .link-icon,
.link-icons .dkLabComparerAddProduct {
    min-height: 32px;
    box-sizing: border-box;
}

.link-icons .dkLabComparerAddProduct {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 6px 13px;
    border: 1px solid #d5e5f5;
    border-radius: 999px;
    background: #eaf2fb;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1;
    color: #1c5a99;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.link-icons .dkLabComparerAddProduct:hover {
    border-color: #2b7fd4;
}

.dkLabComparerDiv:empty,
.dkLabComparerDiv.sc-moved {
    display: none;
}

/* ===== 6) Detailní informace jako tlačítko ===== */

.p-info-wrapper p[data-testid="productCardDescr"] a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border: 1px solid #2b7fd4;
    border-radius: 999px;
    background: #fff;
    font-size: 13.5px;
    font-weight: 600;
    color: #1c5a99;
    text-decoration: none;
    transition: background 0.15s ease;
}

.p-info-wrapper p[data-testid="productCardDescr"] a:hover {
    background: #eaf2fb;
    text-decoration: none;
}

/* ===== 7) Šedá bublina: jen akční pilulky ===== */

.sc-actions-block {
    background: #f6f8fb;
    border-radius: 14px;
    padding: clamp(14px, 2.4vw, 18px);
}

.sc-actions-block .social-buttons-wrapper {
    margin: 0;
}

/* Pilulky zarovnané na střed bubliny */
.sc-actions-block .link-icons {
    justify-content: center;
}

.sc-actions-block .link-icons .link-icon {
    background: #fff;
}