/* Ceremony overlay — logo pin + floating hero objects.
   Driven by Admin → Ceremony (PNG + window + on/off). */

.has-ceremony .logo,
.has-ceremony .header-bottom-content,
.has-ceremony .header-bottom-row {
    overflow: visible;
}

.logo-mark,
.footer-brand-link .logo-mark {
    position: relative;
    display: inline-block;
    line-height: 0;
    z-index: 2;
}

.ceremony-logo-object {
    position: absolute;
    top: -10px;
    right: -14px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    pointer-events: none;
    z-index: 5;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22));
    animation: ceremony-sway 3.2s ease-in-out infinite;
}

.ceremony-logo-object--footer {
    top: -8px;
    right: -12px;
    width: 26px;
    height: 26px;
}

.ceremony-hero-field {
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    overflow: hidden;
}

.ceremony-hero-object {
    position: absolute;
    object-fit: contain;
    pointer-events: none;
    opacity: 0.92;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
    animation: ceremony-drift var(--dur, 12s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
    will-change: transform;
}

@keyframes ceremony-sway {
    0%, 100% {
        transform: rotate(-8deg) translateY(0);
    }
    50% {
        transform: rotate(10deg) translateY(-5px);
    }
}

@keyframes ceremony-drift {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(var(--rot, 0deg));
    }
    50% {
        transform: translate3d(var(--dx, 10px), var(--dy, -18px), 0) rotate(calc(var(--rot, 0deg) + 14deg));
    }
}

@media (max-width: 768px) {
    .ceremony-logo-object--header {
        width: 24px;
        height: 24px;
        top: -6px;
        right: -8px;
    }

    .ceremony-hero-object:nth-child(n+7) {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ceremony-logo-object,
    .ceremony-hero-object {
        animation: none;
    }
}