/*
Theme Name:   Pulitzer Child (Waldlandmeer)
Theme URI:    https://waldlandmeer.de
Description:  Child Theme für Pulitzer – Waldlandmeer Anpassungen
Author:       Marcus
Template:     pulitzer
Version:      1.5.0
Text Domain:  pulitzer-child
*/

/* =========================
   WALDLANDMEER – Pulitzer (sauber, reduziert, stabil)
   Ziel: ruhiges Journal, zentriert, keine Sidebar, keine Horizontal-Scrolls
   Typo: Titel Sans / Text Serif / Datum klein
   Header: Logo + Wortmarke + Menü, zentriert, dezent getrennt
   ========================= */

/* ---- Variablen ---- */
:root{
  --wlm-bg:    #F7F6F3;
  --wlm-text:  #2E2E2E;
  --wlm-muted: #B7B3AA;
  --wlm-link:  #4F5D50;
  --wlm-accent:#C9A646;

  --wlm-max:   1100px; /* Medien / wide */
  --wlm-textmax:780px; /* Leseblock */
  --wlm-pad:   20px;   /* Seitenpadding */
}

/* ---- Basis / Robustheit ---- */
html{ box-sizing:border-box; }
*,*::before,*::after{ box-sizing:inherit; }

html,body{
  background:var(--wlm-bg);
  color:var(--wlm-text);
  overflow-x:hidden; /* schützt vor 100vw/alignfull-Fallen */
}

/* Medien nie über den Viewport */
img, video, iframe{ max-width:100%; height:auto; }

/* Links ruhig */
a{ color:var(--wlm-link); }
a:hover, a:focus{
  color:var(--wlm-text);
  text-decoration:underline;
  text-underline-offset:.15em;
}

/* ---- Layout: keine Sidebar ---- */
aside, .sidebar, #secondary, .widget-area{ display:none !important; }

/* Hauptbereiche: volle Breite */
main, .wp-site-blocks, .site-content, .content-area{
  width:100%;
  max-width:none;
}

/* Padding für Mobile + leichter Abstand nach Header */
main{
  padding-left:var(--wlm-pad);
  padding-right:var(--wlm-pad);
  margin-top: 1rem;
}

/* Artikelcontainer mittig */
main > article,
.wp-block-post,
.wp-block-post-template > li{
  max-width:var(--wlm-max);
  margin-left:auto;
  margin-right:auto;
}

/* Leseblock mittig */
.entry-header,
.entry-content,
.entry-footer,
.wp-block-post-title,
.wp-block-post-content,
.wp-block-query-title{
  max-width:var(--wlm-textmax);
  margin-left:auto;
  margin-right:auto;
}

/* ---- Typografie: Titel Sans ---- */
.entry-title,
.wp-block-post-title,
.wp-block-query-title{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.2;
  font-size: clamp(1.8rem, 2.2vw, 2.3rem);
  color: var(--wlm-text);
  margin-top: 2.4rem; /* klare Absetzung */
}

/* ---- Datum klein & leise ---- */
.wp-block-post-date,
.entry-meta,
.posted-on{
  color: var(--wlm-muted);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  margin-top: 0.4rem;
}

/* ---- Typografie: Fließtext Serif ---- */
.entry-content,
.wp-block-post-content,
.entry-content p,
.wp-block-post-content p,
.entry-content li,
.wp-block-post-content li{
  font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
}

.entry-content p,
.wp-block-post-content p{
  line-height: 1.75;
  margin: .95em 0;
}


/* Links im Fließtext klar erkennbar */
.entry-content a,
.wp-block-post-content a{
  color: var(--wlm-link);
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-thickness: 1.2px;
}

.entry-content a:hover,
.wp-block-post-content a:hover{
  color: var(--wlm-text);
}

/* ---- Featured Image: ruhig, ohne Überlauf ---- */
.wp-block-post-featured-image,
.post-thumbnail{
  max-width: var(--wlm-max);
  margin-left: auto;
  margin-right: auto;
}

.wp-block-post-featured-image img,
.post-thumbnail img,
.wp-post-image{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 2.25rem;
}

/* Gutenberg Alignments: alignfull ohne 100vw */
.alignfull{
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.alignwide{
  max-width: min(var(--wlm-max), 1200px);
  margin-left: auto;
  margin-right: auto;
}

/* Meta-Kram aus (falls Theme/Plugins) */
.byline, .cat-links, .tags-links{ display:none !important; }

/* Weiterlesen-Link (ruhig) */
.wp-block-read-more{
  display: inline-block;
  margin-top: .6rem;
  color: var(--wlm-link);
  text-decoration: none;
}
.wp-block-read-more:hover{
  color: var(--wlm-text);
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* Startseiten-Titel ausblenden (nicht Post-Titel) */
body.home .wp-block-query-title,
body.home .page-title,
body.home .wp-block-post-title.page-title{
  display:none !important;
}

/* =========================
   Header: Logo + Wortmarke + Navigation
   ========================= */
header.wp-block-template-part,
.site-header{
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(46,46,46,0.06);
  margin: 0;
}

/* Logo */
.wp-block-site-logo img,
.custom-logo{
  width: 68px;
  height: auto;
  display: block;
  margin: 0 auto .6rem;
}

/* Wortmarke WALDLANDMEER */
.wp-block-site-title,
.wp-block-site-title a{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
    font-size: 1.15rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--wlm-text);
  text-decoration: none;
  line-height: 1.1;
  margin: 0;
}

.wp-block-site-title,
.wp-block-site-title a{
  color: #3f4f43; /* leicht gedämpftes Waldgrün */
}

.wp-block-site-title a:hover{
  color: var(--wlm-text);
  text-decoration: none;
}

/* Tagline sehr dezent (oder im Editor entfernen) */
.wp-block-site-tagline{
  color: var(--wlm-muted);
  font-size: .85rem;
  margin-top: .25rem;
}

/* Navigation untergeordnet */
.wp-block-navigation,
.main-navigation{
  margin-top: .8rem;
  margin-bottom: 1.4rem;
}

.wp-block-navigation a{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: .92rem;
  letter-spacing: .02em;
  color: var(--wlm-text);
  text-decoration: none;
}
.wp-block-navigation a:hover{
  color: var(--wlm-link);
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* =========================
   Startseite: Intro + Trenner
   Hinweis: Im home.html den Intro-Group-Block mit className "wlm-intro" versehen
   ========================= */
.wlm-intro{
  margin-top: 2rem;
}

.wlm-intro > p:first-child{
  margin-top: 2.5rem;
}

.wlm-intro-divider{
  border: 0;
  height: 1px;
  background: rgba(46,46,46,0.04);
  max-width: 680px; /* schmaler als Text */
  margin: 2.5rem auto;
}

/* Footer: mehr Luft */
.site-footer,
footer.wp-block-template-part{
  margin-top: 4rem;
  padding-top: 2rem;
}

/* ---- Responsiv ---- */
@media (min-width:1024px){
  :root{ --wlm-pad: 28px; }
}