/* ------------------------------------------------------------------
   refresh.css — MINIMAL styling til de BEVAREDE funktioner:
   samlet Debatindlæg-oversigt + markering af ældre indlæg.
   INGEN redesign. Matcher det oprindelige look (farver, knapper, serif).
------------------------------------------------------------------ */

/* ---- Topmenu: rollen som dæmpet underrubrik under navnet --------------
   Står på alle sider. Bevidst lavmælt: lille, grå og uden fed — den skal
   kunne læses, men ikke konkurrere med navnet eller menupunkterne. */
.navbar .brand-tagline {
  font-family: 'Merriweather', serif;
  font-size: 12px; font-weight: 400;
  color: #6e7b84;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin: 1px 0 0 2px;
  white-space: nowrap;
}
/* Logoet er et inline-billede og satte sig derfor på tekstlinjens bundlinje,
   hvilket efterlod en luftlomme ned til underrubrikken. Som blok forsvinder
   den, og de to kan sidde tæt. */
.navbar .brand a { display: inline-block; line-height: 0; }
.navbar .logo { display: block; margin-top: 17px; }
/* Underrubrikken skal have bund at stå på — bjælken var kun høj nok til logoet */
.navbar { padding-bottom: 11px; }

/* Rollen vises ét sted ad gangen: i menuen på desktop, i toppen af forsiden
   på mobil. Under 700px centrerer responsive.css logoet lodret som absolut
   element, og resten af bjælken er optaget af "Kontakt mig" + burgeren — der
   er ikke plads til linjen uden at den lander under knappen. */
.home_s1 .boxes .l h2.hero-tagline { display: none; }
@media (max-width: 700px) {
  .navbar .brand-tagline { display: none; }
  .home_s1 .boxes .l h2.hero-tagline {
    display: block;
    color: #c6d3dc;          /* på mørk bund går "tydeligere" opad, ikke nedad */
    font-size: 12px; letter-spacing: .5px;
    max-width: 300px; margin-left: auto; margin-right: auto;
    text-wrap: balance;
  }
}

/* ---- Forsidens top: tekstboks + portræt -------------------------------
   Finpudsning, ikke redesign. Samme farver, font og centrering som før. */

/* De to halvdele blev mødt af skarpe kanter midt i en side hvor alt andet nu
   er afrundede kort. Runder toppen af og giver den luft ned fra menuen,
   så afrundingen kan ses i stedet for at klemme op mod den hvide bjælke. */
.home_s1 .boxes {
  margin-top: 34px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(6, 31, 44, .10);
}

/* Titlen brydes i lige lange linjer frem for at efterlade et ord alene */
.home_s1 .boxes .l h1 { text-wrap: balance; }

/* Links i toppen: hvide som før, men med luft under stregen og grøn ved
   musen-over — samme grønne som resten af sitet. */
.home_s1 .boxes .l p a {
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255, 255, 255, .45);
  transition: color .2s ease, text-decoration-color .2s ease;
}
.home_s1 .boxes .l p a:hover {
  color: #3eb666;
  text-decoration-color: #3eb666;
}

/* Debat-oversigten: samme kort som originalen, bare i et grid der bryder pænt */
.debat_list .boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 34px;
}
/* Hvert indlæg står i sit eget kort, så de er visuelt adskilt fra hinanden.
   Gælder alle tre steder debat-kortene bruges: forsiden, /debat og
   "Læs andre synspunkter" nederst på et indlæg. */
.home_s3 .boxes { align-items: stretch; }
.home_s3 .boxes .box {
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid #e6e8e0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(6, 31, 44, .05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home_s3 .boxes .box:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(6, 31, 44, .13);
  border-color: #dcdfd5;
}
/* Ensartet billedhøjde, så korthovederne flugter på tværs af rækken */
.home_s3 .boxes .box img {
  width: 100%; height: 190px; object-fit: cover;
  display: block; background: #f2f3ee;
}
/* Teksten holdes inde i kortet; knappen skubbes til bunden så de flugter */
.home_s3 .boxes .box h3,
.home_s3 .boxes .box p,
.home_s3 .boxes .box .old-tag { margin-left: 24px; margin-right: 24px; }
.home_s3 .boxes .box h3 { margin-top: 20px; }
.home_s3 .boxes .box .btn { margin-top: auto; padding: 20px 24px 24px; }
/* Mærkesag som etiket på kortet: viser emnet uden at konkurrere med overskriften.
   Ikke et link — mærkesags-siderne findes ikke længere (/sag/* → /debat). */
.home_s3 .boxes .box .tags {
  margin: 18px 24px 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px;
  line-height: normal;
}
.home_s3 .boxes .box .tag {
  font-family: 'Overpass', sans-serif;
  font-size: 11px; font-weight: 600; letter-spacing: .5px;
  text-transform: uppercase;
  color: #2a995b; background: #eef5f0;
  border: 1px solid #dbeae1; border-radius: 3px;
  padding: 3px 8px;
}
.home_s3 .boxes .box .tags + h3 { margin-top: 10px; }
.home_s3 .box .date {
  font-family: 'Merriweather', serif; font-size: 13px; color: #6a7982;
  margin-top: 10px; letter-spacing: .3px;
}
/* Grid-luft på /debat: mellemrum mellem kortene, ikke inde i dem */
.debat_list .boxes .box { max-width: none; margin-bottom: 0; }
@media (max-width: 1000px) { .debat_list .boxes { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .debat_list .boxes { grid-template-columns: 1fr; } }

/* Årstal som skillelinje mellem årgangene på debat-oversigten */
.debat_list .year-heading {
  font-family: 'Rufina', serif; font-size: 28px; font-weight: 700;
  color: #061f2c; text-align: left; letter-spacing: normal;
  margin: 55px 0 22px; padding-bottom: 12px;
  border-bottom: 2px solid #e6e8e0;
}
.debat_list .year-heading:first-of-type { margin-top: 30px; }
@media (max-width: 700px) { .debat_list .year-heading { font-size: 24px; margin: 40px 0 18px; } }

/* "Se alle debatindlæg" — original knap-stil (grøn, skarpe kanter, navy ved hover) */
.seeall { text-align: center; margin-top: 40px; }
.seeall a {
  display: inline-block; background: #2a995b; color: #fff; text-decoration: none;
  font-family: 'Overpass', sans-serif; font-weight: 500; font-size: 16px; padding: 15px 35px;
  transition: all .25s ease;
}
.seeall a:hover { background: #061f2c; }
.seeall_side { text-align: center; margin: 15px 0 25px; }
.seeall_side a {
  display: inline-block; background: #2a995b; color: #fff; text-decoration: none;
  font-family: 'Overpass', sans-serif; font-size: 14px; padding: 10px 20px;
  transition: all .25s ease;
}
.seeall_side a:hover { background: #061f2c; }

/* Markering: "Ældre indlæg" — diskret label */
.old-tag {
  display: inline-block; margin-bottom: 10px;
  font-family: 'Merriweather', serif; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .6px;
  color: #5a6b73; background: #eef0ea; border: 1px solid #dfe3dd;
  padding: 3px 10px;
}
.old-tag.small { font-size: 10px; padding: 1px 7px; margin: 0 0 0 6px; vertical-align: middle; }

/* Banner øverst på ældre indlæg */
.old-notice {
  font-family: 'Merriweather', serif; font-size: 15px; line-height: 1.6; color: #444;
  background: #f2f3ee; border-left: 4px solid #2a995b;
  padding: 15px 20px; margin: 6px 0 24px;
}
.old-notice strong { color: #061f2c; }

/* "Seneste debatindlæg" (højre-menu): flugt listen med overskriften.
   Den gamle 98px venstre-padding var plads til et ikon, som listen ikke bruger,
   så teksten stod skævt ind i forhold til h3-overskriften. */
.blog_s1 .boxes .r .right_box ul li a { padding-left: 52px; padding-right: 24px; font-weight: 400; }
@media (max-width: 1500px) {
  .blog_s1 .boxes .r .right_box ul li a { padding-left: 25px; padding-right: 20px; }
}

/* Artikel-topbillede: mere elegant — loft på højden så store billeder ikke
   dominerer, centreret, afrundede hjørner og en blød skygge. Bevarer hele
   billedet (ingen beskæring), da mange er avis-/dokumentudklip med info. */
.blog_post_s1 .boxes .l_blogpost .mainimg {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 420px;
  margin: 0 auto 8px;
  border-radius: 10px;
  box-shadow: 0 6px 22px rgba(6, 31, 44, 0.12);
}

/* Årstal på "Seneste debatindlæg" i højre-menu */
.blog_s1 .boxes .r .right_box ul li a .r-date {
  display: block;
  font-family: 'Merriweather', serif;
  font-size: 12px; font-weight: 400;
  color: #8a8a8a; margin-top: 6px;
  text-transform: none; letter-spacing: normal;
}


/* Tak-side (nyhedsbrev-tilmelding gennemført) — matcher sitets look */
.takside { background:#fafaf5; text-align:center; padding:90px 20px 100px; }
.takside .wrapper { max-width:620px; }
.takside .tak-icon { width:74px; height:74px; margin:0 auto 26px; border-radius:50%;
  background:#3eb766; color:#fff; font-size:38px; line-height:74px; box-shadow:0 10px 26px rgba(62,183,102,.35); }
.takside h1 { font-family:'Rufina',serif; font-weight:700; font-size:40px; color:#061f2c; margin:0 0 16px; }
.takside p { font-family:'Merriweather',serif; font-size:16px; line-height:1.7; color:#3a4a44; margin:0 auto 22px; max-width:34em; }
.takside .tak-btns { margin:30px 0 10px; }
.takside .tak-btns a { display:inline-block; margin:7px; padding:14px 30px; border-radius:30px;
  font-family:'Overpass',sans-serif; font-weight:700; text-decoration:none; }
.takside .tak-primary { background:#3eb766; color:#fff; }
.takside .tak-primary:hover { background:#2a995b; }
.takside .tak-ghost { border:2px solid #061f2c; color:#061f2c; }
.takside .tak-ghost:hover { background:#061f2c; color:#fff; }
.takside .tak-social { font-size:14px; color:#6a7671; margin-top:18px; }
.takside .tak-social a { color:#2a995b; }

/* Footer-kredit til automatisk.ai står nu i samme linje/font som "Udgivet af …" (h3) */
.footer h3 a { color: #000; text-decoration: underline; }
.footer h3 a:hover { color: #2a995b; }

/* Footer: fjern det løse ∞-tegn (var pynt mellem sociale ikoner, virker skævt med 2 bokse) */
.footer .boxes:before { content: none; display: none; }

/* Nyhedsbrev: nu med navn + e-mail → stak felterne pænt under hinanden */
.home_s4 form { flex-direction: column; gap: 10px; max-width: 411px; }
.home_s4 form input { width: 100%; box-sizing: border-box; padding: 15px 17px; }
.home_s4 form button { width: 100%; padding: 15px; cursor: pointer; }

/* "Se alle debatindlæg" på FORSIDEN: neutralt tekstlink i stedet for grøn knap
   (den grønne knap bevares på selve /debat-oversigten). */
.home_s3 .seeall a {
  background: none; color: #2a995b; padding: 0;
  font-family: 'Merriweather', serif; font-weight: 700; font-size: 15px;
  letter-spacing: .3px; text-decoration: underline; text-underline-offset: 4px;
}
.home_s3 .seeall a:hover { background: none; color: #061f2c; }