/*
Theme Name: Von Rost zur Reise
Theme URI: https://example.com/von-rost-zur-reise
Author: Von Rost zur Reise
Author URI: https://example.com
Description: Block-Theme (Full Site Editing) für den Sponsoring-OnePager "Von Rost zur Reise" – rustikaler Werkstatt-Look in Rostbraun und Dunkelgrün auf Cremepapier. Jeder Abschnitt besteht aus nativen Gutenberg-Blöcken und ist im Editor einzeln bearbeitbar.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: von-rost-zur-reise
Tags: full-site-editing, block-patterns, one-page, business, custom-colors, custom-logo
*/

/* =====================================================================
   Eigene Stile – ergänzen theme.json. Alle Klassen mit "vrr-" Präfix
   sind als zusätzliche CSS-Klasse an den jeweiligen Blöcken gesetzt
   (Block → Erweitert → Zusätzliche CSS-Klasse).
   ===================================================================== */
:root{
  --vrr-paper:#F6F0E4; --vrr-paper-soft:#FBF6EC;
  --vrr-ink:#383F37;   --vrr-ink-dark:#2C322B; --vrr-ink-soft:#5E655A;
  --vrr-rust:#9E4F2E;  --vrr-rust-deep:#7C3C20; --vrr-rust-light:#C27A55;
  --vrr-line:rgba(56,63,55,.22); --vrr-line-soft:rgba(56,63,55,.12);
}

body{ -webkit-font-smoothing:antialiased; }

/* ---------------- Sticky-Navigation ---------------- */
.vrr-nav{
  position:sticky; top:0; z-index:100;
  background:rgba(246,240,228,.93);
  -webkit-backdrop-filter:blur(6px) saturate(140%);
  backdrop-filter:blur(6px) saturate(140%);
  border-bottom:1px solid var(--vrr-line-soft);
}
.vrr-brand a, .vrr-brand .wp-block-site-title a, .vrr-brand{
  font-family:"Oswald",sans-serif; font-size:13px; letter-spacing:.18em;
  text-transform:uppercase; font-weight:600; color:var(--vrr-ink); text-decoration:none;
}
.vrr-navlinks a{
  font-family:"Oswald",sans-serif; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--vrr-ink-soft); font-weight:500;
}
.vrr-navlinks a:hover{ color:var(--vrr-rust); }
.vrr-nav .wp-block-site-logo img{ border-radius:50%; }

/* Mobiles Burger-/Overlay-Menü: vollflächig und mittig statt am rechten Rand */
.vrr-navlinks .wp-block-navigation__responsive-container-open,
.vrr-navlinks .wp-block-navigation__responsive-container-close{ color:var(--vrr-ink); }
.vrr-navlinks .wp-block-navigation__responsive-container.is-menu-open{
  background-color:var(--vrr-paper);
}
.vrr-navlinks .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
  width:100%;
  align-items:center !important;
  justify-content:center !important;
}
.vrr-navlinks .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container{
  align-items:center !important;
  justify-content:center !important;
  text-align:center;
  gap:8px;
}
.vrr-navlinks .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item{ justify-content:center; text-align:center; }
.vrr-navlinks .wp-block-navigation__responsive-container.is-menu-open a{
  font-size:22px; padding:10px 0;
}

/* ---------------- Eyebrow / Kicker ---------------- */
.vrr-eyebrow{
  font-family:"Oswald",sans-serif; font-size:13px; letter-spacing:.3em;
  text-transform:uppercase; font-weight:600; margin-bottom:.5em;
}

/* ---------------- Hero ---------------- */
.vrr-hero{
  position:relative;
  background:radial-gradient(120% 90% at 80% -10%,rgba(194,122,85,.16),transparent 60%),var(--vrr-paper);
}
.vrr-hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:6px;
  background:repeating-linear-gradient(90deg,var(--vrr-rust) 0 22px,transparent 22px 44px);
  opacity:.5;
}
.vrr-h1{
  font-size:clamp(44px,7vw,74px) !important; line-height:.94 !important;
  font-weight:700 !important; letter-spacing:.005em;
}
.vrr-script{
  font-family:"Caveat",cursive !important; font-weight:700;
  font-size:clamp(26px,3.4vw,33px) !important; color:var(--vrr-ink-soft) !important;
  text-transform:none !important; margin:.45em 0 .55em;
}
.vrr-lead{ font-size:18px; color:var(--vrr-ink-soft); max-width:46ch; }

/* Logo-Ring */
.vrr-badge-ring{
  width:330px; max-width:80vw; aspect-ratio:1; border-radius:50%;
  background:var(--vrr-paper-soft); border:1px solid var(--vrr-line-soft);
  box-shadow:0 18px 50px rgba(40,36,26,.16);
  display:flex; align-items:center; justify-content:center;
  margin-inline:auto; position:relative;
}
.vrr-badge-ring::before{
  content:""; position:absolute; inset:14px;
  border:2px dashed rgba(158,79,46,.35); border-radius:50%;
}
/* Logo-Container im Kreis zentrieren und Bild den Container voll ausfüllen lassen,
   damit es nicht linksbündig im zu breiten Wrapper sitzt. */
.vrr-badge-ring .wp-block-site-logo,
.vrr-badge-ring .wp-block-image{
  width:72% !important; max-width:72% !important; height:auto;
  margin:0 !important; padding:0;
  display:flex; align-items:center; justify-content:center;
}
.vrr-badge-ring .wp-block-site-logo a,
.vrr-badge-ring .wp-block-image a{
  display:block; width:100%; line-height:0;
}
.vrr-badge-ring img{
  width:100% !important; max-width:100% !important; height:auto;
  display:block; border-radius:50%; object-fit:contain;
}

/* ---------------- Statistik-Leiste ---------------- */
.vrr-stats .vrr-stat-num{
  font-size:42px !important; color:var(--vrr-rust-light) !important;
  line-height:1 !important; margin:0 0 .15em; text-align:center;
}
.vrr-stats .vrr-stat-lab{
  font-family:"Oswald",sans-serif; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:rgba(246,240,228,.78);
  text-align:center; line-height:1.4; margin:0;
}

/* ---------------- Abschnittsköpfe ---------------- */
.vrr-sec-head{ max-width:680px; }
.vrr-sec-head h2{ font-size:clamp(28px,4vw,38px) !important; }
.vrr-sec-head .vrr-eyebrow{ color:var(--vrr-rust); }

/* ---------------- Feature-Listen ---------------- */
.vrr-feat{ list-style:none !important; padding-left:0 !important; margin:0; }
.vrr-feat li{
  position:relative; padding:13px 0 13px 30px;
  border-bottom:1px solid var(--vrr-line-soft); line-height:1.45;
}
.vrr-feat li:last-child{ border-bottom:0; }
.vrr-feat li::before{
  content:""; position:absolute; left:2px; top:21px;
  width:9px; height:9px; background:var(--vrr-rust); transform:rotate(45deg);
}

/* ---------------- Karten ---------------- */
.vrr-card{
  background:var(--vrr-paper) !important;
  border:1px solid var(--vrr-line); border-top:4px solid var(--vrr-rust);
  height:100%;
}
.vrr-card h3{ font-size:18px !important; margin-top:0; }
.vrr-card .vrr-ix{
  font-family:"Oswald",sans-serif; font-weight:700; color:var(--vrr-rust);
  font-size:14px; letter-spacing:.1em; display:block; margin-bottom:6px;
}

/* ---------------- Foto-Platzhalter (Cover) ---------------- */
.vrr-shot{
  border:1px solid var(--vrr-line);
  background:repeating-linear-gradient(45deg,rgba(56,63,55,.05) 0 10px,transparent 10px 20px),var(--vrr-paper-soft);
  background-size:cover; background-position:center; text-align:center;
}
.vrr-shot .vrr-shot-tag{
  font-family:"Oswald",sans-serif; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; font-size:16px; margin:0 0 .3em;
}
.vrr-shot .vrr-shot-hint{
  font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--vrr-rust) !important; margin:0;
}

/* ---------------- Statement-Band ---------------- */
.vrr-statement h2{
  color:var(--vrr-paper) !important; font-weight:500 !important;
  font-size:clamp(26px,3.6vw,34px) !important; line-height:1.3 !important; max-width:24ch;
}
.vrr-statement .vrr-eyebrow{ color:var(--vrr-rust-light) !important; }
.vrr-statement p:not(.vrr-eyebrow){ color:rgba(246,240,228,.82); max-width:60ch; }

/* ---------------- CTA / Kontakt ---------------- */
.vrr-cta{ background:radial-gradient(120% 100% at 50% 0%,rgba(194,122,85,.18),transparent 60%),var(--vrr-paper-soft); }
.vrr-cta h2{ font-size:clamp(34px,5vw,46px) !important; font-weight:700 !important; }
.vrr-cta .vrr-lead{ margin-inline:auto; }
.vrr-contact{
  max-width:560px; margin-inline:auto;
  border:2px solid var(--vrr-ink); background:var(--vrr-paper);
}
.vrr-contact .wp-block-columns{
  margin:0; padding:14px 24px; gap:16px;
  border-bottom:1px solid var(--vrr-line-soft);
}
.vrr-contact .wp-block-columns:last-child{ border-bottom:0; }
.vrr-contact .vrr-clabel{
  font-family:"Oswald",sans-serif; font-size:12px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--vrr-rust); margin:0;
}
.vrr-contact .vrr-cval{ margin:0; }
.vrr-signoff{
  font-family:"Caveat",cursive !important; font-size:30px !important; font-weight:700;
  color:var(--vrr-ink-soft) !important; text-transform:none !important; text-align:center;
}

/* ---------------- Footer ---------------- */
.vrr-footer{ background:var(--vrr-ink-dark); }
.vrr-footer, .vrr-footer a, .vrr-footer .wp-block-site-title a{ color:rgba(246,240,228,.72); text-decoration:none; }
.vrr-footer .wp-block-site-logo img{ border-radius:50%; }

/* ---------------- Allgemeine Block-Anpassungen ---------------- */
.wp-block-button__link{ letter-spacing:.14em; }
.is-style-outline .wp-block-button__link{ border-width:2px; }