/*
Theme Name: Resurspoolen
Template: twentytwentyfive
Description: Barntema för resurspoolen.com. Färger, typografi och mått i theme.json; sektioner som blockmönster. Ändra inte föräldratemats filer.
Version: 1.2.2
Requires at least: 6.7
Requires PHP: 7.2
Text Domain: resurspoolen
License: GNU General Public License v2 or later
*/

/* Endast det som theme.json och blockinställningar inte klarar. Dokumenterat i 11 Block Theme-designmanual, avsnitt 9. */

/* 1. Synlig fokusring för tangentbord (WCAG 2.2) */
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--wp--preset--color--gron); outline-offset: 2px; }

/* 2. Vattenmärke: dekorbild i Omslag/Grupp med klassen rp-vattenmarke */
.rp-vattenmarke { position: relative; overflow: hidden; }
.rp-vattenmarke::before { content: ""; position: absolute; right: -8%; bottom: -30%; width: min(720px, 70%); aspect-ratio: 206 / 187;
  background: url("assets/images/vattenmarke-kortyta.svg") no-repeat center / contain; pointer-events: none; z-index: 0; }
.rp-vattenmarke > * { position: relative; z-index: 1; }

/* 3. Kort som lyfts vid hover (klass rp-kort-lank på Grupp med länk) */
.rp-kort-lank { transition: transform .18s, border-color .18s; }
.rp-kort-lank:hover { transform: translateY(-2px); border-color: var(--wp--preset--color--gron) !important; }

/* 4. Pilar mellan kundcasets steg döljs på mobil */
@media (max-width: 781px) { .rp-steg-pil { display: none !important; } }

/* 5. Respektera minskad rörelse */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }