/* ==============================
 * Working Hours – Base
 * ============================== */

.srd-working-hours {
    font-size: 16px;
    color: #202124;
    max-width: 420px;
}

/* ==============================
 * Loading indicator
 * ============================== */

.srd-wh-loading {
    font-size: 13px;
    color: #5f6368;
    margin-top: 4px;
}

.srd-working-hours.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

.srd-working-hours.is-loading .srd-wh-location-select {
    pointer-events: none;
}

/* ==============================
 * Today Summary
 * ============================== */

.srd-working-hours .srd-wh-today {
    --horizontal-gap: 10px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    column-gap: var(--horizontal-gap);
    line-height: 1.4;
}

.srd-working-hours .srd-wh-label {
    font-weight: 500;
    color: #5f6368;
}

.srd-working-hours .srd-wh-today .srd-wh-today-text-wrap {
   font-size: 15px;
   font-weight: 500;
}

.srd-working-hours .srd-wh-today-text .srd-wh-next, .srd-working-hours .srd-wh-today-text .srd-wh-separator {
    color: #444;
}

/* Expand button */
.srd-working-hours .srd-wh-expand {
    width: 0;
    height: 0;
    margin: 5px 0 5px 10px;
    display: inline-block;
    border-color: red transparent;
    border-width: 6px 6px 0;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;
}

/* ==============================
 * Weekly Hours
 * ============================== */

.srd-working-hours .srd-wh-weekly {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.srd-working-hours .srd-wh-weekly-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.srd-working-hours .srd-wh-weekly .srd-wh-weekly-list .srd-wh-day {
    --vertical-gap: 20px;
    --horizontal-gap: 8px;
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 15px;
}

.srd-working-hours .srd-wh-day-label {

}

.srd-working-hours .srd-wh-day-hours {
    font-weight: 500;
}

.srd-working-hours .srd-wh-weekly-list .srd-wh-day .srd-wh-day-hours>span {
    display: block;
    text-align: right;
}

.srd-working-hours .srd-wh-weekly-list .srd-state-holiday_special, .srd-working-hours .srd-wh-weekly-list .srd-state-holiday_closed, .srd-working-hours .srd-wh-weekly-list .srd-state-holiday_vary {
   margin-bottom: 10px;
}

.srd-working-hours .srd-wh-weekly .srd-state-holiday_vary .srd-wh-hours {
   font-size: 13px;
}

/* ==============================
 * Today Highlight
 * ============================== */

.srd-working-hours .srd-wh-day.is-today .srd-wh-day-label,
.srd-working-hours .srd-wh-day.is-today .srd-wh-day-hours {
    font-weight: 600;
}

/* ==============================
 * States
 * ============================== */

.srd-working-hours .srd-state-open {
    color: #073d7e;
}

.srd-working-hours .srd-state-closed {
    color: #d54d44;
}

.srd-working-hours .srd-state-break {
    color: #f29900;
}

.srd-working-hours .srd-state-holiday_closed {
    color: #d54d44;
}

.srd-working-hours .srd-state-holiday_special {
    color: #08840d;
}

.srd-working-hours .srd-state-holiday_vary {
    color: #8065d9;
}

/* ==============================
 * Responsive
 * ============================== */

@media (max-width: 480px) {
    .srd-working-hours {
        font-size: 15px;
    }

    .srd-working-hours .srd-wh-weekly .srd-wh-weekly-list .srd-wh-day {
        font-size: 15px;
    }
}