/*
Theme Name: Repair FFM (Block)
Author: repair.ffm
Description: Datensparsames, tracking-freies Block-Theme fuer das ehrenamtliche Repair-Cafe-Buchungsportal. Voll ueber den WordPress-Site-Editor bearbeitbar. Keine externen Ressourcen, keine Cookies, keine Tracker.
Version: 2.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: repairffm-block
*/

:root{
  --green:#2f7d4f;
  --green-dark:#1f5a38;
  --green-soft:#e8f1eb;
  --sand:#f6f4ee;
  --ink:#1c2a22;
  --muted:#5b6b62;
  --line:#dfe4e0;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 6px 24px rgba(20,50,35,.10);
}

img{max-width:100%;height:auto}

/* zentraler Inhalts-Wrapper wie im alten Theme */
.wrap{max-width:1040px;margin:0 auto;padding-left:20px;padding-right:20px}

/* ---------- Header ---------- */
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-wrap{min-height:70px;gap:16px}
.brand{gap:12px}
/* Logo-Bild (Site-Logo) statt R-Kasten */
.brand .wp-block-site-logo{margin:0}
.brand .wp-block-site-logo img{width:44px;height:44px;border-radius:10px;object-fit:contain;display:block}
/* Fallback: falls noch kein Logo hochgeladen ist, den alten R-Kasten weiter unterstuetzen */
.brand .logo{margin:0;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}
.brand-text{gap:0}
.brand-text .wp-block-site-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px;line-height:1.1}
.brand-text .wp-block-site-title a{color:var(--ink);text-decoration:none}
.brand-tag{margin:0;color:var(--muted);font-size:12.5px}

/* Navigation als Buttons-Reihe */
.nav{gap:6px}
.nav .navlink .wp-block-button__link{background:transparent;color:var(--ink);padding:8px 12px;font-weight:600;font-size:15px;border-radius:9px}
.nav .navlink .wp-block-button__link:hover{background:var(--green-soft);color:var(--ink)}

/* ---------- Hero ---------- */
.hero h1{margin:0 0 14px}
.hero .lead{font-size:20px;color:var(--muted);max-width:640px;margin:0 0 28px}
.hero .pills{margin-top:22px;gap:10px}
.hero .pill{margin:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--green-dark)}
.big .wp-block-button__link{padding:17px 34px;font-size:19px}

/* ---------- Karten / Sektionen ---------- */
.section-block h2{margin:0 0 8px}
.section-block .sub{color:var(--muted);margin:0 0 8px;font-size:18px}
.card{height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.card .ic{font-size:28px;margin:0 0 10px}
.card h3{margin:0 0 6px;font-size:19px}
.card p{margin:0;color:var(--muted);font-size:15.5px}
.split-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.panel h3{margin-top:0}

/* ---------- Inhaltsseiten ---------- */
.page-body{background:#fff;min-height:40vh}
.page-body h1{margin:0 0 18px}
.page-body h2{margin:32px 0 10px}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:#cdd8d1}
.footer-wrap{gap:20px}
.site-footer a{color:#fff}
.site-footer .footer-links{margin:.5em 0 0}
.site-footer .note{font-size:13.5px;color:#9db0a6;max-width:420px;margin:0}
.site-footer .badge{display:inline-block;background:#2b3d33;color:#bfe6cf;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;margin-top:10px}

@media(max-width:820px){
  .header-wrap{flex-wrap:wrap}
  .nav{width:100%;justify-content:flex-start}
}

@media (max-width: 600px) {
    .wp-block-navigation-item a,
    .wp-block-navigation-item__content {
        padding: 10px 16px !important;
        line-height: 1.3 !important;
        min-height: 0 !important;
    }
    .btn {
        padding: 12px 22px !important;
        font-size: 16px !important;
    }
}