/*
 * Sitets EGEN CSS - det eneste stylesheet, der ikke er hentet fra WordPress. Linkes sidst, efter
 * temaets filer. Kun det, der er nyt efter migreringen, står her:
 *
 *   1. Det faste sidehoved vises med en klasse (src/scripts/tema.ts) i stedet for jQuerys fadeIn.
 *   2. Reklamebjælken (ny, Thomas 19-10-2026). Sticky, så markeringen er synlig ved hver knap.
 *   3. [hidden] skal vinde over temaets display-regler (nyt-site BaseLayout: madmaskiner.dk
 *      01-09-2026 og sublimtech 06-09-2026).
 */

[hidden] { display: none !important; }

/* 1. Temaets skin-CSS skjuler .fl-page-header-fixed (display: none). */
@keyframes fl-fast-ind { from { opacity: 0; } to { opacity: 1; } }
.fl-page-header-fixed.fl-fast-synlig {
  display: block;
  animation: fl-fast-ind 200ms ease-out;
}

/* 2. Reklamebjælken. Højden er fast på brede skærme (én linje), så det faste sidehoved kan
 *    lægge sig lige under den. */
.reklamebjaelke {
  position: sticky;
  top: 0;
  z-index: 101;
  background: #16382a;
  color: #fff;
}
.reklamebjaelke__rk {
  max-width: 1100px;
  margin: 0 auto;
  padding: 7px 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.reklamebjaelke__maerke {
  flex: none;
  margin-top: 1px;
  padding: 1px 6px;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.reklamebjaelke__tekst {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  /* Lang dansk sætning i en flex-række: uden disse to zoomer siden ud på 320 px. */
  min-width: 0;
  overflow-wrap: break-word;
}
/* Mobil: teksten ombryder til tre linjer ved 375 px. Mindre skrift og luft holder den sticky
 * bjælke nede (73 -> ca. 60 px målt 19-10-2026), så den ikke æder skærmen. */
@media (max-width: 767px) {
  .reklamebjaelke__rk { padding: 5px 16px; gap: 8px; }
  .reklamebjaelke__tekst { font-size: 12px; line-height: 1.4; }
  .reklamebjaelke__maerke { font-size: 10px; }
}

@media (min-width: 992px) {
  .reklamebjaelke { height: 34px; }
  .reklamebjaelke__rk { white-space: nowrap; }
  .fl-page-header-fixed.fl-fast-synlig { top: 34px; }
}