/* entsiegeln.jetzt - Main Stylesheet */

:root {
    /* --- LOGO KONFIGURATION --- */
    --logo-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60" fill="none"><text x="10" y="40" font-family="sans-serif" font-weight="bold" font-size="30" fill="%23166534">Entsiegeln.jetzt</text><text x="10" y="55" font-family="sans-serif" font-size="10" fill="%2322c55e">Gemeinsam gegen Beton</text></svg>');
    --logo-width: 180px;
    --logo-height: 50px;

    /* --- FARBPALETTE --- */
    --color-primary: #16a34a;    /* nature-600 */
    --color-secondary: #22c55e;  /* nature-500 */
    --color-danger: #ef4444;     /* red-500 */
    --color-bg: #f9fafb;         /* gray-50 */
    --color-text: #1f2937;       /* gray-800 */

    /* --- UI PARAMS --- */
    --radius-card: 1rem;
    --radius-btn: 0.75rem;
    --header-height: 70px;
    --nav-height: 80px;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    -webkit-tap-highlight-color: transparent;
}

.app-logo {
    background-image: var(--logo-url);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: var(--logo-width);
    height: var(--logo-height);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid var(--color-primary);
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Map Picker Modal Styles */
#map-picker-overlay {
    z-index: 5000;
}

.leaflet-container {
    font-family: 'Inter', sans-serif;
}