/* =========================================================
   INPLAYKALENDER – TAG-DARSTELLUNG
   ========================================================= */

.inplaykalender_tag {
    position: relative;
    text-align: center !important;
    vertical-align: top !important;
    font-size: 8px !important;
    line-height: 12px;
    background: none !important;
}

/* Alte Farbflächen vollständig entfernen */
.szenen,
.geburtstag,
.timeline,
.event,
.szenentimeline,
.szenengeburtstag,
.szenenevent,
.geburtstagtimeline,
.geburtstagevent,
.timelineevent,
.szenengeburtstagtimeline,
.szenengeburtstagevent,
.szenentimelineevent,
.geburtstagtimelineevent,
.szenengeburtstagtimelineevent {
    background: none !important;
}


/* =========================================================
   PUNKTE
   ========================================================= */

.inplaykalender_tag::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    margin: 4px auto 0;
    border-radius: 50%;
    background: transparent;
}


/* Szene */
.inplaykalender_tag.szenen::after {
    background: var(--accent-gold);
}

/* Plot */
.inplaykalender_tag.timeline::after {
    background: var(--accent-dark);
}

/* Event */
.inplaykalender_tag.event::after {
    background: var(--muted-tone);
}


/* =========================================================
   KOMBINATIONEN
   ========================================================= */

/* Szene + Plot */
.inplaykalender_tag.szenentimeline::after {
    background: var(--accent-gold);
    box-shadow: 7px 0 0 var(--accent-dark);
}

/* Szene + Event */
.inplaykalender_tag.szenenevent::after {
    background: var(--accent-gold);
    box-shadow: 7px 0 0 var(--muted-tone);
}

/* Plot + Event */
.inplaykalender_tag.timelineevent::after {
    background: var(--accent-dark);
    box-shadow: 7px 0 0 var(--muted-tone);
}

/* Szene + Plot + Event */
.inplaykalender_tag.szenentimelineevent::after {
    background: var(--accent-gold);
    box-shadow:
        7px 0 0 var(--accent-dark),
        14px 0 0 var(--muted-tone);
}


/* =========================================================
   GEBURTSTAG
   ========================================================= */

.inplaykalender_tag.geburtstag::after {
    background: var(--accent-parchment);
}

/* Szene + Geburtstag */
.inplaykalender_tag.szenengeburtstag::after {
    background: var(--accent-gold);
    box-shadow: 7px 0 0 var(--accent-parchment);
}

/* Plot + Geburtstag */
.inplaykalender_tag.geburtstagtimeline::after {
    background: var(--accent-parchment);
    box-shadow: 7px 0 0 var(--accent-dark);
}

/* Event + Geburtstag */
.inplaykalender_tag.geburtstagevent::after {
    background: var(--accent-parchment);
    box-shadow: 7px 0 0 var(--muted-tone);
}

/* Szene + Plot + Geburtstag */
.inplaykalender_tag.szenengeburtstagtimeline::after {
    background: var(--accent-parchment);
    box-shadow:
        7px 0 0 var(--accent-gold),
        14px 0 0 var(--accent-dark);
}

/* Szene + Event + Geburtstag */
.inplaykalender_tag.szenengeburtstagevent::after {
    background: var(--accent-parchment);
    box-shadow:
        7px 0 0 var(--accent-gold),
        14px 0 0 var(--muted-tone);
}

/* Szene + Plot + Event + Geburtstag */
.inplaykalender_tag.szenengeburtstagtimelineevent::after {
    background: var(--accent-parchment);
    box-shadow:
        7px 0 0 var(--accent-gold),
        14px 0 0 var(--accent-dark),
        21px 0 0 var(--muted-tone);
}


/* =========================================================
   MINI-KALENDER
   ========================================================= */

#mini-kalender {
    font-size: 7px;
}

#mini-kalender td {
    padding: 5px;
}

.inplaykalender-eventlist {
    max-height: 50px;
    overflow: auto;
    padding-right: 5px;
}


/* =========================================================
   TAGESZELLEN
   ========================================================= */

#mini-kalender .inplaykalender_tag.trow2,
.tborder .inplaykalender_tag.trow2  {
    border: 1px solid rgba(46, 43, 36, 0.18);
}


/* =========================================================
   INPLAYKALENDER – LEGENDE
   ========================================================= */

.inplaykalender-legend {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin: 12px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inplaykalender-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.legend-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex: 0 0 5px;
}

.legend-dot.legend-szene {
    background: var(--accent-gold);
}

.legend-dot.legend-plot {
    background: var(--accent-dark);
}

.legend-dot.legend-event {
    background: var(--muted-tone);
}


/* =========================================================
   INPLAYKALENDER – POPUP
   ========================================================= */

.modal {
    box-sizing: border-box;
    min-width: 320px;
    max-width: 500px;
    padding: 0;
    background: var(--base-color);
    color: var(--maincolor-text);
    border: 1px solid rgba(92, 72, 32, 0.55);
    box-shadow: 0 15px 40px rgba(46, 43, 36, 0.25);
}


/* Datum */
.modal .tcat {
    box-sizing: border-box;
    margin: 0;
    padding: 12px 15px;
    background: var(--accent-dust);
    color: var(--accent-dark);
    border-bottom: 1px solid rgba(138, 108, 58, 0.45);
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}


/* Bereiche */
.modal .thead {
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 8px 12px 8px 24px;
    background: transparent;
    color: var(--accent-dark);
    border-bottom: 1px solid rgba(46, 43, 36, 0.12);
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    line-height: 1.4;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* Punkte vor den drei Überschriften */
.modal .thead::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
}


/* Szene */
.modal .popup-szene::before {
    background: var(--accent-gold);
}

/* Plot */
.modal .popup-plot::before {
    background: var(--accent-dark);
}

/* Event */
.modal .popup-event::before {
    background: var(--muted-tone);
}


/* Inhalt */
.inplaykalender-popup-plays {
    box-sizing: border-box;
    padding: 8px 12px;
    background: var(--base-color);
    color: var(--maincolor-text);
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    line-height: 1.6;
    text-transform: uppercase;
}


/* Leere Bereiche */
.inplaykalender-popup-plays:empty {
    display: none;
}


/* Links */
.inplaykalender-popup-plays a {
    color: var(--accent-dark);
    text-decoration: none;
}

.inplaykalender-popup-plays a:hover {
    color: var(--accent-gold);
}