/* =====================================================
   DÁMSKÉ LYŽE – BAREVNÉ ÚPRAVY
   Kategorie: id-725, id-1058
===================================================== */


/* =====================================================
   ODKAZY – HOVER
===================================================== */

body:is(.id-725, .id-1058).type-product a:hover {
    color: #2cb9bb !important;
}


/* =====================================================
   ZÁLOŽKY
===================================================== */

body:is(.id-725, .id-1058).type-product .shp-tabs li {
    flex: 1 1 200px;
    text-align: center;
    min-width: 0;
}


body:is(.id-725, .id-1058).type-product .shp-tabs a {
    display: block;
    width: 100%;

    background-color: #d5f1f1 !important;
    color: #2cb9bb !important;

    border-top: 1px solid #fde1ea !important;

    font-size: 1.75rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;

    padding: 1.5rem 2.5rem !important;
    border-radius: 2rem !important;

    transition: 0.5s ease !important;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =====================================================
   ZÁLOŽKY – HOVER
===================================================== */

body:is(.id-725, .id-1058).type-product .shp-tabs a:hover {
    background-color: #fde1ea !important;
    border-top: 1px solid #fde1ea !important;
    border-radius: 2rem;
    color: #d81b60 !important;
}


/* =====================================================
   ZÁLOŽKY – AKTIVNÍ
===================================================== */

body:is(.id-725, .id-1058).type-product .active .shp-tab-link,
body:is(.id-725, .id-1058).type-product .shp-tabs a.active {
    background-color: #fde1ea !important;
    border-top: 1px solid #fde1ea !important;
    color: #d81b60 !important;
}


/* =====================================================
   ZÁLOŽKY – MOBIL
===================================================== */

@media (max-width: 768px) {

    body:is(.id-725, .id-1058).type-product
    #content .shp-tabs-row .shp-tabs-holder ul.shp-tabs {
        padding: 1rem;
        gap: 0.5rem;
        flex-wrap: nowrap;
    }


    body:is(.id-725, .id-1058).type-product .shp-tabs li {
        flex: 1 1 0;
        min-width: 0;
    }


    body:is(.id-725, .id-1058).type-product .shp-tabs a {
        font-size: clamp(1.5rem, 3vw, 1.5rem);
        padding: 1rem 0.5rem !important;
        border-radius: 1.2rem !important;
    }

}


/* =====================================================
   VIZITKY / TESTER – OBRÁZKY
===================================================== */

body:is(.id-725, .id-1058).type-product .vizitka img,
body:is(.id-725, .id-1058).type-product .vt-tester-card img {
    outline: 0.25rem solid #d81b60 !important;
    outline-offset: 0rem;
}


/* =====================================================
   FORMULÁŘOVÉ TLAČÍTKO
===================================================== */

body:is(.id-725, .id-1058).type-product
.btn.btn-conversion.dklabFormsButton {
    background-color: #2cb9bb !important;
    color: #f9fdfe !important;
    border: 1px solid #2cb9bb !important;

    transition: 0.3s ease !important;
}


/* =====================================================
   FORMULÁŘOVÉ TLAČÍTKO – HOVER
===================================================== */

body:is(.id-725, .id-1058).type-product
.btn.btn-conversion.dklabFormsButton:hover {
    background-color: #fde1ea !important;
    color: #d81b60 !important;
    border: 1px solid #fde1ea !important;
}


/* =====================================================
   FORMULÁŘOVÉ TLAČÍTKO – ACTIVE
===================================================== */

body:is(.id-725, .id-1058).type-product
.btn.btn-conversion.dklabFormsButton.active,

body:is(.id-725, .id-1058).type-product
.btn.btn-conversion.dklabFormsButton:active {
    background-color: #fde1ea !important;
    color: #d81b60 !important;
    border: 1px solid #fde1ea !important;
}


/* =====================================================
   TESTER CARD – SPODNÍ GRADIENT
===================================================== */

body:is(.id-725, .id-1058).type-product
.vt-tester-card::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 90px;

    background: linear-gradient(
        to top,
        #fde1ea 10%,
        rgba(253, 225, 234, 0.7) 50%,
        transparent 100%
    );

    pointer-events: none;

    z-index: 10;

    transform: translateZ(0);
}


/* =====================================================
   TESTER CARD – DESKTOP
===================================================== */

@media (min-width: 769px) {

    .tester-card::after,
    .vt-tester-card::after {
        display: none;
    }

}


/* =====================================================
   SCROLL HINT
===================================================== */

body:is(.id-725, .id-1058).type-product .scroll-hint {
    color: #2cb9bb;
}


body:is(.id-725, .id-1058).type-product .scroll-hint::after {
    color: #2cb9bb;
}


/* =====================================================
   CENÍK TESTCENTRA – DÁMSKÉ KATEGORIE

   Standardně je druhý řádek ceníku modrý.
   U dámských lyží bude růžový.
===================================================== */

body:is(.id-725, .id-1058).type-product
.vt-cenik-table-scroll tr:nth-child(2) td {
    background: #fde1ea !important;
    color: #0d2328;
    font-weight: normal;
}