/* ==========================================================================
   Medal Schedule Widget  |  Business Khana / Wentium
   Bare, compact, single-line rows. No card chrome (lives inside a container).
   Days and times share the exact same box style. Driven by CSS variables that
   Elementor Style controls override on the wrapper.
   ========================================================================== */

.msw-list {
    /* ----- design tokens (overridden by Elementor Style tab) ----- */
    --msw-num-bg:     #1d6e72;
    --msw-num-color:  #ffffff;
    --msw-num-size:   17px;
    --msw-day-bg:     #f1f2f4;
    --msw-day-color:  #33363f;
    --msw-time-bg:    #f1f2f4;
    --msw-time-color: #33363f;
    --msw-box-pad-y:  3px;
    --msw-box-pad-x:  8px;
    --msw-item-gap:   5px;
    --msw-row-gap:    6px;
    --msw-head-color: #1d6e72;
    --msw-head-gap:   4px;

    direction: rtl;
    text-align: right;
    font-family: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--msw-row-gap);
}

/* each row tries to stay on a single line; wraps only as a last resort */
.msw-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--msw-item-gap);
    margin: 0;
}

.msw-num {
    inline-size: var(--msw-num-size);
    block-size: var(--msw-num-size);
    border-radius: 50%;
    background: var(--msw-num-bg);
    color: var(--msw-num-color);
    font-size: calc(var(--msw-num-size) * 0.62);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

/* days and times: identical base box */
.msw-day,
.msw-time {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    padding: var(--msw-box-pad-y) var(--msw-box-pad-x);
    border-radius: 5px;
    white-space: nowrap;
}

.msw-day  { background: var(--msw-day-bg);  color: var(--msw-day-color); }
.msw-time { background: var(--msw-time-bg); color: var(--msw-time-color); }

/* a "day | time" pair kept together as one visual unit (pairs row type).
   Internal day↔time gap matches the normal item gap; spacing between pairs
   is handled by the row's flex gap, so no extra margin is needed. */
.msw-pair {
    display: inline-flex;
    align-items: center;
    gap: var(--msw-item-gap);
}

/* optional header labels above the rows */
.msw-head {
    display: flex;
    align-items: center;
    gap: var(--msw-item-gap);
    margin-bottom: var(--msw-head-gap);
    color: var(--msw-head-color);
    font-weight: 700;
    font-size: 13px;
    line-height: 1.35;
}

.msw-head-days,
.msw-head-times {
    padding: 0 var(--msw-box-pad-x);
}

/* editor-only hint */
.msw-empty {
    padding: 12px;
    text-align: center;
    color: #8a8d99;
    border: 1px dashed #d6d8e0;
    border-radius: 8px;
    font-size: 13px;
    direction: rtl;
}