/* ============================================================
   DZ CENÍK – FINÁLNÍ TYPOGRAFICKÁ OPRAVA v3
   ============================================================ */


/* ============================================================
   1. HORNÍ MODRÝ BOX – 9–20 tis.
   ============================================================ */

/*
   Aktuální HTML stále obsahuje přímý:
   <strong>9–20 tis.</strong>

   Takže ho prostě vykreslíme pořádně velký.
*/

.dz-pricing-range > strong {
    position: relative !important;
    z-index: 5 !important;

    display: block !important;

    width: auto !important;

    margin:
        0
        0
        10px !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:
        clamp(3.2rem, 4.2vw, 4.35rem) !important;

    font-weight:
        800 !important;

    line-height:
        .92 !important;

    letter-spacing:
        -.055em !important;

    white-space:
        nowrap !important;
}


/*
   Popisek pod cenou.
*/

.dz-pricing-range > strong + span {
    position: relative !important;
    z-index: 5 !important;

    display: block !important;

    margin-top:
        12px !important;

    color:
        #9ed6ff !important;

    font-size:
        .93rem !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;
}



/* ============================================================
   Pokud už Twig obsahuje NOVOU variantu amount,
   funguje správně také.
   ============================================================ */

.dz-pricing-range__amount {
    position: relative !important;
    z-index: 5 !important;

    display: flex !important;

    flex-wrap:
        nowrap !important;

    align-items:
        center !important;

    gap:
        9px !important;

    margin:
        0
        0
        10px !important;

    white-space:
        nowrap !important;
}


.dz-pricing-range__amount strong {
    display: block !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size:
        clamp(3.2rem, 4.2vw, 4.35rem) !important;

    font-weight:
        800 !important;

    line-height:
        .92 !important;

    letter-spacing:
        -.055em !important;

    white-space:
        nowrap !important;
}


.dz-pricing-range__amount .dz-pricing-range__dash {
    display: block !important;

    flex:
        0 0
        25px !important;

    width:
        25px !important;

    height:
        3px !important;

    margin:
        0
        1px !important;

    padding:
        0 !important;

    border-radius:
        999px !important;

    background:
        rgba(255,255,255,.85) !important;

    font-size:
        0 !important;

    line-height:
        0 !important;

    transform:
        none !important;
}


.dz-pricing-range__thousands {
    display: block !important;

    margin:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(1.45rem, 2vw, 1.9rem) !important;

    font-weight:
        750 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;
}



/* ============================================================
   2. CENOVKY V BALÍČCÍCH
   ============================================================ */

/*
   Celou cenovku zarovnáme GEOMETRICKY na střed.
   Žádná baseline.
*/

.dz-price-card__price {
    display:
        flex !important;

    flex-wrap:
        nowrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    column-gap:
        9px !important;

    row-gap:
        0 !important;

    min-height:
        42px !important;

    margin-bottom:
        25px !important;

    white-space:
        nowrap !important;
}



/* "OD" */

.dz-price-card__price > span:first-child {
    display:
        block !important;

    align-self:
        center !important;

    margin:
        0
        1px
        0
        0 !important;

    padding:
        0 !important;

    color:
        #8492a2 !important;

    font-size:
        .70rem !important;

    font-weight:
        750 !important;

    line-height:
        1 !important;

    transform:
        none !important;
}



/* samotná cena */

.dz-price-card__price strong {
    display:
        block !important;

    align-self:
        center !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #1456a0 !important;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:
        clamp(1.58rem, 2.25vw, 2.1rem) !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        -.035em !important;

    white-space:
        nowrap !important;

    transform:
        none !important;
}



/* ============================================================
   3. POMLČKA – ZNAK ÚPLNĚ SCHOVÁME
   A UDĚLÁME Z NÍ FYZICKOU CSS ČÁRU
   ============================================================ */

.dz-price-card__separator {
    position:
        relative !important;

    display:
        block !important;

    flex:
        0 0
        19px !important;

    align-self:
        center !important;

    width:
        19px !important;

    height:
        2px !important;

    margin:
        0
        2px !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        #899aab !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    font-weight:
        0 !important;

    line-height:
        0 !important;

    letter-spacing:
        0 !important;

    text-indent:
        -9999px !important;

    vertical-align:
        middle !important;

    transform:
        none !important;
}



/* ============================================================
   4. NEDĚLIT CENY
   ============================================================ */

.dz-price-card__price strong,
.dz-management-card__price strong,
.dz-hourly-card__price strong,
.dz-pricing-range > strong {
    white-space:
        nowrap !important;

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

    hyphens:
        none !important;
}



/* ============================================================
   MOBIL
   ============================================================ */

@media (max-width: 520px) {

    .dz-pricing-range > strong {
        font-size:
            clamp(2.8rem, 13vw, 4rem) !important;
    }


    .dz-price-card__price {
        column-gap:
            6px !important;
    }


    .dz-price-card__price strong {
        font-size:
            clamp(1.35rem, 6.5vw, 1.85rem) !important;
    }


    .dz-price-card__separator {
        flex-basis:
            15px !important;

        width:
            15px !important;
    }

}



/* ============================================================
   CENÍK – "OD" ZAROVNAT NA ÚČAŘÍ CENY
   ============================================================ */

/*
   Textové prvky se zarovnají podle typografické baseline.
   Díky tomu bude malé "OD" stát dole u velké částky.
*/

.dz-price-card__price {
    align-items: baseline !important;
}


/* OD */

.dz-price-card__price > span:first-child {
    align-self: baseline !important;

    margin:
        0
        1px
        0
        0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    transform: none !important;
}


/* Obě ceny */

.dz-price-card__price strong {
    align-self: baseline !important;

    line-height: 1 !important;
}


/*
   Grafická pomlčka baseline nepoužívá.
   Tu chceme pořád geometricky uprostřed cen.
*/

.dz-price-card__separator {
    align-self: center !important;
}