/*
Theme Name: KJF
Theme URI: https://kronjyllandsjagtforening.dk/
Author: Kronjyllands Jagtforening
Description: Lightweight block theme for Kronjyllands Jagtforening. Built for native Gutenberg without page builders or CSS frameworks.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: kjf
*/

:root {
  --kjf-radius: 18px;
  --kjf-shadow: 0 14px 36px rgba(31, 46, 32, 0.09);
  --kjf-shadow-hover: 0 18px 42px rgba(31, 46, 32, 0.15);
}

html { scroll-behavior: smooth; }

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

a { text-underline-offset: 0.16em; }

.wp-site-blocks { overflow: clip; }

.kjf-header {
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--forest) 14%, transparent);
  position: relative;
  z-index: 20;
}

.kjf-header .wp-block-site-logo img {
  max-height: 74px;
  width: auto;
}

.kjf-brand-title a { text-decoration: none; }

.kjf-hero {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 28px 28px;
}

.kjf-hero::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  right: -170px;
  bottom: -220px;
  background: rgba(236, 196, 76, 0.12);
  pointer-events: none;
}

.kjf-eyebrow {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .78rem;
}

.kjf-card {
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--forest) 11%, transparent);
  border-radius: var(--kjf-radius);
  background: var(--wp--preset--color--white);
  box-shadow: var(--kjf-shadow);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}

.kjf-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--kjf-shadow-hover);
}

.kjf-card .wp-block-post-featured-image { margin: 0; }
.kjf-card .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; }
.kjf-card .wp-block-post-title a { text-decoration: none; }

.kjf-event-placeholder {
  border-radius: var(--kjf-radius);
  background: var(--wp--preset--color--white);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--forest) 12%, transparent);
  box-shadow: var(--kjf-shadow);
}

.kjf-event-date {
  min-width: 68px;
  border-radius: 14px;
  background: var(--wp--preset--color--forest);
  color: #fff;
  text-align: center;
  padding: .7rem .55rem;
  line-height: 1.05;
}

.kjf-event-date strong {
  display: block;
  font-size: 1.6rem;
}

.kjf-media-band {
  border-radius: 26px;
  overflow: hidden;
}

.kjf-media-band .wp-block-gallery { margin-bottom: 0; }
.kjf-media-band .wp-block-image img { border-radius: 12px; }

.kjf-section-title { margin-bottom: .35rem; }
.kjf-section-intro { max-width: 720px; }

.wp-block-button .wp-block-button__link {
  transition: transform .16s ease, filter .16s ease;
}

.wp-block-button .wp-block-button__link:hover {
  transform: translateY(-1px);
  filter: brightness(.96);
}

.wp-block-post-content > :where(h2,h3) { scroll-margin-top: 110px; }
.wp-block-post-content img { border-radius: 14px; }
.wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 12px; }

.kjf-footer a { color: inherit; }

@media (max-width: 781px) {
  .kjf-header .wp-block-site-logo img { max-height: 58px; }
  .kjf-brand-title { font-size: 1rem !important; }
  .kjf-hero { border-radius: 0 0 20px 20px; }
  .kjf-event-date { min-width: 60px; }
}