/* =========================================================================
   chrille.nu - Områdeslagret

   PERMANENT, inte en övergångsfil. Filen hette tidigare reset-legacy.css och
   fanns för att neutralisera det gamla mörka temat. De filerna är borta sedan
   2026-08-21, men lagret behövs ändå, av ett annat och bestående skäl:

   Elementors globala kit kan bara bära EN uppsättning färger. Sajten har
   fyra: vård är ljus, teknik är mörk, utbildning är ljus, företagande är
   mörkt. Vilket värde kittet än sätter på h1 till h6 blir det fel i minst
   två av dem. Kittet sätter dessutom sina regler med specificitet 0-2-0.

   Därför äger komponentrötterna sina egna färger här, med matchad
   specificitet och laddade sist i kaskaden. Ingen !important behövs.

   NÄR EN NY KOMPONENTROT TILLKOMMER måste dess klass läggas till i varje
   :is()-lista nedan, annars slår kittets globala färg igenom där.
   Rötter idag: .c-hero, .c-area, .c-archive (inklusive .c-katalog och
   .c-forslag som ligger inuti den), .c-om, .c-kurser, .c-artikel.
   ========================================================================= */

/* --- Rubriker ------------------------------------------------------------ */
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--u-text);
  -webkit-text-fill-color: currentColor;
  background: none;
  text-shadow: none;
  /* Typsnittet står här också. Kittet sätter h1 till h6 med specificitet
     0-2-0 och skulle annars tvinga serif även i teknik och företagande,
     som skriver rubriker i sans. Kittets värden är tömda 2026-08-21, men
     regeln står kvar så lagret klarar sig även om de sätts igen. */
  font-family: var(--u-heading-font);
}

/* Delar av rubriker som medvetet bär accentfärgen. Måste stå efter regeln
   ovan, annars skrivs accenten över. */
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) .c-area__line:last-child,
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) .c-hero__punct,
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) .c-archive__punct {
  color: var(--u-accent);
  -webkit-text-fill-color: currentColor;
}

/* --- Länkar -------------------------------------------------------------- */
/* Hello Elementor stryker under .page-content a, Elementor-kittet färgar
   alla a. Nya komponenter styr sina länkar själva. */
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) a {
  text-decoration: none;
  color: inherit;
}
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) :is(.u-link, .c-area__cta, .c-card__cta, .c-poster__cta) {
  color: var(--u-accent);
}

/* Rubriker inuti en länk ska följa komponentens hovertillstånd, inte
   Elementor-kittets länkfärg. */
:is(.c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) a:hover :is(.c-card__title, .c-area__posttitle) {
  color: var(--u-accent);
}

/* --- Citat --------------------------------------------------------------- */
:is(.c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) blockquote {
  background: none;
  border-radius: 0;
  border-left: 3px solid var(--u-accent);
  color: var(--u-text);
  padding: 0 0 0 var(--s-4);
  quotes: none;
}
:is(.c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) blockquote::before,
:is(.c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) blockquote::after {
  content: none;
}

/* --- Formulärfält -------------------------------------------------------- */
/* Katalogens sökruta och knapp ärver annars det gamla temats fältstil:
   vit ruta och grön pillerknapp mitt i terminalen. */
.c-archive .c-catalog__input,
.c-archive input[type="search"].c-catalog__input {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: var(--c-green-100);
  height: auto;
  min-height: 0;
}
.c-archive .c-catalog__submit,
.c-archive button.c-catalog__submit {
  background: none;
  border: 1px solid var(--u-accent);
  border-radius: var(--radius-pill);
  color: var(--u-accent);
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
  height: auto;
  min-height: 0;
}
.c-archive .c-catalog__submit:hover,
.c-archive button.c-catalog__submit:hover {
  background: var(--u-accent);
  color: var(--c-ink-900);
}

/* --- Effekter ------------------------------------------------------------ */
:is(.c-hero, .c-area, .c-archive, .c-om, .c-kurser, .c-forslag, .c-artikel) * {
  text-shadow: none;
}
.c-hero .c-hero__panel,
.c-area .c-area__posts,
.c-archive .c-card {
  box-shadow: none;
}




/* =========================================================================
   Sidhuvud och sidfot, sajtens fasta krom

   Kromet är mörkt på alla sidor, oavsett område. Utan det här blocket ärver
   det body:s var(--u-text), som på vård och utbildning är nästan svart, och
   menyn blir svart text på svart botten. Uppmätt 1,03 mot 1.

   Kromet får därför sina egna värden och står utanför områdessystemet.
   ========================================================================= */
.elementor-location-header,
.elementor-location-footer {
  --u-bg: var(--c-ink-800);
  --u-surface: var(--c-ink-700);
  --u-text: var(--c-green-300);
  --u-text-dim: var(--c-moss);
  --u-accent: var(--c-green-100);
  --u-line: rgba(208, 230, 165, .14);
  color: var(--c-green-300);
}

.elementor-location-header :is(a, li, span, p),
.elementor-location-footer :is(a, li, span, p) {
  color: var(--c-green-300);
}
/* Undantag: ikonbrickorna har ljus botten och behöver mörk symbol. */
.elementor-location-footer a.elementor-social-icon,
.elementor-location-footer a.elementor-social-icon span {
  color: var(--c-ink-800);
}
.elementor-location-header a:hover,
.elementor-location-footer a:hover {
  color: var(--c-green-100);
}

/* Ikonlänkar i sidfoten. De låg som grå på grönt, 1,55 mot 1, och ljusgrönt
   på grönt gav 2,33. Ljus bricka med mörk symbol ger 14 mot 1 istället. */
/* a-prefixet höjer specificiteten till 0-2-1. Elementors genererade
   widget-CSS sätter bakgrunden med 0-2-0 och vinner annars på laddordning. */
.elementor-location-footer a.elementor-social-icon,
.elementor-location-footer a.elementor-icon,
.elementor-location-footer .elementor-social-icon,
.elementor-location-footer .elementor-icon {
  background-color: var(--c-green-100);
  color: var(--c-ink-800);
}
.elementor-location-footer a.elementor-social-icon svg,
.elementor-location-footer a.elementor-icon svg,
.elementor-location-footer .elementor-social-icon svg,
.elementor-location-footer .elementor-icon svg {
  fill: var(--c-ink-800);
}
.elementor-location-footer .elementor-social-icon:hover,
.elementor-location-footer .elementor-icon:hover {
  background-color: var(--c-white);
  color: var(--c-ink-900);
}
.elementor-location-footer .elementor-social-icon:hover svg,
.elementor-location-footer .elementor-icon:hover svg {
  fill: var(--c-ink-900);
}

/* Text som ligger direkt på den gröna accentytan behöver mörk text.
   Ljusgrönt på grönt gav 2,33 mot 1. */
.elementor-location-footer [style*="69A032"] :is(a, p, span, li, h2, h3, h4),
.elementor-location-footer [style*="69a032"] :is(a, p, span, li, h2, h3, h4) {
  color: var(--c-ink-800);
}


/* Sidnavigeringens knappar utanför de nya komponenterna. De ärvde en nästan
   svart textfärg på nästan svart botten, 1,14 mot 1. */
.page-numbers,
.nav-links a,
.elementor-pagination .page-numbers {
  color: var(--u-text);
}
.page-numbers.current {
  background: var(--u-accent);
  color: var(--u-bg);
}