/*
Theme Name:   Tormod Ånerud AS – Kadence Child
Theme URI:    https://aanerudentreprenor.no/
Description:  Child theme for Kadence. Alt av farger, typografi, layout, header,
              footer og knapper styres fra Kadence Customizer / Kadence Blocks.
              Denne filen inneholder KUN de få detaljene Kadence ikke kan
              gjengi fra originalsiden, samt to tilgjengelighetsforbedringer.
Author:       Tormod Ånerud AS
Template:     kadence
Version:      2.0.0
Text Domain:  anerud-child
*/

/* -------------------------------------------------------------------------
   1. Navigasjon – rød strek OVER aktiv/hover-lenke
   Hvorfor CSS: Kadence tilbyr kun understrek ("underline") for menypunkter.
   Originalen tegner streken over lenken (Elementor "pointer: double-line").
   Kadence-innstillingen står derfor på "standard", og streken lages her.
   Farge og tykkelse følger paletten, så en omfarging propagerer.
   ------------------------------------------------------------------------- */

.main-navigation .primary-menu-container > ul > li.menu-item > a {
  position: relative;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  background-color: var(--global-palette1, #9e1b2b);
  transform: scaleX(0);
  transition: transform 0.2s ease;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::before,
.main-navigation .primary-menu-container > ul > li.menu-item > a:focus-visible::before,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::before {
  transform: scaleX(1);
}

/* -------------------------------------------------------------------------
   2. Kontaktlinjen i topplinjen
   Hvorfor CSS: Kadence' HTML-element rendrer én tekstblokk. Originalen har
   ikon + tekst med 17 px mellomrom mellom punktene. Ren layout-hjelp.
   ------------------------------------------------------------------------- */

.header-html .an-hc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-end: 17px;
  white-space: nowrap;
}

.header-html .an-hc:last-child {
  margin-inline-end: 0;
}

.header-html .an-hc svg {
  flex: 0 0 auto;
}

@media (max-width: 1024px) {
  .header-html .an-hc {
    margin-inline-end: 12px;
  }
}

/* -------------------------------------------------------------------------
   3. Synlig fokusmarkering (WCAG 2.4.7)
   Originalen mangler dette. Rein tilgjengelighetsforbedring – påvirker ikke
   utseendet for musbrukere.
   ------------------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.kb-button:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--global-palette1, #9e1b2b);
  outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   4. Respekter prefers-reduced-motion
   ------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}