/* wee Öffnungszeiten – nur Struktur. Farben, Schrift und Abstände kommen aus dem Theme. */

.wee-oz [hidden] { display: none !important; }

/* Status */
.wee-oz-status { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 .5em; }
.wee-oz-status[hidden] { display: none; }
.wee-oz-status__dot {
  width: .55em; height: .55em; border-radius: 50%; flex: none;
  background: var(--wee-oz-closed, #e44e56);
}
.wee-oz-status.is-open .wee-oz-status__dot {
  background: var(--wee-oz-open, #32d296);
  box-shadow: 0 0 0 .2em color-mix(in srgb, var(--wee-oz-open, #32d296) 25%, transparent);
}
.wee-oz-status__text { font-weight: 600; }

/* Schriftoptionen pro Teil (Element: Settings → Text „Jetzt geöffnet“ / Zusatz) */
.wee-oz-status .wee-oz-fw-300 { font-weight: 300; }
.wee-oz-status .wee-oz-fw-400 { font-weight: 400; }
.wee-oz-status .wee-oz-fw-500 { font-weight: 500; }
.wee-oz-status .wee-oz-fw-600 { font-weight: 600; }
.wee-oz-status .wee-oz-fw-700 { font-weight: 700; }
.wee-oz-status .wee-oz-tt-none { text-transform: none; }
.wee-oz-status .wee-oz-tt-uppercase { text-transform: uppercase; }
.wee-oz-status .wee-oz-tt-capitalize { text-transform: capitalize; }
.wee-oz-status .wee-oz-tt-lowercase { text-transform: lowercase; }
.wee-oz-status .wee-oz-status__text.has-color { color: var(--wee-oz-main-color) !important; }
.wee-oz-status .wee-oz-status__detail.has-color { color: var(--wee-oz-detail-color) !important; opacity: 1; }
.wee-oz-status .wee-oz-status__detail[class*="uk-text-"] { margin: 0; }
.wee-oz-status__detail { opacity: .75; }
.wee-oz-status__detail::before { content: "·"; margin-right: .5em; }
.wee-oz-status--label .wee-oz-status__dot { background: currentColor; box-shadow: none; }

/* Eigene Farben & Rundung (nur aktiv, wenn im Element bzw. Shortcode gesetzt) */
.wee-oz-status--text.is-tinted.is-open .wee-oz-status__text { color: var(--wee-oz-open, #32d296); }
.wee-oz-status--text.is-tinted.is-closed .wee-oz-status__text { color: var(--wee-oz-closed, #e44e56); }
.wee-oz-status--label.is-open.has-color-open { background-color: var(--wee-oz-open); }
.wee-oz-status--label.is-closed.has-color-closed { background-color: var(--wee-oz-closed); }
.wee-oz-status--label.has-color-text,
.wee-oz-status--label.has-color-text .wee-oz-status__text { color: var(--wee-oz-label-text); }
.wee-oz-status.has-radius { border-radius: var(--wee-oz-radius); }

/* Abgerundetes Label: seitlicher Innenabstand wächst mit dem Radius, damit der Text nicht an der Rundung klebt */
.wee-oz-status--label.has-radius { padding-left: max(.75em, calc(var(--wee-oz-radius) * .45)); padding-right: max(.75em, calc(var(--wee-oz-radius) * .45)); }

/* Größen: relativ zur Theme-Größe (Default), damit Small immer kleiner und Large immer größer ist */
.wee-oz-status--small > * { font-size: .82em; }
.wee-oz-status--large > * { font-size: 1.3em; }
.wee-oz-status--label.wee-oz-status--small { padding-top: 0; padding-bottom: 0; }
.wee-oz-status--label.wee-oz-status--large { padding-top: .3em; padding-bottom: .3em; }
.wee-oz-status--label.wee-oz-status--large.has-radius { padding-left: max(1em, calc(var(--wee-oz-radius) * .55)); padding-right: max(1em, calc(var(--wee-oz-radius) * .55)); }

/* Liste */
.wee-oz-hours__status { margin-bottom: 1em; }
.wee-oz-hours--columns .wee-oz-hours__row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 1.5em; }
.wee-oz-hours--stacked .wee-oz-hours__row > span { display: block; }
.wee-oz-hours__time { font-variant-numeric: tabular-nums; }
.wee-oz-hours__row--closed .wee-oz-hours__time { opacity: .6; }
.wee-oz-hours__row.is-today .wee-oz-hours__day,
.wee-oz-hours__row.is-today .wee-oz-hours__time { font-weight: 600; }
.wee-oz-hours__note { flex-basis: 100%; font-size: .875em; opacity: .75; }

.wee-oz-specials { margin-top: 1.5em; }
.wee-oz-specials__title { margin: 0 0 .5em; font-weight: 600; }

/* Hinweis-Popup */
.wee-oz-popup__item + .wee-oz-popup__item { margin-top: 1.25em; padding-top: 1.25em; border-top: 1px solid rgba(0, 0, 0, .1); }
.wee-oz-popup__note { margin: 0 0 .25em; font-weight: 600; }
.wee-oz-popup__date { margin: 0 0 .5em; }
.wee-oz-popup__text { margin: 0; }

/* Fallback-Fenster, falls kein UIkit vorhanden ist */
.wee-oz-popup--native { width: min(92vw, 520px); padding: 32px; border: 0; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.wee-oz-popup--native::backdrop { background: rgba(0, 0, 0, .55); }
.wee-oz-popup__title { margin: 0 0 .75em; font-size: 1.5em; line-height: 1.2; }
.wee-oz-popup__close { position: absolute; top: 10px; right: 12px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; opacity: .6; }
.wee-oz-popup__close:hover { opacity: 1; }
.wee-oz-popup__button { margin-top: 1.5em; padding: .7em 1.4em; border: 0; border-radius: 4px; background: #222; color: #fff; font: inherit; cursor: pointer; }

/* Panel-Rahmen (Element: Settings → Panel) */
.wee-oz-panel__title { margin-top: 0; }
.wee-oz-panel .wee-oz-hours > :first-child { margin-top: 0; }