/* ==========================================================================
   Molecule: Period Item
   ========================================================================== */

.saha-period-item {
    font-family: var(--saha-font-primary);
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

/* --- Variant: date-range (grey, 14px) --- */

.saha-period-item--date-range {
    font-size: 14px;
    line-height: 21px;
    color: var(--saha-color-text-secondary);
}

/* --- Variant: period-range (grey, 14px, uppercase) --- */

.saha-period-item--period-range {
    font-size: 14px;
    line-height: 21px;
    color: var(--saha-color-text-secondary);
    text-transform: uppercase;
}

/* --- Variant: single-date (dark, 13px) --- */

.saha-period-item--single-date {
    font-size: 13px;
    line-height: 21px;
    color: var(--saha-color-text-primary);
}

/* --- Variant: date-range-large (dark, 22px) --- */

.saha-period-item--date-range-large {
    font-size: 22px;
    line-height: normal;
    color: var(--saha-color-text-primary);
}

/* --- Responsive: Mobile --- */

@media (max-width: 639px) {
    .saha-period-item--date-range-large {
        font-size: 18px;
    }
}