/*
Theme Name: Haven huisstijl
Theme URI: https://verderinvertrouwen.nl
Description: Zelfstandig bloktheme met de huisstijl van Haven. Donker ontwerp, Cardo en Libre Franklin meegeleverd.
Author: Haven
Version: 3.0
Requires at least: 6.6
Tested up to: 7.0
Text Domain: haven-huisstijl
*/

/* Kleine aanvullingen die niet via theme.json kunnen */

.haven-eyebrow {
  font-size: .8125rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--wp--preset--color--goud);
}

.haven-streep {
  border-left: 2px solid var(--wp--preset--color--goud);
  padding-left: 1.4rem;
}

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

/* ---- donkere basis ---- */
body { background: var(--wp--preset--color--nacht); }

.haven-zacht { color: rgba(255,255,255,.66); }

.haven-kaart {
  background: #111110;
  border: 1px solid rgba(255,255,255,.12);
  padding: 2.6rem 2.1rem;
  height: 100%;
}

.haven-lijst { list-style: none; padding: 0; margin: 0; }
.haven-lijst li {
  position: relative;
  padding: .95rem 0 .95rem 1.6rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.66);
}
.haven-lijst li::before {
  content: ""; position: absolute; left: 0; top: 1.45rem;
  width: 9px; height: 1px; background: var(--wp--preset--color--goud);
}

.haven-hero { position: relative; overflow: hidden; }
.haven-hero::before {
  content: ""; position: absolute; left: 50%; top: -60px;
  width: 900px; height: 900px; translate: -50% 0; pointer-events: none;
  background: radial-gradient(circle, rgba(239,169,44,.14) 0%, rgba(239,169,44,0) 60%);
}
.haven-hero > * { position: relative; }