/*
 * site.css — PanAfriq Advisory
 * -----------------------------------------------------------------------------
 * Small layer of custom styles that sit on top of the Tailwind CDN utilities.
 * Kept intentionally minimal — Tailwind handles the bulk of the styling.
 * -----------------------------------------------------------------------------
 */

/* Default font fallback before the Google Fonts swap completes. */
:root {
    --brand-green: #0B3B27;
    --brand-gold:  #D7A94F;
}

/* Sticky header gains a deeper shadow once the page is scrolled (set by main.js). */
#site-header.is-scrolled {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

/* Decorative gold underline used beneath section eyebrow headings. */
.gold-rule::after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin-top: 0.75rem;
    background: linear-gradient(90deg, #B07C2B, #D7A94F);
    border-radius: 9999px;
}
.gold-rule.is-centered::after {
    margin-left: auto;
    margin-right: auto;
}

/* Subtle lift on interactive cards. */
.card-hover {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
}

/* Honeypot anti-spam field — visually hidden but present in the DOM for bots. */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
    * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}