/*
 * Kapitelo price component
 * ------------------------
 * Cena nahoře, promotions samostatně pod ní.
 */

.kp-price {
    --kp-price-gap: .55rem;
    --kp-price-muted-opacity: .55;
    --kp-price-soft-opacity: .78;

    line-height: 1.2;
}


/* =========================================================
   Hlavní cenový řádek
   ========================================================= */

.kp-price__base {
    font-size: .82rem;
    font-weight: 400;
    opacity: .38;

    text-decoration: line-through;
    text-decoration-thickness: 1px;

    white-space: nowrap;
}

.kp-price__base .kp-price__prefix {
    font-size: .9em;
    font-weight: 400;
}


.kp-price__final {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;

    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kp-price__final .kp-price__prefix {
    font-size: .42em;
    font-weight: 500;
    opacity: .58;

    margin-right: .18rem;
}


.kp-price__discount {
    padding: .2rem .42rem;

    border-radius: .45rem;
    background: rgba(0, 0, 0, .055);

    font-size: .74rem;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;
}
 
/* =========================================================
   Promotions
   ========================================================= */

.kp-price__promotions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;

    margin-top: .55rem;
    padding-left: .1rem;
}


.kp-price__promotion--text {
    font-size: .88rem;
    font-weight: 600;
    opacity: .72;

    white-space: nowrap;
}

.kp-price__promotion {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.kp-price__promotion--image {
    max-width: 9rem;
}


.kp-price__promotion-image {
    display: block;

    max-width: 100%;
    width: auto;
    height: 2.2rem;

    object-fit: contain;
}


/* =========================================================
   Full
   ========================================================= */

.kp-price--full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 0;
}


/* =========================================================
   Middle
   ========================================================= */

.kp-price--middle {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;

    gap: .45rem;
}


.kp-price--middle .kp-price__final {
    font-size: 1.18em;
}


/* =========================================================
   Small
   ========================================================= */

.kp-price--small {
    display: inline-flex;
    align-items: baseline;
}


.kp-price--small .kp-price__final {
    font-size: 1em;
}


/* =========================================================
   Urgency
   ========================================================= */

.kp-price__urgency {
    margin-top: .7rem;

    padding: .5rem .65rem;

    border: 1px solid currentColor;
    border-radius: .55rem;

    font-size: .82rem;
    font-weight: 700;

    opacity: .86;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 600px) {

    .kp-price__final {
        font-size: 1.45rem;
    }

    .kp-price__promotions {
        padding-left: 0;
        gap: .45rem;
    }

    .kp-price__promotion-image {
        height: 1.9rem;
    }

}