/* ==========================================================
   LCD Transparent Header
   Aktiveres af body-klassen .lcd-transparent-header, som saettes
   server-side via inc/transparent-header.php.
   :not(.elementor-editor-active) sikrer at effekten ikke rammer
   inde i Elementor-editoren.
   ========================================================== */

:root {
  --lcd-light: #ffffff;
  --lcd-dark: #000000;
}

/* ==========================================================
   1. TRANSPARENT (default, ikke sticky)
   ========================================================== */
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) {
  background: transparent !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-9c71008 img {
  filter: brightness(0) invert(1) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-title-text {
  color: var(--lcd-light) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-dropdown-icon svg,
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-toggle svg {
  fill: var(--lcd-light) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-96e94e2 .elementor-button,
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-96e94e2 .elementor-button .elementor-button-text {
  color: var(--lcd-light) !important;
  border-color: var(--lcd-light) !important;
  background-color: transparent !important;
}

/* ==========================================================
   2. HOVER — kun aegte mus/trackpad
   ========================================================== */
@media (hover: hover) and (pointer: fine) {
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover {
    background-color: var(--lcd-light) !important;
  }
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .elementor-element-9c71008 img {
    filter: brightness(0) !important;
  }
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .e-n-menu-title-text {
    color: var(--lcd-dark) !important;
  }
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .e-n-menu-dropdown-icon svg,
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .e-n-menu-toggle svg {
    fill: var(--lcd-dark) !important;
  }
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .elementor-element-96e94e2 .elementor-button,
  .lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b:not(.elementor-sticky--effects):hover .elementor-element-96e94e2 .elementor-button .elementor-button-text {
    color: var(--lcd-dark) !important;
    border-color: var(--lcd-dark) !important;
    background-color: transparent !important;
  }
}

/* ==========================================================
   3. STICKY — hvid baggrund + sort indhold
   ========================================================== */
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects {
  background-color: var(--lcd-light) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .elementor-element-9c71008 img {
  filter: brightness(0) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .e-n-menu-title-text {
  color: var(--lcd-dark) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .e-n-menu-dropdown-icon svg,
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .e-n-menu-toggle svg {
  fill: var(--lcd-dark) !important;
}
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .elementor-element-96e94e2 .elementor-button,
.lcd-transparent-header:not(.elementor-editor-active) .elementor-element-2bb4e4b.elementor-sticky--effects .elementor-element-96e94e2 .elementor-button .elementor-button-text {
  color: var(--lcd-dark) !important;
  border-color: var(--lcd-dark) !important;
  background-color: transparent !important;
}

/* ==========================================================
   4. OVERRIDE — mega-overlay ELLER mobil menu aaben
   ========================================================== */
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) {
  background-color: var(--lcd-light) !important;
}
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-9c71008 img {
  filter: brightness(0) !important;
}
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-title-text {
  color: var(--lcd-dark) !important;
}
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-dropdown-icon svg,
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .e-n-menu-toggle svg {
  fill: var(--lcd-dark) !important;
}
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-96e94e2 .elementor-button,
.lcd-transparent-header:not(.elementor-editor-active):is(.has-mega-overlay, .lcd-menu-open) .elementor-element-2bb4e4b:not(.elementor-sticky--effects) .elementor-element-96e94e2 .elementor-button .elementor-button-text {
  color: var(--lcd-dark) !important;
  border-color: var(--lcd-dark) !important;
  background-color: transparent !important;
}

/* ==========================================================
   5. KILL TRANSITIONS
   ========================================================== */
.lcd-transparent-header:not(.elementor-editor-active) .e-n-menu-title-container,
.lcd-transparent-header:not(.elementor-editor-active) .e-n-menu-title-text,
.lcd-transparent-header:not(.elementor-editor-active) .e-n-menu-dropdown-icon svg {
  transition: none !important;
}