/* ==========================================================================
   KVANT – Tidsskrift for Fysik og Astronomi
   Custom stylesheet til OJS 3.3 · tema: Health Sciences
   Samme visuelle stil som kvant.dk: sandfarvet baggrund, mintgrøn
   accent, orange PDF-knapper, Montserrat + Source Serif 4, kantede hvide kort.
   Upload: Indstillinger → Website → Udseende → "Journal style sheet"
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

:root {
  --orange:      #F99A00;  /* grundfarve – gradient øverst */
  --orange-text: #9A5600;  /* mørk orange – små overskrifter, "Læs mere" */
  --orange-soft: #FFF4E2;
  --mint:        #47FFB8;  /* fra logoets streg – små accentstreger */
  /* Den graduerede streg fra kvant.dk: orange → sand med bløde, lysende pletter */
  --kvant-bar:
    radial-gradient(60px 14px at 18% 40%, rgba(249,154,0,.9), rgba(0,0,0,0) 70%),
    radial-gradient(90px 16px at 42% 65%, rgba(251,178,48,.85), rgba(0,0,0,0) 70%),
    radial-gradient(120px 14px at 62% 35%, rgba(253,203,95,.8), rgba(0,0,0,0) 75%),
    linear-gradient(90deg, #F99A00 0%, #FAAE2E 22%, #FCC862 48%, #FBDF9C 72%, #FAF3E8 100%);
  /* Blødere udgave til kortenes top: starter i en lys orange og slutter i
     en varm fersken – ikke helt orange og ikke helt sand */
  --kvant-bar-soft:
    radial-gradient(70px 10px at 22% 50%, rgba(251,178,72,.35), rgba(0,0,0,0) 70%),
    radial-gradient(110px 10px at 58% 50%, rgba(252,200,110,.3), rgba(0,0,0,0) 75%),
    linear-gradient(90deg, #FBBA55 0%, #FBC56E 30%, #FAD08A 60%, #F6D9AC 100%);
  --bordeaux:    #8E2433;  /* varm bordeauxrød – links og etiketter */
  --sand:        #FAF3E8;  /* sidens baggrund */
  --sand-dark:   #F2E8D7;  /* footer */
  --ink:         #1E1810;
  --ink-2:       #5A5148;
  --line:        #E3D6C0;
  --btn-line:    rgba(17,17,17,.22);
  --sans:  'Montserrat', Arial, sans-serif;
  --serif: 'Source Serif 4', Georgia, serif;
}

/* ---------- Grundlæggende ---------- */
/* Baggrund: ensfarvet sand */
body {
  background: var(--sand) !important;
  color: var(--ink);
  font-family: var(--serif);
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--bordeaux); }
a:hover, a:focus { color: var(--ink); }
::selection { background: var(--mint); color: var(--ink); }
:focus-visible { outline: 3px solid var(--mint); outline-offset: 2px; }

/* ---------- Header: enkel, sandfarvet, med gradueret streg under ----------
   Stregen er den samme som under sektionsoverskrifterne på kvant.dk:
   en 12 px bjælke, der går fra orange til sand med bløde, lysende "pletter". */
.main-header {
  position: relative;
  background: #FAF3E8 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  animation: none !important;
}

.main-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
  border-radius: 7px 3px 6px 2px;
  background: var(--kvant-bar);
  pointer-events: none;
}

/* Sprog / log ind øverst */
.main-header .dropdown-toggle,
.main-header .btn {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
}

/* Hovedmenu – samlet i midten */
.main-header .navbar-collapse { justify-content: center !important; }
.main-header .navbar-nav { flex: 0 0 auto !important; width: auto !important; }
.main-header .navbar-nav .nav-item { flex: 0 0 auto !important; }

.main-header .nav-link {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--ink) !important;
  padding: 1rem !important;
  border-bottom: 3px solid transparent;
  transition: border-color .15s;
}

.main-header .nav-link:hover,
.main-header .nav-link:focus,
.main-header .show > .nav-link {
  color: #000 !important;
  border-bottom-color: var(--mint);
}

/* Dropdown-menuer */
.main-header .dropdown-menu {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 4px;
  background-position: top;
  background-repeat: no-repeat;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0;
  box-shadow: 0 10px 24px rgba(30,24,16,.10);
  padding: calc(.4rem + 4px) 0 .4rem;
}

.main-header .dropdown-item {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  padding: .5rem 1.25rem;
}

.main-header .dropdown-item:hover,
.main-header .dropdown-item:focus {
  background: #E3FFF4;
  color: var(--ink);
}

/* ---------- Kort (hovedindhold) ---------- */
.page-content,
.container-homepage-issue {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  padding: 40px 32px;
  margin-top: 32px;
  margin-bottom: 48px;
}

/* ---------- Forsiden: nyeste nummer ---------- */

/* Forsidebilledet lå bag overskriften og gjorde teksten ulæselig – skjules.
   (Fjern evt. også billedet under Udseende → Forsidebillede.) */
.homepage-image-behind-issue { display: none !important; }

/* Temaet lægger en sort skygge på overskriften (beregnet til tekst oven på
   forsidebilledet) – det får teksten til at se sløret ud. Fjernes her. */
.homepage-issue-current,
.homepage-issue-identifier,
.homepage-issue-published { text-shadow: none !important; }

.homepage-issue-current {
  font-family: var(--sans);
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--orange-text) !important;
  text-align: center;
  margin-bottom: .5rem;
}

.homepage-issue-identifier {
  font-family: var(--sans);
  font-size: 2rem !important;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ink) !important;
  text-align: center;
  margin-bottom: .75rem;
}

.homepage-issue-identifier::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--mint);
  margin: 1rem auto 0;
}

.homepage-issue-published {
  font-family: var(--serif);
  font-size: 14px !important;
  font-style: italic;
  color: var(--ink-2) !important;
  text-align: center;
  margin-top: 0 !important;
  margin-bottom: 2.5rem;
}

.homepage-issue-header { align-items: flex-start; margin-bottom: 3rem; }

.homepage-issue-cover {
  border: 1px solid rgba(17,17,17,.35);
  border-radius: 0;
  box-shadow: 0 10px 20px rgba(30,24,16,.12);
  transition: transform .2s, box-shadow .2s;
}
.homepage-issue-cover:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(30,24,16,.16);
}

.homepage-issue-description-wrapper {
  background: var(--sand);
  border: 1px solid var(--line);
  border-left: 3px solid var(--orange);
  border-radius: 0;
  padding: 32px;
}

.homepage-issue-description {
  font-family: var(--serif);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink);
}

/* Temaets "fade" over den forkortede tekst – farvet så den passer til boksen */
.homepage-issue-description::after {
  background: linear-gradient(rgba(250,243,232,0), var(--sand) 45%) !important;
}

.homepage-issue-description .h2 {
  font-family: var(--sans);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ink);
  margin-bottom: 1rem;
}

.homepage-issue-description-more,
.homepage-issue-description-wrapper a {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  color: var(--orange-text);
}

/* ---------- Indholdsfortegnelse ---------- */
.issue-toc { max-width: 820px; margin: 0 auto; }

.issue-toc-section { margin-bottom: 2.5rem; }

/* Sektionsoverskrift som på kvant.dk: fed, sort streg og orange glød */
.issue-toc-section-title {
  position: relative;
  font-family: var(--sans);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--ink);
  text-align: left;
  padding-bottom: .6rem;
  margin-bottom: 1.25rem;
  border-bottom: 3px solid #111;
}

.issue-toc-section-title::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -15px;
  height: 12px;
  background: linear-gradient(90deg, rgba(249,154,0,.85), rgba(251,178,48,.5) 45%, rgba(249,154,0,0) 85%);
  pointer-events: none;
}

/* Hver artikel: adgangsikon · titel og forfatter · PDF-knap til højre */
.article-summary {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  grid-template-areas:
    "icon title   galleys"
    ".    authors galleys"
    ".    doi     galleys";
  column-gap: .9rem;
  row-gap: .3rem;
  align-items: start;
  margin: 0 !important;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.article-summary:last-child { border-bottom: 0; }

.article-summary-title   { grid-area: title; margin: 0; }
.article-summary-authors { grid-area: authors; }
.article-summary-doi     { grid-area: doi; margin: 0 !important; }

/* DOI (vises på nummersiderne) – lille bordeauxrød serif */
.article-summary-doi a {
  font-family: var(--serif);
  font-size: 12px;
  color: var(--bordeaux);
  text-decoration: none;
  word-break: break-all;
}
.article-summary-doi a:hover { text-decoration: underline; }
.article-summary-galleys { grid-area: galleys; margin: 0 !important; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }

.article-summary-title a {
  font-family: var(--sans);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .02em;
  color: var(--ink);
  text-decoration: none;
}
.article-summary-title a:hover {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--mint);
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

.article-summary-authors {
  font-family: var(--serif);
  font-size: 14px;
  color: var(--ink-2);
}

/* ---------- Open access / closed access-ikoner ----------
   Lukkede artikler har en skjult tekst ("Abonnementsadgang") i PDF-knappen;
   åbne artikler har den ikke. Ikonet vælges ud fra det. */
.article-summary::before {
  content: "";
  grid-area: icon;
  justify-self: center;
  width: 13px;
  height: 20px;
  margin-top: .1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Closed access – samme form som open access-logoet, men lukket og bordeauxrød */
.article-summary:has(.article-summary-galleys .sr-only)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 100'%3E%3Cg fill='none' stroke='%238E2433' stroke-width='9'%3E%3Cpath d='M15 52V31a17 17 0 0 1 34 0v21'/%3E%3Ccircle cx='32' cy='68' r='23'/%3E%3C/g%3E%3Ccircle cx='32' cy='68' r='8' fill='%238E2433'/%3E%3C/svg%3E");
}

/* Open access – det officielle open access-logo (PLOS, frit til brug), orange */
.article-summary:has(.article-summary-galleys a):not(:has(.article-summary-galleys .sr-only))::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 100'%3E%3Cg fill='none' stroke='%23F68212' stroke-width='9'%3E%3Cpath d='M15 52V31a17 17 0 0 1 34 0v6'/%3E%3Ccircle cx='32' cy='68' r='23'/%3E%3C/g%3E%3Ccircle cx='32' cy='68' r='8' fill='%23F68212'/%3E%3C/svg%3E");
}

/* Akut-layoutet med sidetal (hvis det kommer senere) */
.article-summary > .row { grid-column: 1 / -1; }

/* ---------- Knapper (PDF: orange/gul pille) ---------- */
.btn-primary,
.article-summary-galleys .btn,
.homepage-issue-galleys .btn {
  background: var(--orange) !important;
  border: 1px solid var(--orange) !important;
  border-radius: 14px !important;
  color: #111 !important;
  font-family: var(--sans);
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: .02em;
  padding: .3rem .9rem !important;
  box-shadow: none !important;
  transition: background .15s, border-color .15s;
}

.btn-primary:hover,
.btn-primary:focus,
.article-summary-galleys .btn:hover {
  background: #E08A00 !important;
  border-color: #E08A00 !important;
  color: #000 !important;
}

/* Sekundære knapper, fx "Se alle numre" */
.btn-secondary,
.btn-default,
.container-homepage-issue > .text-center a,
.page-content .text-center .btn {
  background: #fff !important;
  border: 1px solid var(--btn-line) !important;
  border-radius: 18px !important;
  color: var(--orange-text) !important;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  padding: .55rem 1.4rem !important;
  text-decoration: none;
  transition: border-color .15s, background .15s;
}
.btn-secondary:hover,
.btn-default:hover,
.container-homepage-issue > .text-center a:hover,
.page-content .text-center .btn:hover {
  background: var(--orange-soft) !important;
  border-color: var(--orange) !important;
}

/* ---------- Arkiv (alle numre) ----------
   Forsiderne vises som en rolig reol: et jævnt gitter, hvor hver forside
   står som et rigtigt blad med skygge, og titel og dato står under.
   Ingen hvide kasser omkring – forsiderne er det, man skal se.
   (Temaet lægger numrene i rækker á 4; rækkerne "opløses", så alle numre
   indgår i ét fælles gitter, der tilpasser sig skærmbredden.) */
.page-archives .page-archives-header h1 {
  font-family: var(--sans);
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 700;
  letter-spacing: .015em;
  color: var(--ink);
  text-align: center;
  margin: 2.5rem 0 .5rem;
}
.page-archives .page-archives-header h1::after {
  content: "Alle numre af KVANT – nyeste først";
  display: block;
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  color: var(--ink-2);
  margin-top: .5rem;
}

/* Gitteret */
.page-archives {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 2.5rem 1.75rem;
  padding-bottom: 4rem;
}
.page-archives > :not(.row) { grid-column: 1 / -1; }
.page-archives > .page-archives-header { margin-bottom: .5rem; }
.page-archives > .row { display: contents !important; }
.page-archives > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- Arkiv: grupperet i årgange (5 ad gangen) ----------
   Hver gruppe får en overskrift med gradueret streg, og gruppens nyeste
   nummer starter altid en ny række. Overskrifterne er hæftet på et fast
   nummer i hver gruppe (via numrets id i linket), så de bliver stående,
   når nye numre kommer til.
   Den øverste, igangværende gruppe (Årgang 36–40) står under sidens
   overskrift. Når årgang 41 begynder (2030), tilføjes én linje herunder
   for "Årgang 36–40" (hæftet på årgangens sidste nummer), og teksten i
   toppen ændres til "Årgang 41–45". */
.page-archives .page-archives-header::after,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13248"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13224"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13110"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13061"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13033"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13001"])::before {
  display: block;
  font-family: var(--sans);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: left;
  color: var(--ink);
  padding-bottom: .75rem;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* Den igangværende gruppe – under sidens overskrift */
.page-archives .page-archives-header::after {
  content: "Årgang 36–40 · 2025–";
  margin-top: 2.5rem;
}

/* Gruppens første (nyeste) nummer: dets "kasse" opløses, så overskriften
   bliver sin egen række hen over hele gitteret, og bladet starter forrest
   i rækken under den. */
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13248"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13224"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13110"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13061"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13033"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13001"]) {
  display: contents !important;
}

.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13248"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13224"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13110"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13061"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13033"])::before,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13001"])::before {
  grid-column: 1 / -1;
  margin-top: 2rem;
}

.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"])::before { content: "Årgang 31–35 · 2020–2024"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13248"])::before { content: "Årgang 26–30 · 2015–2019"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13224"])::before { content: "Årgang 21–25 · 2010–2014"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13110"])::before { content: "Årgang 16–20 · 2005–2009"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13061"])::before { content: "Årgang 11–15 · 2000–2004"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13033"])::before { content: "Årgang 6–10 · 1995–1999"; }
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13001"])::before { content: "Årgang 1–5 · 1990–1994"; }

/* Hvert nummer */
.issue-summary,
.issues-archive .issue-summary {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
}

.issue-summary .issue-summary-cover {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.41;
  object-fit: cover;
  border: 1px solid rgba(17,17,17,.18);
  border-radius: 0;
  box-shadow: 0 8px 18px rgba(30,24,16,.14);
  transition: transform .2s, box-shadow .2s;
}
.issue-summary a:hover .issue-summary-cover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(30,24,16,.2);
}

.issue-summary .card-body { padding: .9rem 0 0 !important; }

.issue-summary .issue-summary-series {
  font-family: var(--sans);
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .01em;
  margin: 0 0 .2rem;
}
.issue-summary .issue-summary-series a {
  color: var(--ink);
  text-decoration: none;
}
.issue-summary .issue-summary-series a:hover { color: var(--ink); }

.issue-summary .issue-summary-date {
  font-family: var(--serif);
  font-style: italic;
  font-size: 13px;
  color: var(--ink-2);
  margin: 0;
}

/* Numre uden forsidebillede får en sandfarvet "forside" med KVANT */
.issue-summary:not(:has(.issue-summary-cover))::before {
  content: "KVANT";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1.41;
  background-color: var(--sand);
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  border: 1px solid var(--line);
  font-family: var(--sans);
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: .08em;
  color: var(--orange-text);
}



/* ---------- Arkiv: størrelser – store forsider for den igangværende
   gruppe, 10 pr. række for alle ældre årgange ----------
   Gitteret har 10 kolonner. De nyeste numre (Årgang 36–) fylder 2 kolonner
   (5 pr. række), numrene fra 2024 og ældre fylder 1 kolonne (10 pr. række).
   Grænsen er hæftet på Årg. 35 Nr. 4 (2024), id 13268: det og alle numre
   efter det på siden vises små. */
.page-archives {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 2.25rem 1rem !important;
}
.page-archives > .row > [class*="col-"],
.page-archives > .row > [class*="col-"] > .issue-summary { grid-column: span 2; }

.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]),
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"],
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"],
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) > .issue-summary,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"] > .issue-summary,
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"] > .issue-summary {
  grid-column: span 1;
}
/* Det første lille nummer starter på en ny række (det står også under en gruppeoverskrift) */
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) { grid-column: 1 / span 1; }

/* Mindre tekst under de små forsider */
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) .issue-summary-series,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"] .issue-summary-series,
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"] .issue-summary-series {
  font-size: 12px !important;
  line-height: 1.25;
}
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) .issue-summary-date,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"] .issue-summary-date,
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"] .issue-summary-date {
  font-size: 11px;
}
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) .card-body,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"] .card-body,
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"] .card-body {
  padding-top: .55rem !important;
}

@media (max-width: 991px) {
  .page-archives { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  .page-archives {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.75rem .75rem !important;
  }
}

/* ---------- Arkiv: open access / closed access på hver forside ----------
   Et lille mærke i forsidens øverste højre hjørne: det orange open
   access-logo eller den bordeauxrøde lukkede lås.
   Alle numre fra og med Årg. 37 Nr. 1 (april 2026), id 13882, og ældre er
   open access. Nyere numre (og nye numre, der udkommer) vises som closed
   access. Når et nummer bliver frit tilgængeligt (6 måneders embargo),
   ændres id'et 13882 herunder til det nyeste open access-nummer.
   Næste gang: Årg. 37 Nr. 2 (juli 2026), id 13883 – åbner 1. januar 2027. */
.issue-summary a:has(> .issue-summary-cover) {
  position: relative;
  display: block;
}
.issue-summary a:has(> .issue-summary-cover)::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 100'%3E%3Cg fill='none' stroke='%238E2433' stroke-width='9'%3E%3Cpath d='M15 52V31a17 17 0 0 1 34 0v21'/%3E%3Ccircle cx='32' cy='68' r='23'/%3E%3C/g%3E%3Ccircle cx='32' cy='68' r='8' fill='%238E2433'/%3E%3C/svg%3E");
  background-size: 9px 14px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 1px 4px rgba(0,0,0,.35);
  z-index: 1;
  transition: transform .2s;
}
.issue-summary a:hover:has(> .issue-summary-cover)::after { transform: translateY(-4px); }

.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13882"]) .issue-summary a:has(> .issue-summary-cover)::after,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13882"]) ~ [class*="col-"] .issue-summary a:has(> .issue-summary-cover)::after,
.page-archives > .row:has(a[href$="/issue/view/13882"]) ~ .row > [class*="col-"] .issue-summary a:has(> .issue-summary-cover)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 100'%3E%3Cg fill='none' stroke='%23F68212' stroke-width='9'%3E%3Cpath d='M15 52V31a17 17 0 0 1 34 0v6'/%3E%3Ccircle cx='32' cy='68' r='23'/%3E%3C/g%3E%3Ccircle cx='32' cy='68' r='8' fill='%23F68212'/%3E%3C/svg%3E");
}

/* Mindre mærke på de små forsider */
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) .issue-summary a:has(> .issue-summary-cover)::after,
.page-archives > .row > [class*="col-"]:has(a[href$="/issue/view/13268"]) ~ [class*="col-"] .issue-summary a:has(> .issue-summary-cover)::after,
.page-archives > .row:has(a[href$="/issue/view/13268"]) ~ .row > [class*="col-"] .issue-summary a:has(> .issue-summary-cover)::after {
  width: 18px;
  height: 18px;
  top: 4px;
  right: 4px;
  background-size: 7px 11px;
}

/* Sidetitler (arkiv, om, søg …) */
.page-header h1, .page-content > h1, h1.page-title {
  font-family: var(--sans);
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ink);
}

/* ==========================================================================
   ARTIKELSIDE
   ========================================================================== */

/* ---------- Topsektion: nummer, titel, rubrik, DOI, dato, forfattere ---------- */
.article-details .page-header {
  text-align: center;
  padding: 2.5rem 0 1.5rem;
  margin-bottom: 2rem;
  border: 0;
}

.article-details-issue-identifier a,
.article-details-issue-section a {
  font-family: var(--serif);
  font-style: italic;
  font-size: 15px;
  color: var(--ink-2);
  text-decoration: none;
}
.article-details-issue-identifier a:hover { color: var(--ink); }

.article-details .article-details-fulltitle {
  font-family: var(--sans);
  font-weight: 700;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  line-height: 1.25;
  letter-spacing: .015em;
  color: var(--ink);
  max-width: 820px;
  margin: .5rem auto 1rem;
}

/* Rubrik/sektion (fx "Genudgivelse") som lille orange etiket */
.article-details-issue-section.large-screen,
.article-details-issue-section span {
  display: inline-block;
  font-family: var(--sans);
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--orange-text);
  margin-bottom: .6rem;
}

.article-details .page-header .article-details-doi a {
  font-family: var(--serif);
  font-size: 13px;
  color: var(--bordeaux);
  text-decoration: none;
}

.article-details-published {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--ink-2);
  margin: .35rem 0 1.25rem;
}
.article-details-published::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--mint);
  margin: 1.25rem auto 0;
}

/* Forfatterlinjen */
.authors-string { margin-bottom: .5rem; }
.authors-string .author-string-href {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  text-decoration: none;
}
.authors-string .author-string-href:hover { color: var(--ink); }
.authors-string .author-symbol { color: var(--orange-text); }
.authors-string .orcidImage svg { width: 16px; height: 16px; vertical-align: -2px; }

/* Udfoldet forfatterinfo (affiliation, ORCID, biografi-knap) */
.article-details-authors { margin-top: 1rem; }
.article-details-author {
  display: inline-block;
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  padding: 1rem 1.5rem;
  margin: .5rem;
  text-align: center;
}
.article-details-author-name { font-family: var(--sans); font-weight: 700; color: var(--ink); }
.article-details-author-affiliation {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--ink-2);
  margin: .25rem 0 .6rem;
}

.article-details-bio-toggle {
  background: #fff;
  border: 1px solid var(--btn-line);
  border-radius: 14px;
  color: var(--bordeaux);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  padding: .3rem .95rem;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.article-details-bio-toggle:hover {
  background: var(--orange-soft);
  border-color: var(--orange);
}

/* ---------- Hovedkolonne: hvidt kort ---------- */
.article-details-main {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  padding: 36px 40px;
}

.article-details-main .article-details-block {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 2.25rem;
}

/* Sektionsoverskrifter (Resumé, Referencer, Licens …) */
.article-details .article-details-heading {
  position: relative;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  margin: 0 0 1rem;
  padding-bottom: .6rem;
}
.article-details .article-details-heading::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 36px;
  height: 3px;
  background: var(--mint);
}

/* Resumé */
.article-details-abstract p {
  font-family: var(--serif);
  font-size: 1.12rem;
  line-height: 1.8;
  color: var(--ink);
}

/* Referencer – mindre skrift, luft mellem referencerne (ingen indrykning,
   så DOI-links på egen linje flugter med teksten) */
.article-details-references-value p {
  font-family: var(--serif);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink-2);
  margin: 0 0 .7rem;
  padding: 0 0 2px;   /* plads til link-laseren, så temaets rullepile ikke dukker op */
  text-indent: 0;
  border: 0;
}
.article-details-references-value a {
  color: var(--bordeaux);
  word-break: break-all;
  text-decoration: none;
}
.article-details-references-value a:hover { text-decoration: underline; }

/* Licens */
.article-details-license,
.article-details-license p {
  font-family: var(--serif);
  font-size: 13px;
  color: var(--ink-2);
}

/* PDF-knap i bunden og i sidebar – lidt større */
.article-details-galleys .btn-primary {
  font-size: 13px !important;
  padding: .45rem 1.3rem !important;
}

/* ---------- Sidebar ---------- */
.article-details-sidebar .article-details-block {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  border: 0 !important;
  padding: 1.25rem !important;
  margin-bottom: 1.25rem;
}

/* Forsidebilledet (bruges til forfatterportræt) – i sit naturlige format med tynd kant og skygge */
.article-details-sidebar .article-details-cover {
  text-align: center;
  padding-top: 1.5rem !important;
}
.article-details-sidebar .article-details-cover::before {
  content: "Forfatter";
  display: block;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  margin-bottom: .9rem;
}
.article-details-sidebar .article-details-cover img {
  width: 100%;
  max-width: 190px;
  height: auto;
  border-radius: 0;
  border: 1px solid rgba(17,17,17,.2);
  box-shadow: 0 8px 20px rgba(30,24,16,.15);
}

/* Når artiklen ikke har sit eget billede, viser OJS nummerets forside
   (filnavn "cover_issue…"). Den vises som en rigtig forside – ikke rund. */
.article-details-sidebar .article-details-cover:has(img[src*="cover_issue"])::before {
  content: "Fra nummeret";
}
.article-details-sidebar .article-details-cover img[src*="cover_issue"] {
  width: 100%;
  max-width: 190px;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  border: 1px solid rgba(17,17,17,.35);
  box-shadow: 0 10px 20px rgba(30,24,16,.15);
  transition: transform .2s, box-shadow .2s;
}
.article-details-sidebar .article-details-cover a:hover img[src*="cover_issue"] {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(30,24,16,.2);
}

.article-details-sidebar .article-details-galleys { text-align: center; }

/* Citation */
.article-details-how-to-cite-citation,
.csl-entry {
  font-family: var(--serif);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink);
  word-break: break-word;
}
.article-details-how-to-cite .dropdown-toggle {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  background: #fff;
  border: 1px solid var(--btn-line);
  border-radius: 14px;
  color: var(--bordeaux);
  margin-top: .75rem;
}

/* Øvrige sidebarfelter (nøgleord, statistik osv.) */
.article-details-sidebar .article-details-block .value,
.article-details-sidebar .article-details-block p,
.article-details-sidebar .article-details-block li {
  font-family: var(--serif);
  font-size: 14px;
}

/* ---------- Biografi: pop-up som forfatterkort med portræt ----------
   Portrættet vises, hvis der er indsat et billede i forfatterens biografi
   (i OJS: rediger forfatter → Biografi → indsæt billede). */
.modal[id^="authorBiographyModal"] .modal-dialog { max-width: 620px; }

.modal[id^="authorBiographyModal"] .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: 0 24px 60px rgba(30,24,16,.25);
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
}

.modal[id^="authorBiographyModal"] .modal-header {
  border: 0;
  padding: 1.75rem 2rem .5rem;
  align-items: flex-start;
}

.modal[id^="authorBiographyModal"] .modal-title {
  font-family: var(--sans);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .015em;
  color: var(--ink);
}
.modal[id^="authorBiographyModal"] .modal-title::before {
  content: "Om forfatteren";
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  margin-bottom: .35rem;
}

.modal[id^="authorBiographyModal"] .close {
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--ink-2);
  opacity: 1;
}
.modal[id^="authorBiographyModal"] .close:hover { color: var(--bordeaux); }

.modal[id^="authorBiographyModal"] .modal-body {
  padding: .75rem 2rem 2rem;
  font-family: var(--serif);
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink);
}
.modal[id^="authorBiographyModal"] .modal-body::after { content: ""; display: table; clear: both; }

/* Portræt i biografien: rundt, med mint ring, flyder til venstre for teksten */
.modal[id^="authorBiographyModal"] .modal-body img {
  float: left;
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
  object-position: center 25%;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px var(--mint), 0 8px 20px rgba(30,24,16,.15);
  margin: .35rem 1.5rem .75rem .2rem;
}

.modal-backdrop.show { opacity: .55; background: #1E1810; }

/* ---------- "Mest læste artikler af samme forfatter(e)" ---------- */
#articlesBySameAuthorList {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  padding: 28px 40px 20px;
  margin: 2rem 0 3rem;
}

/* Skjul kortet helt, hvis forfatteren ikke har andre artikler */
#articlesBySameAuthorList:not(:has(li)) { display: none !important; }

#articlesBySameAuthorList h3 {
  position: relative;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  padding-bottom: .6rem;
  margin-bottom: 1rem;
}
#articlesBySameAuthorList h3::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 36px;
  height: 3px;
  background: var(--mint);
}

#articlesBySameAuthorList ul { list-style: none; padding: 0; margin: 0; }

#articlesBySameAuthorList li {
  position: relative;
  font-family: var(--serif);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  padding: .75rem 0 .75rem 1.4rem;
  border-bottom: 1px solid var(--line);
}
#articlesBySameAuthorList li:last-child { border-bottom: 0; }

/* Temaets røde trekant erstattes af en lille orange prik */
#articlesBySameAuthorList li::before {
  content: "" !important;
  position: absolute;
  left: .2rem !important;
  top: 1.25rem !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  border-radius: 50%;
  background: var(--orange);
}

/* Artikeltitel */
#articlesBySameAuthorList li a:first-of-type {
  font-family: var(--sans);
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
}
#articlesBySameAuthorList li a:first-of-type:hover { color: var(--ink); }

/* Nummer (fx "KVANT: Årg. 13 Nr. 1") */
#articlesBySameAuthorList li a:last-of-type {
  font-style: italic;
  color: var(--bordeaux);
  text-decoration: none;
}

/* ---------- Artikelside på mobil ---------- */
@media (max-width: 991px) {
  .article-details-main,
  #articlesBySameAuthorList { padding: 24px 18px; }
  .article-details-sidebar { margin-top: 1.5rem; }
}
@media (max-width: 600px) {
  .modal[id^="authorBiographyModal"] .modal-body img {
    float: none;
    display: block;
    margin: .25rem auto 1rem;
  }
}

/* ---------- Formularer ---------- */
.form-control:focus,
input:focus, select:focus, textarea:focus {
  border-color: var(--bordeaux) !important;
  box-shadow: 0 0 0 3px rgba(71,255,184,.4) !important;
}

/* ---------- Footer ---------- */
.site-footer {
  background: var(--sand-dark) !important;
  border-top: 1px solid var(--line);
  padding: 56px 0;
}

.site-footer,
.site-footer p,
.site-footer-content { color: var(--ink-2); font-family: var(--serif); font-size: 14px; }

.site-footer strong { color: var(--ink); font-family: var(--sans); font-weight: 700; font-size: 1rem; }

.site-footer a { color: var(--bordeaux); }
.site-footer a:hover { color: var(--ink); }

.site-footer .pkp_block .title {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--orange-text);
}

.site-footer .pkp_block ul { list-style: none; padding: 0; }
.site-footer .pkp_block li { margin-bottom: .35rem; }

/* ---------- Mobil ---------- */
@media (max-width: 991px) {
  .main-header .navbar-nav { width: 100% !important; }
  .main-header .nav-link { border-bottom: 0; }
  .main-header .navbar-collapse {
    background-color: #fff;
    background-image: var(--kvant-bar-soft);
    background-size: 100% 6px;
    background-position: top;
    background-repeat: no-repeat;
  }
  .homepage-issue-cover { max-width: 240px; margin: 0 auto 1.5rem; display: block; }
}

@media (max-width: 600px) {
  .page-content, .container-homepage-issue { padding: 24px 16px; }
  .homepage-issue-identifier { font-size: 1.5rem !important; }
  .homepage-issue-description-wrapper { padding: 20px; }
  .article-summary {
    grid-template-columns: 18px 1fr;
    grid-template-areas: "icon title" ". authors" ". doi" ". galleys";
  }
  .article-summary-galleys { justify-content: flex-start; margin-top: .4rem !important; }
}

/* ==========================================================================
   LINKS VED HOVER – "laser"-streg som i KVANT-logoet (alle sider)
   Når musen holdes over et link, dukker en lille mintgrøn kugle op under
   linkets start, og en mintgrøn streg skyder ud fra den mod højre –
   ligesom stregen fra K'et i logoet. Teksten bliver mørk og læsbar.
   Knapper, billeder og menupunkter har deres egen hover-effekt.
   ========================================================================== */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(:has(img)) {
  background-image:
    radial-gradient(circle closest-side, var(--mint) 82%, rgba(71,255,184,0) 100%),
    linear-gradient(var(--mint), var(--mint));
  background-repeat: no-repeat;
  /* Kuglen (7 px) og strålen (2,5 px) har samme midte og ligger lige
     under bogstavernes fod (grundlinjen) */
  background-position: 0 100%, 0 calc(100% - 2.25px);
  background-size: 0 0, 0 2.5px;
  padding-bottom: 1px;
  transition: background-size .35s cubic-bezier(.3,.7,.2,1);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(:has(img)):hover,
a:not(.btn):not(.nav-link):not(.dropdown-item):not(:has(img)):focus-visible {
  color: var(--ink) !important;
  text-decoration: none !important;
  background-size: 7px 7px, 100% 2.5px;
  animation: kvant-laser .6s cubic-bezier(.3,.7,.2,1);
}

/* Først kuglen, så skyder strålen ud */
@keyframes kvant-laser {
  0%   { background-size: 0 0, 0 2.5px; }
  25%  { background-size: 7px 7px, 7px 2.5px; }
  100% { background-size: 7px 7px, 100% 2.5px; }
}

@media (prefers-reduced-motion: reduce) {
  a:not(.btn):not(.nav-link):not(.dropdown-item):not(:has(img)) { transition: none; }
  a:not(.btn):not(.nav-link):not(.dropdown-item):not(:has(img)):hover { animation: none; }
}

/* ==========================================================================
   RUNDE KNAPPER – ens udseende og mintgrøn "laser-ramme" ved hover
   PDF-knapper, "Se alle numre", "Biografi" og "Citationsformater".
   De tre første er orange piller ligesom PDF-knapperne; citationsknappen
   forbliver hvid. Når musen holdes over en knap, løber en mintgrøn
   laserstråle rundt langs kanten, og knappen får en svag mintgrøn glød.
   ========================================================================== */
@property --kvant-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.btn-primary,
.article-summary-galleys .btn,
.homepage-issue-galleys .btn,
.article-details-galleys .btn,
.container-homepage-issue > .text-center a,
.page-content .text-center .btn,
.article-details-bio-toggle,
.article-details-how-to-cite .dropdown-toggle {
  --pill-fill: #F99A00;
  background-color: transparent !important;
  background-image:
    linear-gradient(var(--pill-fill), var(--pill-fill)),
    linear-gradient(var(--pill-fill), var(--pill-fill)) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  color: #111 !important;
  font-family: var(--sans);
  font-size: 12px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  text-decoration: none !important;
  padding: .3rem 1rem !important;
  box-shadow: none !important;
  transform: none !important;
  transition: box-shadow .25s;
}

/* "Se alle numre" lidt større, da den står alene */
.container-homepage-issue > .text-center a,
.page-content .text-center .btn {
  font-size: 13px !important;
  padding: .5rem 1.4rem !important;
}

/* Citationsknappen er en menu og forbliver hvid */
.article-details-how-to-cite .dropdown-toggle {
  --pill-fill: #fff;
  border-color: transparent !important;
  text-transform: none;
}
.article-details-how-to-cite .dropdown-toggle:not(:hover) {
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(rgba(17,17,17,.22), rgba(17,17,17,.22)) !important;
}

/* Laser-rammen: fra knappens nederste venstre hjørne skyder en skarp
   mintgrøn ramme én gang mod uret hele vejen rundt om knappen – og bliver
   stående, så længe musen er over den. */
@property --kvant-sweep {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.btn-primary,
.article-summary-galleys .btn,
.homepage-issue-galleys .btn,
.article-details-galleys .btn,
.container-homepage-issue > .text-center a,
.page-content .text-center .btn,
.article-details-bio-toggle,
.article-details-how-to-cite .dropdown-toggle {
  position: relative;
  overflow: visible;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.article-summary-galleys .btn:hover,
.homepage-issue-galleys .btn:hover,
.article-details-galleys .btn:hover,
.container-homepage-issue > .text-center a:hover,
.container-homepage-issue > .text-center a:focus-visible,
.page-content .text-center .btn:hover,
.page-content .text-center .btn:focus-visible,
.article-details-bio-toggle:hover,
.article-details-how-to-cite .dropdown-toggle:hover {
  background-image:
    linear-gradient(var(--pill-fill), var(--pill-fill)),
    /* Fyldes bagfra, så rammen skyder mod uret fra kuglen */
    conic-gradient(from 250deg,
      transparent 0deg,
      transparent calc(360deg - var(--kvant-sweep)),
      #47FFB8 calc(360deg - var(--kvant-sweep)),
      #47FFB8 360deg) !important;
  background-color: transparent !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  transform: none !important;
  animation: kvant-draw .55s cubic-bezier(.45,.05,.35,1) both;
}

@keyframes kvant-draw {
  from { --kvant-sweep: 0deg; }
  to   { --kvant-sweep: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  .btn-primary:hover,
  .article-summary-galleys .btn:hover,
  .container-homepage-issue > .text-center a:hover,
  .page-content .text-center .btn:hover,
  .article-details-bio-toggle:hover,
  .article-details-how-to-cite .dropdown-toggle:hover {
    animation: none;
    background-image:
      linear-gradient(var(--pill-fill), var(--pill-fill)),
      linear-gradient(#47FFB8, #47FFB8) !important;
  }
}

/* Ingen fokus-ramme på de runde knapper efter et klik. "Biografi" og
   "Citationsformater" får fokus tilbage, når pop-up/menu lukkes – de vender
   derfor helt tilbage til normal tilstand. Øvrige knapper viser den
   mintgrønne laser-ramme ved tastaturnavigation. */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.article-summary-galleys .btn:focus,
.container-homepage-issue > .text-center a:focus,
.page-content .text-center .btn:focus,
.article-details-bio-toggle,
.article-details-bio-toggle:focus,
.article-details-bio-toggle:active,
.article-details-how-to-cite .dropdown-toggle:focus,
.article-details-how-to-cite .dropdown-toggle:active {
  outline: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   NUMMERSIDE (fx /issue/view/13254) – samme stil som forsiden
   Hvidt kort med blød gradueret streg i toppen, centreret overskrift,
   beskrivelse i sandfarvet boks med orange venstrekant, forsiden til venstre
   og indholdsfortegnelsen i fuld bredde nedenunder.
   ========================================================================== */
.page-issue {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  padding: 40px 32px 32px !important;
  margin-top: 32px;
  margin-bottom: 48px;
}

/* Overskrift */
.page-issue-header {
  text-align: center;
  border: 0 !important;
  margin: 0 0 2.5rem !important;
  padding: 0 !important;
}
.page-issue-header h1 {
  font-family: var(--sans);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--ink);
  margin: 0 0 .75rem;
  text-shadow: none;
}
.page-issue-header h1::before {
  content: "Nummer";
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--orange-text);
  margin-bottom: .5rem;
}
.page-issue-date {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--ink-2);
}
.page-issue-doi {
  margin-top: .25rem;
}
.page-issue-doi a {
  font-family: var(--serif);
  font-size: 13px;
  color: var(--bordeaux);
  text-decoration: none;
}
.page-issue-header::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--mint);
  margin: 1.25rem auto 0;
}

/* Computer: beskrivelse til venstre og forside til højre */
.page-issue-details {
  align-items: flex-start;
  margin-bottom: 2.5rem;
}

.page-issue-cover {
  display: block;
  width: 100%;
  border: 1px solid rgba(17,17,17,.35);
  border-radius: 0;
  box-shadow: 0 10px 20px rgba(30,24,16,.12);
  margin-bottom: 1.5rem;
}

.page-issue-description-wrapper {
  background: var(--sand) !important;
  border: 1px solid var(--line);
  border-left: 3px solid var(--orange);
  border-radius: 0;
  padding: 32px;
}
.page-issue-description {
  font-family: var(--serif);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink);
}
.page-issue-description .h2 {
  font-family: var(--sans);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: left;
  color: var(--ink);
  margin-bottom: 1rem;
}
.page-issue-description strong {
  display: inline-block;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--orange-text);
  margin-top: 1rem;
}
.page-issue-description ul {
  padding-left: 1.1rem;
  margin: .5rem 0 0;
}
.page-issue-description li {
  margin-bottom: .2rem;
}
.page-issue-description li::marker { color: var(--orange); }

/* Indholdsfortegnelsen i fuld bredde, centreret som på forsiden */
.page-issue > .row:last-child > [class*="col-"] {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Mobil og tablet: forsiden står over beskrivelsen, centreret */
@media (max-width: 991px) {
  .page-issue-details > .col-lg-3 { order: -1; align-items: center; margin-bottom: 1.5rem; }
  .page-issue-cover { max-width: 240px; margin: 0 auto 1rem; }
}
@media (max-width: 600px) {
  .page-issue { padding: 24px 16px !important; }
  .page-issue-description-wrapper { padding: 20px; }
}

/* ==========================================================================
   NUMMERSIDE: REDAKTØR UNDER FORSIDEN
   Navn og ORCID iD på nummerets redaktør vises under forsidebilledet.
   Hvert nummer får én linje i listen "Redaktører pr. nummer" herunder.
   Nummeret genkendes på sin DOI (fx .../kvant.v36i2 = Årg. 36 Nr. 2).
   Numre uden en linje i listen viser ingen redaktør.
   (Teksten er ikke et klikbart link – det kan et stylesheet ikke lave.)
   ========================================================================== */
.page-issue-details > .col-lg-3 {
  display: flex;
  flex-direction: column;
}
.page-issue-details > .col-lg-3 > a { order: 1; }

/* "REDAKTØR" */
.page-issue-details > .col-lg-3::before {
  order: 2;
  content: var(--kvant-editor-label);
  display: block;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  padding-top: .9rem;
  margin-bottom: .35rem;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 4px;
  background-position: top;
  background-repeat: no-repeat;
}

/* Navn + ORCID iD (med ORCIDs grønne iD-ikon) */
.page-issue-details > .col-lg-3::after {
  order: 3;
  content: var(--kvant-editor) "\A" var(--kvant-orcid);
  white-space: pre-line;
  display: block;
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--ink);
  padding-left: 22px;
  text-indent: -22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23A6CE39'/%3E%3Ctext x='16' y='21.5' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='15' fill='%23fff'%3EiD%3C/text%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: left bottom 3px;
  background-repeat: no-repeat;
}

/* ---------- Redaktører pr. nummer ----------
   Tilføj én linje pr. nummer:
   .page-issue:has(.page-issue-doi a[href$="/kvant.vÅRGiNR"]) { --kvant-editor-label: "Redaktør"; --kvant-editor: "Navn"; --kvant-orcid: "0000-0000-0000-0000"; } */
.page-issue:has(.page-issue-doi a[href$="/kvant.v36i2"]) { --kvant-editor-label: "Redaktør"; --kvant-editor: "Jens Olaf Pepke Pedersen"; --kvant-orcid: "0000-0001-8058-0858"; }

/* ---------- Redaktør skrevet i nummerets beskrivelse (klikbart ORCID) ----------
   Hvis beskrivelsen indeholder et afsnit med et ORCID-link, vises det som en
   redaktørlinje øverst i den sandfarvede boks med ORCIDs grønne iD-ikon.
   Står redaktøren i beskrivelsen, skjules redaktøren under forsiden, så den
   ikke vises to gange. Virker både på nummersiden og på forsiden. */
.page-issue-description p:has(a[href*="orcid.org"]),
.homepage-issue-description p:has(a[href*="orcid.org"]) {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  padding-bottom: .9rem;
  margin-bottom: 1.1rem;
  border-bottom: 1px solid var(--line);
}
.page-issue-description p:has(a[href*="orcid.org"]) strong,
.homepage-issue-description p:has(a[href*="orcid.org"]) strong {
  margin: 0 .4rem 0 0;
}
.page-issue-description a[href*="orcid.org"],
.homepage-issue-description a[href*="orcid.org"] {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 13px;
  color: var(--bordeaux);
  white-space: nowrap;
}
.page-issue-description a[href*="orcid.org"]::before,
.homepage-issue-description a[href*="orcid.org"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 .3rem 0 .5rem;
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23A6CE39'/%3E%3Ctext x='16' y='21.5' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-weight='700' font-size='15' fill='%23fff'%3EiD%3C/text%3E%3C/svg%3E") center / contain no-repeat;
}
.page-issue:has(.page-issue-description a[href*="orcid.org"]) .page-issue-details > .col-lg-3::before,
.page-issue:has(.page-issue-description a[href*="orcid.org"]) .page-issue-details > .col-lg-3::after {
  content: none;
}

/* ==========================================================================
   SØGESIDE (/search/search)
   Søgefunktionen virker – det var layoutet, der var "skørt": resultaterne
   arvede artikellistens tre-kolonne-opsætning, så uddragene blev presset
   ind i en smal kolonne med ét ord pr. linje. Her får søgesiden sit eget,
   roligt layout i samme stil som resten af siden.
   ========================================================================== */

/* Overskrift */
.page-search > .page-header {
  text-align: center;
  border: 0;
  margin: 2.5rem 0 2rem;
}
.page-search > .page-header h1 {
  font-family: var(--sans);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  letter-spacing: .015em;
  color: var(--ink);
}
.page-search > .page-header h1 em {
  font-style: normal;
  color: var(--ink);
  background-image: linear-gradient(var(--mint), var(--mint));
  background-size: 100% 4px;
  background-position: 0 92%;
  background-repeat: no-repeat;
}

/* ---------- Søgeparametre (venstre kolonne) ---------- */
.search-filters {
  background-color: #fff !important;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 28px 24px 24px !important;
  margin-bottom: 2rem;
}
.search-filters h2 {
  font-family: var(--sans);
  font-size: 13px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--orange-text);
  margin: 0 0 1.25rem;
}
.search-filters label {
  display: block;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: .35rem;
}
.search-filters .form-group { margin-bottom: 1.1rem; }

.search-filters .form-control {
  font-family: var(--serif);
  font-size: 15px;
  color: var(--ink);
  background: var(--sand) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: .45rem .65rem !important;
  height: auto;
  box-shadow: none;
}
.search-filters .form-control-date {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: .4rem;
}
.search-filters select.form-control { padding: .4rem .3rem !important; width: 100% !important; margin: 0 !important; }

.search-filters .form-group-buttons { margin: 1.5rem 0 0; }
.search-filters .form-group-buttons .btn {
  font-size: 13px !important;
  padding: .5rem 1.6rem !important;
}

/* ---------- Resultater (højre kolonne) ---------- */
.search-results {
  background-color: #fff;
  background-image: var(--kvant-bar-soft);
  background-size: 100% 6px;
  background-position: top;
  background-repeat: no-repeat;
  padding: 16px 32px 24px;
  margin-bottom: 3rem;
}

/* Hvert resultat: titel og dato øverst, så forfatter, DOI og uddrag */
.search-results .article-summary {
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title   date"
    "authors authors"
    "doi     doi"
    "hl      hl"
    "galleys galleys";
  column-gap: 1.5rem;
  row-gap: .25rem;
  padding: 20px 0 !important;
  border-bottom: 1px solid var(--line);
}
.search-results .article-summary:last-child { border-bottom: 0; }
.search-results .article-summary::before { display: none !important; }

.search-results .article-summary-title   { grid-area: title; }
.search-results .article-summary-authors { grid-area: authors; }
.search-results .article-summary-date {
  grid-area: date;
  font-family: var(--serif);
  font-style: italic;
  font-size: 13px;
  color: var(--ink-2);
  white-space: nowrap;
  padding-top: .15rem;
}
.search-results .article-summary-doi { grid-area: doi; }
.search-results .article-summary-galleys {
  grid-area: galleys;
  justify-content: flex-start !important;
  margin-top: .5rem !important;
}

/* Uddraget med søgeordet fremhævet */
.search-results .plugins_generic_lucene_highlighting {
  grid-area: hl;
  font-family: var(--serif);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-2);
  margin-top: .45rem;
  padding-left: .8rem;
  border-left: 2px solid var(--line);
}
.search-results .plugins_generic_lucene_highlighting em {
  font-style: normal;
  font-weight: 600;
  color: var(--ink);
  background: rgba(71,255,184,.35);
  padding: 0 .15em;
  border-radius: 2px;
}

/* "Ingen resultater" – roligt i stedet for rødt */
.search-results .alert {
  font-family: var(--serif);
  font-size: 15px;
  color: var(--ink) !important;
  background: var(--sand) !important;
  border: 1px solid var(--line) !important;
  border-left: 3px solid var(--orange) !important;
  border-radius: 0 !important;
  padding: 1rem 1.25rem !important;
  margin: 16px 0 0;
}

/* Før man har søgt: en hjælpetekst i stedet for "Ingen resultater" */
.page-search:has(#query[value=""]):not(:has(#authors:not([value=""]))) .search-results .alert {
  font-size: 0 !important;
  border-left-color: var(--mint) !important;
}
.page-search:has(#query[value=""]):not(:has(#authors:not([value=""]))) .search-results .alert::before {
  content: "Søg i alle numre af KVANT siden 1990 – på ord i titler, resuméer og artikeltekst. Du kan også søge på forfatter eller afgrænse til bestemte år.";
  font-size: 15px;
  line-height: 1.6;
}

/* Sideskift i resultaterne */
.page-search .pagination .page-link,
.page-search .cmp_pagination a {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink);
  border-color: var(--line);
}
.page-search .pagination .active .page-link {
  background: var(--orange);
  border-color: var(--orange);
  color: #111;
}

@media (max-width: 991px) {
  .search-results { padding: 12px 18px 18px; }
}