/* LOOVIE FRONTEND AVAILABILITY CALENDAR CONTRAST V1 */

html.loovie-availability-calendar-contrast-v1 {
    --loovie-calendar-ink: #17233f;
    --loovie-calendar-muted: #667085;
    --loovie-calendar-border: rgba(23, 35, 63, .18);
    --loovie-calendar-available-bg: #e5f7ed;
    --loovie-calendar-available-text: #117846;
    --loovie-calendar-limited-bg: #fff1cc;
    --loovie-calendar-limited-text: #955f00;
    --loovie-calendar-full-bg: #ffe1e5;
    --loovie-calendar-full-text: #b4233c;
    --loovie-calendar-unavailable-bg: #eef1f5;
    --loovie-calendar-unavailable-text: #667085;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-status-v1 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 5px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-status-available-v1 {
    background: var(--loovie-calendar-available-bg) !important;
    border-color: rgba(17, 120, 70, .16) !important;
    color: var(--loovie-calendar-available-text) !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-status-limited-v1 {
    background: var(--loovie-calendar-limited-bg) !important;
    border-color: rgba(149, 95, 0, .18) !important;
    color: var(--loovie-calendar-limited-text) !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-status-full-v1 {
    background: var(--loovie-calendar-full-bg) !important;
    border-color: rgba(180, 35, 60, .18) !important;
    color: var(--loovie-calendar-full-text) !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-status-unavailable-v1 {
    background: var(--loovie-calendar-unavailable-bg) !important;
    border-color: rgba(102, 112, 133, .16) !important;
    color: var(--loovie-calendar-unavailable-text) !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-description-v1 {
    color: #53617a !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-day-number-v1 {
    color: var(--loovie-calendar-ink) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-outside-month-v1
.loovie-calendar-day-number-v1 {
    color: #98a2b3 !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-outside-month-v1
.loovie-calendar-description-v1 {
    color: #7f8aa0 !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-outside-month-v1
.loovie-calendar-status-v1 {
    opacity: .78 !important;
}

html.loovie-availability-calendar-contrast-v1
.loovie-calendar-legend-v1 {
    color: #344054 !important;
    opacity: 1 !important;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1 {
    --loovie-calendar-ink: #f8fafc;
    --loovie-calendar-muted: #cbd5e1;
    --loovie-calendar-border: rgba(255, 255, 255, .22);
    --loovie-calendar-available-bg: rgba(34, 197, 94, .18);
    --loovie-calendar-available-text: #86efac;
    --loovie-calendar-limited-bg: rgba(245, 158, 11, .18);
    --loovie-calendar-limited-text: #fbbf24;
    --loovie-calendar-full-bg: rgba(239, 68, 68, .18);
    --loovie-calendar-full-text: #fda4af;
    --loovie-calendar-unavailable-bg: rgba(148, 163, 184, .17);
    --loovie-calendar-unavailable-text: #dbe3ef;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1
.loovie-calendar-description-v1,
body:is(
    .dark,
    .dark-mode,
    [data-theme="dark"],
    [data-bs-theme="dark"]
)
.loovie-calendar-description-v1 {
    color: #d7dfeb !important;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1
.loovie-calendar-day-number-v1,
body:is(
    .dark,
    .dark-mode,
    [data-theme="dark"],
    [data-bs-theme="dark"]
)
.loovie-calendar-day-number-v1 {
    color: #f8fafc !important;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1
.loovie-calendar-outside-month-v1
.loovie-calendar-day-number-v1,
body:is(
    .dark,
    .dark-mode,
    [data-theme="dark"],
    [data-bs-theme="dark"]
)
.loovie-calendar-outside-month-v1
.loovie-calendar-day-number-v1 {
    color: #9fb0c7 !important;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1
.loovie-calendar-outside-month-v1
.loovie-calendar-description-v1,
body:is(
    .dark,
    .dark-mode,
    [data-theme="dark"],
    [data-bs-theme="dark"]
)
.loovie-calendar-outside-month-v1
.loovie-calendar-description-v1 {
    color: #aebbd0 !important;
}

:is(
    html[data-theme="dark"],
    html[data-bs-theme="dark"],
    html.dark,
    html.dark-mode
).loovie-availability-calendar-contrast-v1
.loovie-calendar-legend-v1,
body:is(
    .dark,
    .dark-mode,
    [data-theme="dark"],
    [data-bs-theme="dark"]
)
.loovie-calendar-legend-v1 {
    color: #dbe3ef !important;
}

@media (max-width: 767.98px) {
    html.loovie-availability-calendar-contrast-v1
    .loovie-calendar-status-v1 {
        min-height: 25px !important;
        padding: 4px 9px !important;
        font-size: 11px !important;
    }
}
