/*
Theme Name: ISTED 107 v2
Theme URI: https://isted107.dk/
Author: Christian
Author URI: https://isted107.dk/
Description: Blok-tema til ISTED 107. Farver, skrifttyper, tekststørrelser og afstande styres af ejeren selv under Udseende → Editor → Styles. Ingen kodning nødvendig.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isted107-blok
Tags: full-site-editing, one-column, custom-colors, custom-menu, editor-style
*/

/* -------------------------------------------------------------------------
   VIGTIGT: Der står med vilje INGEN farver, skrifttyper eller tekststørrelser
   i denne fil. Alt det ligger i theme.json og kan derfor ændres direkte i
   WordPress under Udseende -> Editor -> Styles.
   Herunder er kun mekanik, der ikke skal kunne klikkes i stykker.
   ------------------------------------------------------------------------- */

/* Sidehovedet klæber til toppen ved scroll */
.i107-header {
  position: sticky;
  top: 0;
  z-index: 50;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* Så det klæbende sidehoved ikke ryger ind under WordPress' admin-bjælke */
.admin-bar .i107-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .i107-header { top: 46px; } }
/* Under 600px scroller admin-bjaelken med, saa der skal ikke kompenseres */
@media screen and (max-width: 600px) { .admin-bar .i107-header { top: 0; } }

/* Blødt scroll til ankerlinks (#gavekort osv.) */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Håndtegnet streg fra logoet, brugt som skillelinje.
   Den arver tekstfarven, så den følger med, hvis farven ændres. */
.wp-block-separator.is-style-i107-dash:not(.is-style-wide):not(.is-style-dots) {
  border: none;
  height: 10px;
  width: 120px;
  max-width: 120px;
  opacity: 1;
  color: inherit;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%3E%3Cpath%20d%3D%22M2%206.5%20C%2020%204.5%2C%2045%203.2%2C%2070%204%20C%2090%204.6%2C%20105%205.4%2C%20118%204.2%20L%20117.5%206.8%20C%20100%208%2C%2075%207.2%2C%2050%206.6%20C%2030%206.2%2C%2012%207%2C%202.5%208%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%3E%3Cpath%20d%3D%22M2%206.5%20C%2020%204.5%2C%2045%203.2%2C%2070%204%20C%2090%204.6%2C%20105%205.4%2C%20118%204.2%20L%20117.5%206.8%20C%20100%208%2C%2075%207.2%2C%2050%206.6%20C%2030%206.2%2C%2012%207%2C%202.5%208%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* Tekst kun for skærmlæsere og Google (usynlig på siden) */
.i107-visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Hero-logoet fylder bredden pænt uden at blive kæmpestort */
.i107-hero-logo img { width: min(680px, 88vw); height: auto; }

/* Læsevenlig linjelængde */
.i107-measure-narrow h1 { max-width: 34ch; margin-inline: auto; }
.i107-measure-narrow p  { max-width: 44ch; margin-inline: auto; }
.i107-measure p         { max-width: 46ch; margin-inline: auto; }

/* To kolonner i "Besøg os" falder til én på små skærme */
@media (max-width: 560px) {
  .i107-visit .wp-block-columns { flex-wrap: wrap !important; }
  .i107-visit .wp-block-column { flex-basis: 100% !important; }
}

/* Ikon + tekst på samme linje */
.i107-icon-link a { display: inline-flex; align-items: center; gap: 7px; }
.i107-icon-link img { width: 16px; height: 16px; flex-shrink: 0; }

/* Blødt dæmpet tekst (som i det oprindelige design) */
.i107-soft   { opacity: .85; }
.i107-softer { opacity: .70; }