/* DD Header Motion 1.5.0
   Elementor keeps ownership of internal pill design and dimensions. */
.dd-floating-nav {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.ddhm-floating {
    position: fixed !important;
    top: var(--ddhm-top-desktop, 24px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    translate: -50% -10px;
    z-index: var(--ddhm-z, 9999) !important;
    visibility: visible !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity var(--ddhm-duration, 420ms) ease,
                translate var(--ddhm-duration, 420ms) ease;
    will-change: opacity, translate;
}
.ddhm-floating.ddhm-visible {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    translate: -50% 0;
}
.ddhm-original-row-hidden {
    display: none !important;
}
.ddhm-floating-row-collapsed {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.ddhm-blur-band.ddhm-active::before {
    content: "";
    position: fixed;
    inset: 0 0 auto 0;
    height: var(--ddhm-blur-height, 76px);
    z-index: calc(var(--ddhm-z, 9999) - 1);
    pointer-events: none;
    background: rgba(255,255,255,.20);
    -webkit-backdrop-filter: blur(var(--ddhm-blur-strength, 18px)) saturate(1.25);
    backdrop-filter: blur(var(--ddhm-blur-strength, 18px)) saturate(1.25);
}
@media (prefers-reduced-motion: reduce) {
    .ddhm-floating { transition: none !important; }
}

/* Elementor editor safety: preserve the full editable header structure. */
body.elementor-editor-active .dd-floating-nav,
body.elementor-editor-preview .dd-floating-nav,
.elementor-editor-active .dd-floating-nav,
.elementor-editor-preview .dd-floating-nav {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    translate: none !important;
}
body.elementor-editor-active .ddhm-original-row-hidden,
body.elementor-editor-active .ddhm-floating-row-collapsed,
body.elementor-editor-preview .ddhm-original-row-hidden,
body.elementor-editor-preview .ddhm-floating-row-collapsed {
    display: revert !important;
    height: auto !important;
    min-height: initial !important;
    max-height: initial !important;
    margin: revert !important;
    padding: revert !important;
    border: revert !important;
    overflow: visible !important;
}

/* Responsive safeguards for narrow phones and tablet widths. */
.ddhm-floating { max-width: calc(100vw - 24px) !important; }
.ddhm-floating > .e-con-inner { max-width: 100% !important; }
@media (max-width: 767px) {
  .ddhm-floating { top: var(--ddhm-top-mobile, 12px) !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ddhm-floating { top: var(--ddhm-top-tablet, 20px) !important; }
}

/* Prevent the hidden Elementor pill source row from reserving space before JS initializes.
   Critical equivalent is also printed in wp_head for first-paint stability. */
.dd-header-wrap:has(.dd-floating-nav) {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Explicit high-specificity reveal state: the pill must win over its initial hidden rule. */
.dd-header-wrap .dd-floating-nav.ddhm-floating.ddhm-visible {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}