/* ==============================================================================
   EasyZeitung.de — Classic European Broadsheet Stylesheet (Die Zeit / FAZ Aesthetic)
   Headlines & Titles: Newsreader (Classic Newspaper Optical Typeface)
   Reading & Articles: Lora (Warm Calligraphic Editorial Serif)
   UI Controls & Badges: Inter (Clean Modern Grotesque)
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400..800;1,6..72,400..700&display=swap');

:root {
    --bg-main: #FFFFFF;
    --text-primary: #111827;
    --text-secondary: #374151;
    --text-muted: #6B7280;
    --border-light: #F3F4F6;
    --border-subtle: #E5E7EB;
}

body {
    background-color: var(--bg-main);
    color: var(--text-primary);
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Classic Newspaper Headlines (Die Zeit / FAZ style) */
h1, h2, h3, h4, .font-headline, .article-dynamic-title, #article-title {
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif !important;
    font-feature-settings: "kern" 1, "liga" 1;
    letter-spacing: -0.015em;
}

/* Article Reading View with classic editorial rhythm */
.article-reading-content {
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
    line-height: 1.85;
    font-size: 1.125rem;
    color: #1F2937;
    letter-spacing: -0.005em;
}

.article-reading-content p {
    margin-bottom: 1.5rem;
}

/* News Article Card Summaries */
.article-dynamic-summary {
    font-family: 'Lora', Georgia, serif;
    line-height: 1.6;
}

/* UI Controls, Navigation, Badges, Level Pills, Footer Meta remain in crisp Sans */
.home-level-pill, 
nav, 
button, 
input, 
select, 
textarea,
.text-xs, 
.text-\[10px\], 
.text-\[11px\],
#global-level-selector,
.level-title,
.level-sub,
#cookie-consent-banner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Hide horizontal scrollbar for clean category navigation */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Smooth scaling on hover for cards */
.scale-102:hover {
    transform: scale(1.02);
}

.scale-103:hover {
    transform: scale(1.03);
}

/* Cookie consent animation */
.banner-slide-up {
    animation: slideUp 0.3s ease-out forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}