/* ============================================================
   Ski & Cyklo centrum — nákupní zóna detailu produktu (v3)
   1) Jednotný svislý rytmus celé zóny (bloky 18 px od sebe)
   2) Dostupnost s barevnou tečkou + přepis placeholderu
      „Zvolte variantu"
   3) Přepracovaný stepper množství + větší tlačítko košíku
   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);
      splátkové karty zůstávají volně pod ní
   ============================================================ */

/* ===== 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 — tečka jen u stavů s barvou ===== */

.p-info-wrapper .availability-value .availability-label[style*="color"]::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    border-radius: 50%;
    background: currentColor;
    vertical-align: baseline;
}

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

/* Placeholder „Zvolte variantu" → srozumitelná výzva */
.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 */
.p-info-wrapper .add-to-cart .quantity {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e4e7ea;
    border-radius: 10px;
    overflow: hidden;
}

.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) Přidat k porovnání — zvýrazněná pilulka ===== */

.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;
    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 v šedé bublině — bílé vyniknou, porovnání zůstává modré */
.sc-actions-block .link-icons .link-icon {
    background: #fff;
}