/* ============================================
   LA MIDNIGHT - MODALS & POPUPS

   Basis-Styles fuer MyBB Modals, Popup-Menues
   und jGrowl Benachrichtigungen.
   ============================================ */

/* --- Modal-Fenster --- */
.modal {
    background: var(--bg-card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

/* Modal-Header nutzt .thead Klasse */
.modal .thead {
    background: var(--bg-alt);
}

/* --- jGrowl Toast-Benachrichtigungen --- */
/* !important noetig weil jGrowl eigene Inline-Styles setzt */
.jGrowl-notification {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-left: 3px solid var(--accent) !important;
    color: var(--text) !important;
    font-family: var(--font-mono) !important;
    font-size: 0.75rem !important;
}

/* ============================================
   POPUP-MENUS
   Wird vom MyBB popupMenu() JavaScript aktiviert –
   z.B. beim Klick auf den Edit-Button im Postbit:
   "Inlinebearbeitung / Zum Editor / Moderate"

   Das HTML kommt mit style="display:none", JS toggled
   das auf display:block und positioniert absolut.
   Wenn hier kein BG/Border definiert ist, ist das Popup
   zwar im DOM sichtbar aber visuell unsichtbar.
   ============================================ */

.popup_menu {
    /* Pflicht: position absolute – sonst wird das Popup im Postbit zu einem
       Flex-Item (Container .lam-post__buttons ist display:flex) und landet
       am Flex-Ende statt unter dem Trigger. JS setzt zwar top/left als
       inline-style, aber wenn position nicht absolute ist, ignoriert der
       Browser die Werte. */
    position: absolute;
    /* Brutalist-Card: dunkler Hintergrund, harte 1px Linie */
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow);
    /* Hoch genug um über Postbit/Header/Sidebar zu liegen */
    z-index: 1000;
    /* Mono-Optik für die Dropdown-Optionen (analog zu Mono-Labels) */
    font-family: var(--font-mono);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0;
    min-width: 160px;
}

/* Einzelner Container je Menü-Eintrag */
.popup_menu .popup_item_container {
    /* Trennlinie zwischen Einträgen */
    border-bottom: 1px solid var(--border-light);
}

.popup_menu .popup_item_container:last-child {
    border-bottom: 0;
}

/* Der eigentliche Link / Button im Menü */
.popup_menu .popup_item {
    display: block;
    padding: var(--space-sm) var(--space-md);
    color: var(--text);
    text-decoration: none;
    white-space: nowrap;
    transition: var(--transition);
}

/* Hover: dezenter Akzent-Schimmer (gleiche Sprache wie Hero-Cards) */
.popup_menu .popup_item:hover {
    background: rgba(255, 68, 34, 0.05);
    color: var(--accent);
}

/* Light-Theme: Hover etwas stärker, damit auf hellem Grund sichtbar */
[data-theme="light"] .popup_menu .popup_item:hover {
    background: rgba(255, 68, 34, 0.08);
}