/*
Theme Name: Arberger Mühle – Kultur & Denkmal
Theme URI: https://neu.arberger-muehle.de/
Author: OpenAI
Description: Eigenständiges WordPress-Theme für die historische Arberger Mühle und Kulturveranstaltungen.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: arberger-muehle
*/

:root{
  --paper:#f4efe5; --paper-2:#fbf8f1; --ink:#2d2a24;
  --brown:#5b402b; --brown-dark:#3c2a1d; --green:#4f5b45;
  --gold:#b18a4a; --line:#d8cbb8; --white:#fffdf8;
  --shadow:0 12px 35px rgba(48,37,24,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--brown-dark);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.15;color:var(--brown-dark)}
h1{font-size:clamp(2.6rem,6vw,5.2rem);margin:.2em 0}
h2{font-size:clamp(2rem,4vw,3.1rem);margin:.2em 0 .5em}
h3{font-size:1.45rem}
.container{width:min(1120px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,241,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:700;font-size:1.2rem;color:var(--brown-dark)}
.brand-mark{width:42px;height:42px;border:2px solid var(--brown);border-radius:50%;display:grid;place-items:center;font-size:1.3rem}
.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}
.primary-menu{display:flex;list-style:none;margin:0;padding:0;gap:22px}
.primary-menu a{font-weight:650;font-size:.95rem}
.hero{min-height:650px;display:grid;align-items:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(38,27,18,.78),rgba(38,27,18,.38)),
url('assets/hero-placeholder.svg') center/cover}
.hero-content{color:#fff;max-width:760px;padding:90px 0}
.hero h1,.hero h2{color:#fff}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:var(--gold)}
.hero .lead{font-size:1.25rem;max-width:680px}
.button{display:inline-block;padding:12px 19px;border-radius:3px;background:var(--brown);color:#fff;font-weight:700;border:1px solid var(--brown)}
.button:hover{text-decoration:none;background:var(--brown-dark)}
.button.alt{background:transparent;border-color:#fff}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.section{padding:78px 0}
.section.alt{background:var(--paper-2)}
.section-heading{max-width:760px;margin-bottom:34px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}
.card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}
.card h3{margin-top:0}
.event-card{position:relative;padding-top:58px}
.event-date{position:absolute;left:20px;top:20px;background:var(--green);color:#fff;padding:7px 12px;font-weight:800;font-size:.85rem}
.event-meta{font-size:.9rem;color:#6d6255}
.archive-header{padding:80px 0 35px}
.page-content{padding:60px 0}
.prose{max-width:820px}
.prose img{margin:28px 0}
.site-footer{background:var(--brown-dark);color:#eee4d5;padding:55px 0 25px}
.site-footer h2,.site-footer h3{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:35px;padding-top:18px;font-size:.9rem}
.notice{padding:18px 20px;border-left:4px solid var(--gold);background:#efe7d7}
.event-single .event-image{margin-bottom:30px}
.wp-block-image{margin:2em 0}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
@media(max-width:800px){
  .nav-toggle{display:block}
  .primary-menu{display:none;position:absolute;left:4%;right:4%;top:78px;background:var(--paper-2);padding:18px;flex-direction:column;border:1px solid var(--line)}
  .primary-menu.is-open{display:flex}
  .grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}
  .hero{min-height:570px}
}

/* VERSION 2 visual layer */
:root{--ink:#25231f;--cream:#f5f0e6;--paper:#fbf9f4;--brown:#5a3d27;--brown2:#3e291b;--sage:#56624e;--gold:#b89252;--line:#ddd2c1}
body{background:var(--cream);font-size:16px;line-height:1.75}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:var(--brown2);letter-spacing:-.025em}
.site-header{background:rgba(251,249,244,.97);box-shadow:0 4px 20px rgba(40,30,20,.06)}
.brand{font-family:Georgia,serif;font-size:1.2rem}.brand-mark{border-color:var(--gold);background:var(--paper)}
.hero{min-height:760px;background:linear-gradient(90deg,rgba(25,18,12,.86),rgba(25,18,12,.18)),url("assets/hero-placeholder.svg") center/cover}
.hero-content{padding:120px 0 110px}.hero h1{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.05em}.hero .lead{font-size:1.3rem}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:850;color:var(--gold)}
.section{padding:95px 0}.section.alt{background:var(--paper)}.card{border:1px solid var(--line);box-shadow:0 15px 40px rgba(48,37,24,.08);border-radius:0}.event-card{overflow:hidden;padding-top:58px}.event-card img{margin:-58px -26px 20px;width:calc(100% + 52px);max-width:none}.event-date{background:var(--sage);letter-spacing:.04em}.button{background:var(--gold);color:#241a11;border-color:var(--gold);border-radius:2px}.button:hover{background:var(--brown2);color:#fff}.site-footer{background:#211811}
@media(max-width:800px){.hero{min-height:650px}.hero-content{padding:100px 0}.primary-menu{box-shadow:0 15px 35px rgba(0,0,0,.12)}}


/* VERSION 2.2 – editor-friendly homepage */
.homepage-hero{
  min-height:560px;
  display:grid;
  align-items:end;
  background-position:center;
  background-size:cover;
  color:#fff;
}
.homepage-hero-inner{padding:90px 0 75px}
.homepage-hero h1{
  color:#fff;
  font-size:clamp(3.2rem,7vw,6.2rem);
  margin:.15em 0;
}
.hero-subtitle{font-size:clamp(1.25rem,2.2vw,1.65rem);margin:0;max-width:720px}
.homepage-content{padding-top:65px;padding-bottom:90px}
.homepage-prose{max-width:1000px}
.homepage-prose > *{max-width:900px}
.page-featured-image img{width:100%}
.prose .wp-block-cover{margin-top:2.2em;margin-bottom:2.2em}
.prose .wp-block-columns{margin-top:2.2em;margin-bottom:2.2em}
.prose .wp-block-button__link,
.prose .wp-block-buttons .wp-block-button__link{background:var(--gold);color:#241a11;border-radius:2px}
.prose .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--brown2);border:1px solid var(--gold)}
.prose .eyebrow{margin-bottom:.6em}
.editor-styles-wrapper{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4{
  font-family:Georgia,"Times New Roman",serif;
}
.editor-styles-wrapper .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:850;color:var(--gold)}
@media(max-width:800px){
  .homepage-hero{min-height:520px}
  .homepage-hero-inner{padding:75px 0 55px}
  .homepage-content{padding-top:45px;padding-bottom:65px}
}