/*
Theme Name: Exomata
Theme URI: https://exomata.dk
Author: Exomata
Description: Blok-tema til exomata.dk bygget på Exomatas designsystem (Archivo, navy og brandblå, skarpe hjørner).
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: All rights reserved
Text Domain: exomata
*/

/* Overskrifter sættes udvidet, så de ligger tæt op ad logoets brede former */
h1, .wp-block-post-title, .has-display-font-size { font-stretch: 116%; }
h2 { font-stretch: 108%; }

/* Header: tynd streg i bunden */
.exo-header { border-bottom: 1px solid var(--wp--preset--color--surface-200); }
.exo-header .wp-block-navigation a { text-decoration: none; }
.exo-header .wp-block-navigation a:hover { color: var(--wp--preset--color--brand); }

/* Hero-billedet beskæres til et bredt format, logoet bliver i midten */
.exo-hero img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; object-position: center; display: block; }
@media (max-width: 600px) { .exo-hero img { aspect-ratio: 16 / 9; } }

/* Ydelseskort: flade uden skygge eller runding, blå streg øverst */
.exo-card { border-top: 2px solid var(--wp--preset--color--brand); height: 100%; }

/* Fokus, der kan ses ved tastaturnavigation */
a:focus-visible, .wp-element-button:focus-visible { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 2px; }

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 24px; }