/* ============================================================
   Aradel Financial Calendar Widget
   File: /wp-content/mu-plugins/aradel-financial-calendar.css
   Scoped entirely to .ar-fin-cal
   Background is handled by the parent investor grid card.
   All text / icons / dividers are white.
   ============================================================ */

/* ── Container ── */
.ar-fin-cal {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.ar-fin-cal__inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    box-sizing: border-box;
}

/* ── Meta label ("FINANCIAL CALENDAR") ── */
.ar-fin-cal__meta {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

/* ── Event list ── */
.ar-fin-cal__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
}

/* ── Individual event item ── */
.ar-fin-cal__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 0;
}

.ar-fin-cal__item:first-child {
    padding-top: 0;
}

/* Past events are slightly dimmed */
.ar-fin-cal__item--past .ar-fin-cal__date,
.ar-fin-cal__item--past .ar-fin-cal__title {
    opacity: 0.55;
}

/* ── Date ── */
/* Synced: 13px / 300 / 1.25 / rgba(255,255,255,0.75) — matches .ar-rp__date */
.ar-fin-cal__date {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.25;
}

/* ── Title ── */
/* Synced: 20px / 600 — matches .ar-rp__title */
.ar-fin-cal__title {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.25;
}

/* ── ICS download link ── */
.ar-fin-cal__ics {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-decoration: none !important;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.ar-fin-cal__ics:hover,
.ar-fin-cal__ics:focus-visible {
    opacity: 1;
    text-decoration: none !important;
    outline: none;
}

.ar-fin-cal__ics-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.ar-fin-cal__ics-svg {
    display: block;
    width: 16px;
    height: 16px;
    stroke: currentColor;
}

/* ── Divider ── */
.ar-fin-cal__divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

/* ── Empty state ── */
.ar-fin-cal__empty {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.55);
    margin: 0;
}

/* ── Footer (see all link) ── */
.ar-fin-cal__footer {
    margin-top: auto;
}