/* =============================================================
   TANMAYA - detail vánočního poukazu podle Figmy
   (Tomáš Hrabec, Tantra_shoptet node 1162-6175, revize 3. 11. 2026)
   Třídu body.tm-xmas-detail přidává vanoce-detail.js jen v detailu
   produktu se štítkem „Vánoční dárek“. Načítat AŽ ZA tanmaya.css
   a fraunces.css. Po Vánocích stačí oba soubory odebrat z hlavičky.
   ============================================================= */

/* --- odsazení od kraje okna (#166) a vzdušnější pravý sloupec (#160) --- */
@media (min-width: 1200px) {
    .tm-xmas-detail .p-detail-inner {
        padding: 40px 56px !important;
    }
    .tm-xmas-detail .p-data-wrapper {
        padding-right: 40px;
    }
}

/* --- fotka produktu --- */
.tm-xmas-detail .p-detail-inner .p-image-wrapper .p-image {
    border-radius: 20px !important;
}
.tm-xmas-detail .p-thumbnails img {
    border-radius: 8px;
}

/* --- štítky na fotce (#162): jen bílý „🎁 Vánoční dárek“ --- */
.tm-xmas-detail .p-image .flag-darkovy-poukaz,
.tm-xmas-detail .p-image .flags-extra {
    display: none !important;
}
.tm-xmas-detail .p-image .flags-default {
    top: 24px !important;
    left: 24px !important;
}
.tm-xmas-detail .p-image .flag-vanocni-darek {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    padding: 3px 14px 3px 10px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(74, 44, 42, .08);
}
.tm-xmas-detail .p-image .flag-vanocni-darek::before {
    content: "🎁";
    font-size: 16px;
    line-height: 1;
}

/* --- nadpis (#161, #163) --- */
.tm-xmas-detail .tm-xeyebrow {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #AAAAAA;
    margin: 0 0 4px;
}
.tm-xmas-detail .p-detail-inner h1,
.tm-xmas-detail .p-detail-inner-header-mobile .h1 {
    font-family: var(--tm-font-nadpis) !important;
    font-weight: 900 !important;
    font-size: 38px !important;
    line-height: 42px !important;
    color: #7A5C50 !important;
    margin: 0 0 20px !important;
}
.tm-xmas-detail .p-detail-inner .product-appendix {
    display: none !important;
}

/* --- krátký popis: nejdřív fajfky, pak odstavec (dle Figmy) --- */
.tm-xmas-detail .p-short-description {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 24px;
    color: #000 !important;
}
.tm-xmas-detail .p-short-description ul {
    order: -1;
    margin: 0 0 20px;
}
.tm-xmas-detail .p-short-description ul li {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 6px;
}
.tm-xmas-detail .p-short-description p {
    margin: 0 0 16px;
}

/* --- cena (#159): štítek se slevou, pod ním cena a přeškrtnutá cena --- */
.tm-xmas-detail .p-price-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 14px;
    row-gap: 8px;
    margin-top: 8px;
}
.tm-xmas-detail .p-price-wrapper::after {
    content: "";
    order: 2;
    flex-basis: 100%;
    height: 0;
}
.tm-xmas-detail .p-price-wrapper .standard-price-label {
    display: none !important;
}
.tm-xmas-detail .p-price-wrapper .price-save {
    order: 1;
    display: inline-block;
    padding: 0 14px !important;
    background: #EED8BD;
    border-radius: 30px;
    font-size: 15px !important;
    line-height: 25px;
    font-weight: 700;
    color: #350201 !important;
}
.tm-xmas-detail .p-detail-inner .p-price-wrapper .price-final {
    order: 3;
    width: auto !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: #000 !important;
}
.tm-xmas-detail .p-price-wrapper .price-standard {
    order: 4;
    font-size: 16px !important;
    color: #000 !important;
    text-decoration: line-through;
}
.tm-xmas-detail .p-price-wrapper .price-measure {
    order: 5;
}
.tm-xmas-detail .detail-parameter-availability {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
}
.tm-xmas-detail .detail-parameter-availability .availability-label[style*="color"] {
    color: #0EAA56 !important;
}

/* --- pás Potřebujete poradit? pod horní částí detailu (#158) --- */
.tm-xadvice-detail {
    background: #fff;
    box-shadow: 0 0 0 100vmax #fff;
    clip-path: inset(0 -100vmax);
}
.tm-xadvice-detail .tm-info-bar__advice {
    margin: 0;
}
.tm-xadvice-detail .tm-info-bar__advice-title {
    font-family: var(--tm-font-nadpis) !important;
    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
    color: #4A2C2A;
}
/* spodní kopie z kontaktni-bar.js by byla na stránce podruhé */
.tm-xmas-detail .tm-info-bar > .tm-info-bar__advice {
    display: none !important;
}

/* --- kotvy nad popisem (#164) --- */
.tm-xmas-detail .tm-anchors__list {
    gap: 10px 36px;
}
.tm-xmas-detail .tm-anchors__link {
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
    color: #494949;
    text-decoration-color: #494949;
    text-underline-offset: 4px;
}
.tm-xmas-detail .tm-anchors__link:hover,
.tm-xmas-detail .tm-anchors__link:focus-visible,
.tm-xmas-detail .tm-anchors__link.is-active {
    color: #7A5C50;
    text-decoration-color: #7A5C50;
}

/* --- popis: nadpisy (#163), mezery mezi fotkami a řadami (#157, #165) --- */
.tm-xmas-detail #description h2 {
    font-family: var(--tm-font-nadpis) !important;
    font-weight: 900 !important;
    font-size: 38px !important;
    line-height: 42px !important;
    color: #7A5C50 !important;
    margin: 0 0 20px;
}
.tm-xmas-detail #description h2:not(:first-child) {
    margin-top: 32px;
}
.tm-xmas-detail #description p,
.tm-xmas-detail #description li {
    font-size: 17px;
    line-height: 24px;
    color: #000;
}
.tm-xmas-detail .popis-row {
    margin-bottom: 24px;
}
.tm-xmas-detail .popis-row .col-sm-6 img + img {
    margin-top: 30px;
}
@media (min-width: 768px) {
    .tm-xmas-detail .popis-row > [class*="col-"]:not(:has(img)) {
        padding: 40px 64px;
    }
}

/* --- mobil --- */
@media (max-width: 767px) {
    .tm-xmas-detail .p-detail-inner h1,
    .tm-xmas-detail .p-detail-inner-header-mobile .h1,
    .tm-xmas-detail #description h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .tm-xmas-detail .p-image .flags-default {
        top: 14px !important;
        left: 14px !important;
    }
    .tm-xmas-detail .popis-row .col-sm-6 img + img {
        margin-top: 16px;
    }
    .tm-xmas-detail .popis-row {
        margin-bottom: 16px;
    }
}