/**
 * ═══════════════════════════════════════════════════
 * AdCompliance – Eigene CSS-Ergänzungen
 * Ergänzt Tailwind um projektspezifische Stile
 * ═══════════════════════════════════════════════════
 */

/* ─── CSS-Variablen (werden dynamisch per Tenant überschrieben) ─── */
:root {
    --brand-primary: #2c3e50;
    --brand-secondary: #3498db;
}

/* ─── Sanfte Animationen ─── */
* {
    scroll-behavior: smooth;
}

/* ─── Formular-Fokus mit Brand-Farbe ─── */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--brand-secondary) !important;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}

/* ─── Ladeanzeige ─── */
.loading-spinner {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ─── Print-Styles für Transparenzseite ─── */
@media print {
    header, footer, nav, .no-print {
        display: none !important;
    }

    main {
        padding: 0 !important;
    }

    body {
        background: white !important;
        font-size: 12pt;
    }
}