/*
Theme Name: Mein Leben und meine Aktivitäten
Theme URI: https://example.com/mein-leben-und-meine-aktivitaeten
Author: Milaim Halimi Mesamali
Author URI: https://example.com
Description: Private Homepage Theme (Weiß & Dunkelblau), zweisprachig (Deutsch & Albanisch) mit Sprachumschalter.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8.3
Requires PHP: 7.4
Text Domain: mlva
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, custom-logo, custom-menu, translation-ready
*/

/* Basis-Layout */
:root{
  --mlva-blue:#0F3D7A;
  --mlva-blue-dark:#0B2E5B;
  --mlva-blue-light:#E8F0FF;
  --mlva-text:#111827;
  --mlva-bg:#ffffff;
}

html,body{margin:0;padding:0;background:var(--mlva-bg);color:var(--mlva-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.6;}

a{color:var(--mlva-blue);text-decoration:none}
a:hover{text-decoration:underline}

.site-header{background:linear-gradient(135deg,var(--mlva-blue-dark),var(--mlva-blue));color:white;padding:48px 24px;text-align:center}
.site-header .title{font-size:clamp(28px,5vw,44px);font-weight:800;margin:0}
.site-header .subtitle{font-size:clamp(14px,2.4vw,18px);opacity:.95;margin-top:8px}

.lang-switch{margin-top:16px;display:flex;gap:8px;justify-content:center}
.lang-switch a{background:white;color:var(--mlva-blue-dark);padding:6px 10px;border-radius:999px;font-weight:600}
.lang-switch a.active{background:#dce7ff}

.nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:16px 0 0}
.nav a{color:white;opacity:.95}
.nav a:hover{opacity:1;text-decoration:underline}

.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(0,0,0,.04);margin:16px 0}

.site-footer{padding:32px;text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:40px}
.small{font-size:12px;color:#6b7280}
.hero-logo{width:56px;height:56px;margin:0 auto 16px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.primary-btn{display:inline-block;background:var(--mlva-blue);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700}
.primary-btn:hover{background:var(--mlva-blue-dark);text-decoration:none}

/* Gutenberg tweaks */
.wp-block{max-width:900px}