/* Wrapper – max bredde + gode side-gutters (luft) */
.bf-wrap{
  --side: clamp(24px, 7vw, 140px);
  width: min(1180px, calc(100% - 2*var(--side))); /* lidt bredere end før */
  margin: 0 auto;
  padding: 24px 0;
}

.bf-title{font-size:42px;line-height:1.1;text-align:center;margin:8px 0 24px}

/* FORM – 4 felter + knap i samme række */
.bf-form{
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) auto; /* 4 selects + 1 knap */
  column-gap: 12px;
  row-gap: 12px;
  align-items: end;
  justify-content: center;
  margin: 0 auto 10px; /* flag kommer lige under */
  max-width: 1000px;
}
@media (max-width:1024px){ .bf-form{ grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width:640px){ .bf-form{ grid-template-columns: 1fr; } }

.bf-field{display:flex;flex-direction:column;min-width:180px}
.bf-label{font-size:12px;font-weight:600;margin:0 0 6px 6px}

/* Selects – lysegrå pill, tynd ramme + sort chevron */
.bf-wrap .bf-form select.bf-select{
  width: 100%;
  box-sizing: border-box !important;
  height: 56px !important;
  border-radius: 9999px !important;
  padding: 0 44px 0 18px !important;
  font-size: 15px; line-height: 56px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-color: #eef1f4 !important;
  color:#111 !important;
  border: 1px solid #d9dde3 !important;
  box-shadow: none !important;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M7 10l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 16px 16px;
  transition: background-color .15s ease, border-color .15s ease;
}
.bf-wrap .bf-form select.bf-select:hover{ background-color:#e9edf1 !important; border-color:#cfd6de !important; }
.bf-wrap .bf-form select.bf-select:focus{ outline: 2px solid #000; outline-offset: 2px; }

/* Knapper – samme stil som selects (grå pill) */
.bf-btn{
  height: 56px !important;
  min-width: 130px;
  padding: 0 22px;
  border: 1px solid #d9dde3;
  border-radius: 9999px !important;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background:#eef1f4;
  color:#111;
  transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}
.bf-btn:hover{ background:#e9edf1; border-color:#cfd6de; }
.bf-btn:focus{outline:2px solid #000; outline-offset:2px}

/* Overstyr tidligere sort variant så den også bliver grå */
.bf-btn-black{ background:#eef1f4 !important; color:#111 !important; border:1px solid #d9dde3 !important; }

/* Lup-ikon i SEARCH-knap (sort på grå) */
#bf-form .bf-btn .bf-btn-icon{display:none !important;} /* skjul evt. emoji */
#bf-form .bf-btn{ position: relative; padding-left: 46px; }
#bf-form .bf-btn::before{
  content:"";
  position:absolute; left:20px; top:50%; transform:translateY(-50%);
  width:20px; height:20px;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
}

/* FLAG-RÆKKE – fylder helt, ingen hvide gab */
.bf-wrap .bf-lang {
  display:flex; align-items:center; gap:12px; margin:8px auto 26px; max-width:1000px;
}
.bf-wrap .bf-lang-label { font-weight:600; margin-right:4px; }

/* enhver direkte child = chip */
.bf-wrap .bf-lang > * {
  width:28px; height:28px;
  flex:0 0 28px;
  border-radius:50%;
  overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
  line-height:0;               /* ingen ekstra højde */
  background: transparent;     /* ingen hvid baggrund */
}

/* tving grafikken (SVG/IMG) til at fylde helt */
.bf-wrap .bf-lang svg,
.bf-wrap .bf-lang img{
  width:28px !important;
  height:28px !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

/* GRID for resultater – lidt smallere gap så kortene bliver en anelse bredere */
.bf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1024px){.bf-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.bf-grid{grid-template-columns:1fr}}

/* KORT – 2:1 (h = 2 × w) */
.bf-card{
  position: relative;
  background:#fff;color:#111;border-radius:18px;overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.bf-card::before{ content:""; display:block; padding-top:200%; }
.bf-card-link{ position:absolute; inset:0; color:inherit; text-decoration:none; display:flex; flex-direction:column; height:100%; }
.bf-card-media{background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 45%;min-height:0}
.bf-logo{max-height:80px;max-width:80%;width:auto;height:auto}
.bf-logo-fallback{width:96px;height:96px;border-radius:9999px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800}
.bf-card-body{padding:16px;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}
.bf-card-title{
  font-size:18px;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.bf-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.bf-chip{background:#f5f5f5;color:#111;border-radius:9999px;padding:6px 10px;font-size:12px}
.bf-flags{display:flex;gap:6px;font-size:18px}

/* Load + beskeder */
.bf-loadmore-wrap{display:flex;justify-content:center;margin:18px 0}
.bf-msg{background:#fff3cd;border-radius:12px;padding:12px 16px;text-align:center}

/* Nuclear override: tving lysegrå pill-stil på alle selects i vores form */
.bf-wrap .bf-form select.bf-select,
.bf-wrap .bf-form select {
  background-color:#eef1f4 !important;
  border:1px solid #d9dde3 !important;
  border-radius:9999px !important;
  height:56px !important;
  padding:0 44px 0 18px !important;
  box-shadow:none !important;
  color:#111 !important;
}
/* Force-knapper = samme grå pill som selects */
.bf-wrap #bf-search,
.bf-wrap #bf-loadmore,
.bf-wrap .bf-btn,
.bf-wrap .bf-btn-black{
  background:#eef1f4 !important;
  color:#111 !important;
  border:1px solid #d9dde3 !important;
  border-radius:9999px !important;
}
/* === PATCH: Ens stil på de 4 filtre (pill, højde, chevron, fokus) === */
.bf-wrap .bf-form .bf-field { position: relative; }

.bf-wrap .bf-form select.bf-select,
.bf-wrap .bf-form select {
  height:56px !important;
  line-height:56px !important;
  padding:0 44px 0 18px !important;
  border-radius:9999px !important;
  background:#eef1f4 !important;
  border:1px solid #d9dde3 !important;
  color:#111 !important;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  box-shadow:none !important;
}
.bf-wrap .bf-form select.bf-select:hover{ background:#e9edf1 !important; border-color:#cfd6de !important; }
.bf-wrap .bf-form select.bf-select:focus{ outline:2px solid #000; outline-offset:2px; }

/* sort chevron – samme visuelle sprog som knapperne */
.bf-wrap .bf-form select.bf-select{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M7 10l5 5 5-5'/></svg>");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:16px 16px;
}
.bf-wrap .bf-form select.bf-select::-ms-expand{ display:none; } /* IE/Edge legacy */
/* Flag på kortene (billede-flag, runde) */
.bf-flags{ display:flex; gap:8px; margin-top:6px; }
.bf-flag-img{
  width:20px; height:20px; border-radius:9999px; display:block;
  object-fit:cover; box-shadow:0 0 0 1px rgba(0,0,0,.12);
}
/* Media fylder kortets top pænt */
.bf-card-media img.bf-thumb{width:100%;height:100%;object-fit:cover;display:block}

/* Meta-linjer (type + lokation) */
.bf-meta{list-style:none;margin:6px 0 8px;padding:0}
.bf-meta-row{display:flex;gap:8px;align-items:center;margin:2px 0;color:#444;font-size:14px}
.bf-meta-ico{font-size:16px;line-height:1}

/* Kort beskrivelse + læs mere */
.bf-excerpt{margin:8px 0 0;color:#444;font-size:14px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bf-readmore{margin-top:auto;display:inline-block;font-weight:700;font-size:14px}
/* Media klikbart men ikke hele kortet */
.bf-card-media a.bf-media-link{display:block}
.bf-card-media img.bf-thumb{width:100%;height:100%;object-fit:cover;display:block}

/* Meta-linjer (type + lokation) */
.bf-meta{list-style:none;margin:6px 0 8px;padding:0}
.bf-meta-row{display:flex;gap:8px;align-items:center;margin:2px 0;color:#444;font-size:14px}
.bf-meta-ico{font-size:16px;line-height:1}

/* Beskrivelse – ren tekst, ingen links */
.bf-excerpt{margin:8px 0 0;color:#444;font-size:14px;line-height:1.45}
.bf-excerpt a{pointer-events:none;color:inherit;text-decoration:none}

/* Footer: dato venstre + Read More højre (orange) */
.bf-card-footer{
  margin-top:12px; display:flex; align-items:center; justify-content:space-between;
}
.bf-date{color:#6b7280; font-size:14px}
.bf-readmore{
  font-weight:700; font-size:14px; color:#f59e0b; text-decoration:none;
}
.bf-readmore:hover{color:#d97706}

/* (behold runde flag) */
.bf-flags{display:flex;gap:6px;font-size:18px}
/* Card footer: date left, Read More right (single row) */
.bf-card .bf-card-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;          /* prevent line break */
  gap:12px;
  margin-top:12px;
}

/* ====== Business-kort: footer (dato venstre, Read More højre) ====== */
.bf-wrap .bf-card .bf-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:12px;
}

/* Dato – lille og på én linje */
.bf-wrap .bf-card .bf-card-footer .bf-date{
  font-size:12px;
  color:#6b7280;              /* neutral grå */
  white-space:nowrap;
  line-height:1.2;
}

/* Read More – orange og helt til højre */
.bf-wrap .bf-card .bf-card-footer .bf-readmore,
.bf-wrap .bf-card .bf-card-footer .bf-readmore:visited{
  color:#f59e0b;              /* orange */
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  margin-left:auto;           /* pres til højre */
}
.bf-wrap .bf-card .bf-card-footer .bf-readmore:hover,
.bf-wrap .bf-card .bf-card-footer .bf-readmore:focus{
  color:#d97706;              /* mørkere ved hover/focus */
  text-decoration:none;
}

/* Fallback: hvis .bf-readmore-klassen mangler */
.bf-wrap .bf-card .bf-card-footer a:last-child{
  color:#f59e0b;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  margin-left:auto;
}
.bf-wrap .bf-card .bf-card-footer a:last-child:hover{
  color:#d97706;
}

/* ====== Tekstfarver i kortet (ingen blå links) ====== */
.bf-card-body{ color:#111; }
.bf-card-body a{ color:inherit; text-decoration:none; }

/* ====== Media i kortet ====== */
.bf-card-media{ display:flex; align-items:center; justify-content:center; background:#fff; }
.bf-card-media img.bf-thumb{ width:100%; height:220px; object-fit:cover; display:block; }
.bf-card-media img.bf-logo{ max-height:80px; width:auto; height:auto; display:block; }

/* ====== Ens højde på alle kort (2:1) ====== */
.bf-card{ position:relative; aspect-ratio:1 / 2; }      /* højde = 2 × bredde */
.bf-card::before{ content:none; }                        /* slå gammelt padding-hack fra */

/* Clamp titel/teaser så de ikke løber ud */
.bf-card-title{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.bf-excerpt{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Lidt lavere kort på smallere skærme */
@media (max-width:1024px){ .bf-card{ aspect-ratio:1 / 1.8; } }
@media (max-width:640px){  .bf-card{ aspect-ratio:1 / 1.6; } }
/* === 1) Mere bredde på sektionen + søgelinjen === */
.bf-wrap{
  /* lidt smallere side-gutters og større maxbredde */
  --side: clamp(16px, 5vw, 110px);
  width: min(1280px, calc(100% - 2*var(--side)));
}
.bf-form{ max-width: 1200px; }   /* matche kortenes bredde */
.bf-grid{ gap: 32px; }           /* lidt mere luft mellem kort */

/* === 2) Ens medie-område på alle kort === */
.bf-card-media{
  height: 220px;                 /* fast højde på top-mediet for ALLE kort */
  display:flex; align-items:center; justify-content:center;
  background:#fff; overflow:hidden; border-radius:12px;
}

/* Fotos (featured image): fyld hele boksen og beskær pænt */
.bf-card-media img.bf-thumb{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* Logoer: centrér og behold proportioner, uden at skubbe teksten */
.bf-card-media img.bf-logo{
  max-width:80%; height:140px;   /* fast “skyggelåg” til logoet */
  object-fit:contain; display:block;
}

/* Fallback-bogstav (ingen logo/foto) */
.bf-logo-fallback{
  width:140px; height:140px;
  border-radius:9999px;
  background:#f5f5f5; display:flex; align-items:center; justify-content:center;
  font-size:40px; font-weight:800; color:#111;
}

/* Lidt lavere mediehøjde på smallere skærme */
@media (max-width:1024px){ .bf-card-media{ height:200px; } }
@media (max-width:640px){  .bf-card-media{ height:180px; } }
/* Responsive map-boks (16:9) */
.bf-single-map{
  position: relative;
  padding-top: 56.25%;         /* 16:9 */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  background: #f6f7f9;
  margin-top: 16px;
}
.bf-single-map iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* === Discount badge (bottom, centered) === */
.bf-card .bf-deal-bottom{
  display:flex;
  justify-content:center;
  margin:10px 0 2px;   /* over den lille bund-margin */
}
.bf-card .bf-badge-pill{
  display:inline-block;
  padding:6px 12px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  background:#f59e0b;        /* amber */
  color:#111;
  border-radius:9999px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  white-space:nowrap;
}
@media (max-width:640px){
  .bf-card .bf-badge-pill{ font-size:11px; padding:5px 10px; }
}
/* Gør kortets indhold kolonne og skub footer i bund */
.bf-card-body { display:flex; flex-direction:column; height:100%; }
.bf-card-footer { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }

/* Badge centreret på egen linje nederst */
.bf-card-footer .bf-discount{
  order:3;             /* vis under dato + Read More */
  width:100%;
  display:inline-flex;
  justify-content:center;
  margin-top:10px;
  padding:6px 12px;
  background:#ffe9a7;
  border:1px solid #f5c451;
  border-radius:999px;
  font-weight:600;
  font-size:.9rem;
}
/* Kort: stable footer i bunden af kortet */
.bf-card{display:flex;flex-direction:column;height:100%}
.bf-card-body{display:flex;flex-direction:column;height:100%}

/* Footer som grid: dato (venstre) + Read More (højre) + badge på ny række */
.bf-card-footer{
  margin-top:auto;
  display:grid;
  grid-template-columns: 1fr auto; /* venstre = dato, højre = knap */
  align-items:center;
  column-gap:16px;
  row-gap:10px;
}

/* Sørg for venstre/højre placering */
.bf-card-footer .bf-date{justify-self:start;opacity:.75}
.bf-card-footer .bf-readmore{justify-self:end}

/* Badge under og centreret */
.bf-card-footer .bf-discount{
  grid-column: 1 / -1;           /* ny række under begge */
  justify-self:center;
  padding:6px 12px;
  border-radius:999px;
  background:#FFE9B6;
  border:1px solid #F3CF80;
  font-weight:600;
  font-size:.9rem;
  line-height:1;
}
.bf-lang .bf-lang-label{display:none!important;}
/* Sørg for plads nederst til badgen */
.bf-card{
  position: relative;
  padding-bottom: 64px;  /* ekstra bundplads så badge ikke overlapper */
}

/* Badge fast i bunden, centreret */
.bf-badge{
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  background: #F4EAD8;          /* samme look som før */
  color: #111;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  z-index: 2;
}

/* Lidt tættere på kanten på små skærme */
@media (max-width: 640px){
  .bf-card{ padding-bottom: 58px; }
  .bf-badge{ bottom: 12px; }
}
/* Discount badge nederst – centreret */
.bf-card .bf-badge-row{
  display:flex;
  justify-content:center;
  padding:10px 0 6px;
}
.bf-card .bf-badge{
  display:inline-block;
  background:#ffe08a;      /* varm gul */
  color:#3b2d00;
  font-weight:700;
  font-size:.875rem;
  line-height:1;
  padding:6px 12px;
  border-radius:9999px;
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}