/* Wayback Fixer auto-supplement */
/* Elementor entrance-animation elements keep visibility:hidden until frontend JS
   fires; without it (no per-page post-NNNN.css) content stays invisible. Force on. */
.elementor-invisible{opacity:1 !important;visibility:visible !important;animation:none !important;}
.elementor img,.elementor-widget-container img{max-width:100%;height:auto;}
/* Home showLinks() block sits on the body photo background (macellum.css body{background:url(...)}),
   so its inherited text blended into the image (low-contrast-inherited-text). Give the grid a
   readable white panel with dark text — matches the site's other white cards on the blue page.
   .romlidata is the showLinks grid only; .romlifooter (sitewide) is untouched. */
.romlidata{background:#ffffff;color:#1a2530;padding:24px;border-radius:6px;}
.romlidata a{color:#0d2035;}

/* ── Header / primary nav (saasland WordPress epoch) ─────────────────────────
   The saasland theme's minified CSS bundle (/wp-content/cache/min/1/*.css) was
   never archived, so the blog/article/catalog (/pages/) pages rendered their
   Bootstrap-based navbar as a bare vertical bullet list. Rebuild a clean
   horizontal header here. Scoped to .header_area, which exists only on the
   WordPress-epoch pages — the Bootstrap home page (.navbar-default) is untouched. */
.header_area{background:#fff;box-shadow:0 1px 6px rgba(13,32,53,.08);position:relative;z-index:20;}
.header_area .navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  max-width:1140px;margin:0 auto;padding:14px 15px;gap:16px;}
.header_area .navbar-brand{display:inline-flex;align-items:center;font-size:22px;font-weight:700;
  color:#0d2035;text-decoration:none;line-height:1;}
.header_area .navbar-brand img{max-height:44px;width:auto;}
/* logo asset (macellum_logo.png) was not archived → hidden by r-img-fallback.js;
   show the site name so the brand slot is not empty */
.header_area .navbar-brand::after{content:"Macellum.dk";}
.header_area .navbar-collapse{display:flex !important;flex:1;justify-content:center;}
.header_area .navbar-nav.menu{display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  list-style:none;margin:0;padding:0;}
.header_area .navbar-nav .nav-item{position:relative;}
.header_area .navbar-nav .nav-link{display:block;padding:10px 14px;color:#0d2035;
  font-weight:500;text-decoration:none;white-space:nowrap;border-radius:4px;
  transition:color .15s,background .15s;}
.header_area .navbar-nav .nav-link:hover{color:#00aff0;background:#f2f7fb;}
/* dropdown submenu (Integrationer → Debito) */
.header_area .navbar-nav .dropdown-menu{position:absolute;top:100%;left:0;min-width:190px;
  list-style:none;margin:0;padding:6px 0;background:#fff;
  box-shadow:0 6px 18px rgba(13,32,53,.14);border-radius:4px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:all .15s;z-index:30;}
.header_area .navbar-nav .nav-item:hover > .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.header_area .navbar-nav .dropdown-menu .nav-link{padding:8px 16px;}
.header_area .navbar-nav .arrow_carrot-right{font-size:.7em;opacity:.6;}
/* hamburger toggler only works with the theme JS (not archived) — hide on desktop */
.header_area .navbar-toggler{display:none;border:0;background:transparent;}
@media (max-width:991px){
  .header_area .navbar{padding:12px;}
  .header_area .navbar-nav.menu{width:100%;justify-content:flex-start;}
  .header_area .navbar-nav .dropdown-menu{position:static;opacity:1;visibility:visible;
    transform:none;box-shadow:none;padding-left:14px;}
}

/* ── GDPR cookie-consent widget (cookie-law-info plugin) ─────────────────────
   Its CSS/JS bundle was not archived, so the consent bar + settings modal dumped
   their raw markup (Privacy Overview, cookie tables) below the footer. The consent
   flow is inert on a static restore — hide the whole widget site-wide. */
#cookie-law-info-bar,#cookie-law-info-again,.cli-modal,#cliSettingsPopup,.cli-modal-backdrop{
  display:none !important;}