/*
Theme Name: Horne Skytteforening
Description: Enkelt og hurtigt tema til Horne Skytteforening i foreningens farver.
Version: 1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: horne-skytter
*/

/* Sidehoved */
.hs-top { border-bottom: 1px solid var(--wp--preset--color--linje); position: sticky; top: 0; z-index: 20; background: var(--wp--preset--color--hvid); }
.admin-bar .hs-top { top: 32px; }
@media (max-width: 782px) { .admin-bar .hs-top { top: 46px; } }
.hs-brand { gap: 0.7rem; }
.hs-brand img { width: 48px; height: auto; display: block; }
.hs-brand .wp-block-site-title, .hs-navn { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.35rem; text-transform: uppercase; letter-spacing: 0.04em; margin: 0; }
.hs-navn a { color: var(--wp--preset--color--tekst); text-decoration: none; }
.hs-top .wp-block-navigation a { color: var(--wp--preset--color--daempet); text-decoration: none; border-bottom: 3px solid transparent; padding-block: 0.2rem; }
.hs-top .wp-block-navigation a:hover, .hs-top .wp-block-navigation .current-menu-item a, .hs-top .wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--tekst); border-bottom-color: var(--wp--preset--color--blaa); }

/* Forside */
.hs-eyebrow { font-family: var(--wp--preset--font-family--display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--wp--preset--color--groen); }
.hs-lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--daempet); }
.hs-hero .wp-block-image img { width: 100%; max-width: 280px; height: auto; margin-inline: auto; }
@media (max-width: 781px) { .hs-hero .wp-block-column:last-child { order: -1; } .hs-hero .wp-block-image img { max-width: 150px; margin-inline: 0; } }
.hs-fakta { border-block: 1px solid var(--wp--preset--color--linje); padding-block: 1rem; }
.hs-fakta .hs-tal { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 2.4rem; line-height: 1; color: var(--wp--preset--color--blaa); margin: 0; font-variant-numeric: tabular-nums; }
.hs-fakta p:not(.hs-tal) { color: var(--wp--preset--color--daempet); margin-top: 0.25rem; }
.hs-kort { border: 1px solid var(--wp--preset--color--linje); border-radius: 4px; }
.hs-nyhed { border-left: 4px solid var(--wp--preset--color--guld); padding-left: 1.25rem; }
.hs-nyhed .wp-block-post-title a { color: var(--wp--preset--color--tekst); text-decoration: none; }
.hs-nyhed .wp-block-post-date { color: var(--wp--preset--color--daempet); font-size: 0.9rem; }

/* Tabeller (skydetider og vinderhold) */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.wp-block-table th, .wp-block-table td { border: 0; border-bottom: 1px solid var(--wp--preset--color--linje); padding: 0.65rem 0.9rem; text-align: left; vertical-align: top; }
.wp-block-table thead { border-bottom: 2px solid var(--wp--preset--color--blaa); }
.wp-block-table thead th { font-family: var(--wp--preset--font-family--display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--daempet); }
.wp-block-table td strong { color: var(--wp--preset--color--blaa); }
.hs-vindere table { min-width: 44rem; font-size: 0.95rem; }
.hs-vindere td:first-child { font-weight: 600; }

/* Kontakt */
.hs-rolle { font-family: var(--wp--preset--font-family--display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--groen); margin: 0; }
.hs-person p { margin-block: 0.15rem; overflow-wrap: anywhere; }

/* Sidefod */
.hs-bund a { color: inherit; }

a:focus-visible, button:focus-visible { outline: 3px solid var(--wp--preset--color--guld); outline-offset: 2px; }

.wp-block-button.is-style-outline > .wp-block-button__link { color: var(--wp--preset--color--blaa); border: 2px solid var(--wp--preset--color--blaa); background: transparent; }

/* "Bliv medlem" i sidehovedet: menu og knap står sammen til højre */
.hs-top .alignwide > .wp-block-navigation { margin-left: auto; }
.hs-bliv-medlem { margin-left: 0.5rem; }
@media (max-width: 599px) { .hs-bliv-medlem { display: none; } }  /* på mobil står knappen øverst på forsiden og på Kontakt */