/* ============================================================
   Ski & Cyklo centrum — Doplňkové parametry na detailu produktu
   Restyl standardní šoptetí tabulky table.detail-parameters
   do stejného designu jako boxy Předpokládané doručení,
   Dárky a tlačítko Přidat do košíku (zaoblená karta, jemné
   modré linky, modrá #1c5a99).
   ============================================================ */

/* Nadpis „Doplňkové parametry" — malý modrý titulek
   ve stylu ZDARMA OD NÁS DOSTANETE */
#product-detail .detail-parameters-wrapper > h4,
#product-detail .extended-description + h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1c5a99;
    margin-bottom: 12px;
}

/* Tabulka jako zaoblená karta */
table.detail-parameters {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #d7e6f8;
    border-radius: 14px;
    overflow: hidden;
}

/* Oddělení řádků jemnou linkou (kromě prvního) */
table.detail-parameters tr + tr th,
table.detail-parameters tr + tr td {
    border-top: 1px solid #e9f2fc;
}

/* Levý sloupec — popisky: světle modrý podklad,
   normální řez, klidná šedomodrá */
table.detail-parameters th {
    background: #f5f9fe;
    font-weight: 400;
    color: #4a5b6e;
    text-align: left;
    padding: 10px 16px;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

/* Pravý sloupec — hodnoty: tučně, tmavě */
table.detail-parameters td {
    padding: 10px 16px;
    font-weight: 700;
    color: #17324d;
    vertical-align: middle;
}

/* Odkazy v hodnotách (kategorie, barva, průměr kol…) */
table.detail-parameters td a {
    color: #1c5a99;
    font-weight: 700;
    text-decoration: none;
}

table.detail-parameters td a:hover {
    text-decoration: underline;
}

/* Víc vzduchu u prvního a hlavně posledního řádku,
   aby obsah nelepil na zaoblené hrany karty */
table.detail-parameters tr:first-child th,
table.detail-parameters tr:first-child td {
    padding-top: 15px;
}

table.detail-parameters tr:last-child th,
table.detail-parameters tr:last-child td {
    padding-bottom: 18px;
}

/* Odsazení celé karty od dalšího obsahu */
table.detail-parameters {
    margin-bottom: 24px;
}

/* Jemné zvýraznění řádku pod kurzorem */
table.detail-parameters tr:hover th,
table.detail-parameters tr:hover td {
    background-color: #eef6ff;
}

table.detail-parameters tr:hover th {
    background-color: #e8f2fd;
}

/* Otazníky s nápovědou — místo plného modrého kolečka
   decentní světlý kroužek s modrým otazníkem, menší
   a opticky sladěný s popiskem */
table.detail-parameters th .tooltip,
table.detail-parameters th [data-toggle="tooltip"],
table.detail-parameters th [data-original-title],
table.detail-parameters th .question-tooltip,
table.detail-parameters th .tooltip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    padding: 0;
    margin-right: 7px;
    background: #e5f0fc !important;
    color: #1c5a99 !important;
    border: none;
    border-radius: 50%;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
    vertical-align: middle;
    opacity: 0.9;
    cursor: help;
}

table.detail-parameters th .tooltip:hover,
table.detail-parameters th [data-toggle="tooltip"]:hover,
table.detail-parameters th [data-original-title]:hover,
table.detail-parameters th .question-tooltip:hover,
table.detail-parameters th .tooltip-icon:hover {
    background: #1c5a99 !important;
    color: #fff !important;
    opacity: 1;
}

/* Mobil — menší odsazení, popisky se smí zalamovat */
@media (max-width: 767px) {
    table.detail-parameters th,
    table.detail-parameters td {
        padding: 8px 12px;
    }
    table.detail-parameters th {
        white-space: normal;
    }
}