/* Afia — light additions beyond Tailwind CDN */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hp-trap {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Scroll reveal: toggled by main.js when in view */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.55s ease, transform 0.55s ease;
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Sticky header shadow when scrolled */
#site-header.is-scrolled {
    box-shadow: 0 4px 24px -8px rgba(107, 58, 82, 0.12);
}

/* Hero decorative SVG — subtle motion */
.hero-graphic-float {
    animation: afiaHeroDrift 22s ease-in-out infinite;
}

@keyframes afiaHeroDrift {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(2%, -1.5%) scale(1.02);
    }
    66% {
        transform: translate(-1.5%, 1%) scale(0.99);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-graphic-float {
        animation: none;
    }
}

/* Full-width section band (SVG texture) */
.section-texture-band {
    background-image: url('/assets/img/afia-section-texture.svg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}