/*
Theme Name: Vogelkamera Ratgeber
Theme URI: https://vogelkamera-ratgeber.de/
Author: Vogelkamera Ratgeber
Description: Schlankes Block-Theme für eine ruhige, schnelle Affiliate-Ratgeberseite.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: vogelkamera-ratgeber
*/

:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  text-wrap: pretty;
}

a {
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}

.wp-site-blocks {
  min-height: 100vh;
}

.vkr-card {
  height: 100%;
  border: 1px solid #d9dfd8;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(31, 77, 58, 0.08);
}

.vkr-hero {
  position: relative;
  min-height: clamp(460px, 56vw, 640px);
  background:
    linear-gradient(90deg, rgba(247, 244, 236, 0.98) 0%, rgba(247, 244, 236, 0.9) 38%, rgba(247, 244, 236, 0.12) 67%),
    url("assets/hero-vogelkamera.jpg") center right / cover no-repeat;
}

.vkr-hero > .wp-block-group__inner-container,
.vkr-hero > * {
  position: relative;
}

.vkr-hero h1,
.vkr-hero p,
.vkr-hero .wp-block-buttons {
  max-width: 680px;
}

.vkr-eyebrow {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
}

.vkr-note {
  border-left: 4px solid #6c8a64;
  padding: 1rem 1.25rem;
  background: #eef3eb;
  border-radius: 0 12px 12px 0;
}

.vkr-affiliate {
  font-size: 0.9rem;
  color: #4a5751;
}

@media (max-width: 700px) {
  .vkr-hero {
    min-height: 620px;
    background:
      linear-gradient(180deg, rgba(247, 244, 236, 0.98) 0%, rgba(247, 244, 236, 0.88) 52%, rgba(247, 244, 236, 0.05) 78%),
      url("assets/hero-vogelkamera.jpg") 68% center / cover no-repeat;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 1.5rem;
  }
}