/* ==========================================================================
   VINTERSEKTION + NABO-RABAT + LANDBRUGS-HENVISNING
   --------------------------------------------------------------------------
   Indlaeses paa forsiden og paa /tjenester/snerydding/.

   DENNE FIL SKRIVES IKKE AUTOMATISK. Den blev tidligere lavet ved at
   skaere et udsnit ud af ydelser.css, og det endte med at starte
   midt i en @media-regel, saa browseren kassede hele filen og hele
   vinter-sektionen stod uformatteret. Derfor staar alt her samlet,
   i sin helhed, og skal ikke deles op.

   Bemærk: skriv aldrig klammer i en kommentar i denne fil. Et naivt
   valideringsscript tæller dem som kode og giver et falsk svar.
   Det skete her, og det er grunden til de staar uden.
   ========================================================================== */

/* Paletten ligger her, og ikke kun i ydelser.css. Forsiden indlaeser
   ikke ydelser.css, saa var(--ink) og var(--gold) var udefineret der,
   og alt hvad der brugte dem blev gennemsigtigt og uden ramme. Derfor
   defineres paletten her ogsaa, saa denne fil er selvkilende.
   Farverne skal passe med ydelser.css. Aaendres de een gang, skal de
   endres begge steder. Og skriv aldrig klammer i en kommentar i denne
   fil - et naivt valideringsscript taeler dem som kode. */
:root{
  --ink:#203943;
  --paper:#f5f1e9;
  --sand:#eeeae1;
  --gold:#876b39;
  --gold-lys:#a8894f;
  --line:#dcd8ce;
  --muted:#5d6c68;
  --ok:#2f6b47;
}

/* ---------- selve sektionen ---------- */
.jd-vinter{
  background:var(--sand);
  border-top:1px solid var(--line);
  padding:clamp(44px,6vw,84px) 0;
}
.jd-vinter__indpak{
  max-width:1180px;margin:0 auto;
  padding:0 clamp(20px,5vw,44px);
}
.jd-vinter__kicker{
  font-size:12px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin:0 0 .7em;
}
.jd-vinter h2{margin:0 0 .5em}
.jd-vinter__intro{
  font-size:19px;color:#3d4c50;
  max-width:58ch;margin:0 0 clamp(26px,3.5vw,42px);
}
.jd-vinter__gitter{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:16px;
}
.jd-vinter__kort{
  display:flex;flex-direction:column;
  background:#fffefa;border:1px solid var(--line);
  border-radius:14px;padding:24px 24px 26px;
}
.jd-vinter__kort h3{margin:0 0 .4em;font-size:21px}
.jd-vinter__kort p{margin:0 0 .8em;font-size:15.5px;color:#3d4c50}

/* Prisen skal kunne laeses paa 3 meter, og den skal sidde i bunden
   af kortet, saa de tre kort flugter paa samme linje. */
.jd-vinter__pris{
  margin:auto 0 .2em!important;
  padding-top:14px;border-top:1px dashed var(--line);
  font-size:24px!important;font-weight:700;
  letter-spacing:-.02em;color:var(--ink)!important;
}
.jd-vinter__stik{
  margin:0!important;font-size:13.5px!important;color:var(--muted)!important;
}

.jd-vinter__knapper{
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:clamp(26px,3.5vw,40px);
}
.jd-vinter__knap{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:13px 22px;
  font-size:16px;font-weight:700;
  border-radius:10px;border:1px solid var(--ink);
  background:var(--ink);color:#fffefa;
  text-decoration:none;transition:background .12s ease;
}
.jd-vinter__knap:hover{background:var(--gold);border-color:var(--gold)}
.jd-vinter__knap--lys{background:transparent;color:var(--ink)}
.jd-vinter__knap--lys:hover{background:rgba(135,107,57,.1);color:var(--gold)}
.jd-vinter__knap--lb{border-style:solid}

/* ---------- nabo-rabat ---------- */
.jd-nabo{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(22px,3.5vw,44px);
  align-items:center;
  margin-top:clamp(24px,3vw,36px);
  background:#fffefa;
  border:1px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:14px;
  padding:26px 26px 28px;
}
@media (max-width:820px){
  .jd-nabo{grid-template-columns:minmax(0,1fr);padding:22px}
}
.jd-nabo__kicker{
  font-size:12px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin:0 0 .5em;
}
.jd-nabo__titel{
  margin:0 0 .35em;
  font-size:clamp(20px,2.2vw,25px);line-height:1.25;
}
.jd-nabo__rabat{
  margin:0 0 .7em!important;
  font-size:clamp(22px,2.6vw,30px)!important;
  font-weight:700;letter-spacing:-.02em;color:var(--gold)!important;
}
.jd-nabo__tekst{
  margin:0!important;font-size:15.5px!important;
  color:#3d4c50!important;max-width:56ch;
}
.jd-nabo__flyer{margin:0}
.jd-nabo__flyer img{
  display:block;width:100%;height:auto;
  border-radius:12px;border:1px solid var(--line);
  box-shadow:0 2px 16px rgba(32,57,67,.10);
}

/* ---------- landbrugs-henvisning paa /algerens/ ---------- */
.lb-tilbage{background:var(--sand);padding:clamp(36px,5vw,60px) 0}
.lb-tilbage h2{margin:0 0 .5em}
.lb-tilbage p{max-width:66ch}
.lb-tilbage a:not(.knap){color:var(--gold)}
.lb-tilbage .knap{margin-top:1.2em}

/* ---------- telefon paa lille skærm ---------- */
@media (max-width:560px){
  .jd-vinter__knap{width:100%}
}