@property --iw-nav-glow-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

/* Active navigation effect only. Layout, spacing and icon geometry stay owned by iwrite-header.css. */
#iwriteHeader .iw-nav__link.is-active,
#iwriteHeader .iw-nav__link[aria-current="page"] {
    overflow: hidden !important;
    isolation: isolate;
    animation: iwNavActivePulse 2.9s ease-in-out infinite !important;
}

#iwriteHeader .iw-nav__link.is-active > *,
#iwriteHeader .iw-nav__link[aria-current="page"] > * {
    position: relative;
    z-index: 2;
}

/* Thin moving highlight that travels around the complete card perimeter. */
#iwriteHeader .iw-nav__link.is-active::before,
#iwriteHeader .iw-nav__link[aria-current="page"]::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: -1px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 1.5px !important;
    border-radius: inherit !important;
    background:
        conic-gradient(
            from var(--iw-nav-glow-angle),
            transparent 0deg,
            transparent 250deg,
            rgba(210, 167, 70, .05) 274deg,
            rgba(235, 197, 105, .62) 298deg,
            rgba(255, 239, 190, .98) 314deg,
            rgba(236, 197, 104, .68) 330deg,
            rgba(210, 167, 70, .08) 347deg,
            transparent 360deg
        ) !important;
    box-shadow: none !important;
    opacity: .82;
    pointer-events: none !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    animation: iwNavPerimeterRun 4.2s linear infinite !important;
}

/* Keep the existing lower gold accent above the moving perimeter light. */
#iwriteHeader .iw-nav__link.is-active::after,
#iwriteHeader .iw-nav__link[aria-current="page"]::after {
    z-index: 3 !important;
    opacity: .92;
}

#iwriteHeader .iw-nav__link.is-active .iw-nav__icon,
#iwriteHeader .iw-nav__link[aria-current="page"] .iw-nav__icon {
    animation: iwNavIconBreathe 2.9s ease-in-out infinite !important;
}

@keyframes iwNavActivePulse {
    0%, 100% {
        border-color: rgba(232, 193, 98, .58);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .05),
            inset 0 0 16px rgba(205, 168, 84, .045),
            0 7px 17px rgba(0, 0, 0, .28),
            0 0 14px rgba(205, 168, 84, .08);
        filter: brightness(1);
    }
    50% {
        border-color: rgba(244, 210, 126, .82);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .07),
            inset 0 0 22px rgba(221, 181, 85, .075),
            0 8px 19px rgba(0, 0, 0, .30),
            0 0 22px rgba(226, 186, 91, .17);
        filter: brightness(1.055);
    }
}

@keyframes iwNavPerimeterRun {
    from { --iw-nav-glow-angle: 0deg; }
    to { --iw-nav-glow-angle: 360deg; }
}

@keyframes iwNavIconBreathe {
    0%, 100% {
        filter: drop-shadow(0 0 6px rgba(239, 202, 115, .30));
    }
    50% {
        filter: drop-shadow(0 0 9px rgba(246, 211, 131, .52));
    }
}

@media (max-width: 1365px) and (min-width: 1221px) {
    #iwriteHeader .iw-nav__link.is-active::before,
    #iwriteHeader .iw-nav__link[aria-current="page"]::before {
        padding: 1px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #iwriteHeader .iw-nav__link.is-active,
    #iwriteHeader .iw-nav__link[aria-current="page"],
    #iwriteHeader .iw-nav__link.is-active::before,
    #iwriteHeader .iw-nav__link[aria-current="page"]::before,
    #iwriteHeader .iw-nav__link.is-active .iw-nav__icon,
    #iwriteHeader .iw-nav__link[aria-current="page"] .iw-nav__icon {
        animation: none !important;
    }

    #iwriteHeader .iw-nav__link.is-active::before,
    #iwriteHeader .iw-nav__link[aria-current="page"]::before {
        opacity: .48;
        --iw-nav-glow-angle: 310deg;
    }
}