/**
 * public-static.css
 * Ausgelagerte statische CSS-Regeln aus public/index.php
 * Enthält: Visibility-Klassen, Chatbot-Fix, Page-Transition-Fallback
 */

/* ============================================================
   1. VISIBILITY KLASSEN
   ============================================================ */
@media (min-width: 769px) {
    .hide-on-desktop { display: none !important; }
}
@media (max-width: 768px) {
    .hide-on-mobile { display: none !important; }
}

/* ============================================================
   2. CHATBOT LOADING CONTAINER VERSTECKEN
   ============================================================ */
div[id^="reussmedia-chatbot-"] > div:not([class]),
div[id^="reussmedia-chatbot-"] > div[style*="padding"],
div[id^="reussmedia-chatbot-"] > div[style*="text-align"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
div[id^="reussmedia-chatbot-"] iframe {
    display: block !important;
}

/* ============================================================
   3. PAGE TRANSITION FALLBACK
   ============================================================ */
.page-transition-curtain,
.page-transition-circle,
.page-transition-particles {
    z-index: 99999 !important;
    pointer-events: none !important;
}

/* ============================================================
   4. KLEINE ALLGEMEINE FIXES
   ============================================================ */
body { font-family: var(--global-font-primary, system-ui, sans-serif); }
h1, h2, h3, h4, h5, h6 { font-family: var(--global-font-primary, system-ui, sans-serif); }
.navbar-brand { font-weight: 600; }
.card { transition: transform 0.2s ease; }
.card:hover { transform: translateY(-2px); }
.content-text p { font-size: 1.1rem; line-height: 1.7; color: #666; }
footer { background: #2c3e50; color: white; }
input, textarea, select { caret-color: auto !important; }