/*
Theme Name: Schifferstadt Kampagne
Theme URI: https://example.de
Author: Kampagnen-Team
Description: Redaktionelles Block-Theme für die Bürgermeister-Kandidatur von Daniel Jalalpoor. Grün/Magenta-Markenfarben, lokale Schriften (Fraunces + Manrope), eigenes responsives Menü.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 2.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: schifferstadt
Tags: block-theme, full-site-editing, news, two-columns, custom-colors
*/

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

::selection { background: var(--wp--preset--color--magenta); color: var(--wp--preset--color--paper); }

a, .wp-block-button__link { transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; }

/* Overline: Magenta-Label mit grünem Strich */
.overline {
  display: inline-flex; align-items: center; gap: 0.75rem;
  text-transform: uppercase; letter-spacing: 0.18em;
  font-size: 0.75rem; font-weight: 700;
  color: var(--wp--preset--color--magenta);
}
.overline::before { content: ""; width: 2.5rem; height: 2px; background: var(--wp--preset--color--green); }

/* Kursive Betonung in Magenta */
.accent-italic, .wp-block-heading em { font-style: italic; color: var(--wp--preset--color--magenta); }

/* Sticky, transparenter Kopfbereich */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: color-mix(in srgb, var(--wp--preset--color--paper) 90%, transparent);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent);
}

/* Sekundär-Button: Umriss */
.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent; color: var(--wp--preset--color--ink);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 22%, transparent);
}
.is-style-outline .wp-block-button__link:hover {
  border-color: var(--wp--preset--color--green); color: var(--wp--preset--color--magenta-dark);
}

/* Karten */
.card {
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent);
  border-radius: 10px; transition: border-color 0.2s ease; height: 100%;
}
.card:hover { border-color: color-mix(in srgb, var(--wp--preset--color--green) 55%, transparent); }

.wp-block-post-featured-image img, .card img, .wp-block-image img { border-radius: 8px; }

/* Beitragstitel als Link */
.wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.wp-block-post-title a:hover { color: var(--wp--preset--color--magenta-dark); }

.site-footer {
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent);
  font-size: 0.95rem;
}

.entry-content p { max-width: 42rem; }
.entry-content h2 { margin-top: 2.5rem; }
.entry-content h3 { margin-top: 2rem; }

:where(a, button, input, .wp-block-button__link):focus-visible {
  outline: 2px solid var(--wp--preset--color--magenta); outline-offset: 3px;
}

/* Spaltenbilder füllen ihre Spalte */
.wp-block-columns .wp-block-image,
.wp-block-columns .wp-block-image img { width: 100%; }

/* Vollflächige Bänder: Innenabstand auf schmalen Schirmen */
.wp-block-group.alignfull {
  padding-left: var(--wp--style--root--padding-left, 1.25rem);
  padding-right: var(--wp--style--root--padding-right, 1.25rem);
}

/* Breite an die Bildschirmbreite koppeln */
:root, body { --wp--style--global--wide-size: min(2600px, 94vw); }
.alignwide,
.is-layout-constrained > .alignwide,
.wp-block-group.alignwide {
  max-width: min(2600px, 94vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Überschriften nicht trennen (z. B. "Schifferstadt") */
h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-post-title {
  -webkit-hyphens: none !important; hyphens: none !important;
}

/* Hinweis: Das CSS für das Hauptmenü ist direkt im Kopfbereich (parts/header.html)
   eingebettet, damit es nicht vom Browser-Cache der CSS-Datei betroffen ist. */