/* =====================
   GLOBAL TRANSITIONS
===================== */
a, button, .country-card, .service-card, .feature-box {
    transition: all 0.35s ease;
}

/* =====================
   BUTTON GLOW EFFECT
===================== */
.btn-gold {
    box-shadow: 0 6px 20px rgba(201, 162, 77, 0.35);
}

.btn-gold:hover {
    box-shadow: 0 10px 30px rgba(201, 162, 77, 0.55);
    transform: translateY(-2px);
}

/* =====================
   HERO TEXT ANIMATION
===================== */
.hero-text h1 {
    animation: fadeUp 1s ease forwards;
}

.hero-text p {
    animation: fadeUp 1.2s ease forwards;
}

.hero-buttons {
    animation: fadeUp 1.4s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =====================
   CARD HOVER EFFECTS
===================== */
.country-card:hover,
.service-card:hover,
.feature-box:hover {
    box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

/* =====================
   IMAGE FLOAT EFFECT
===================== */
.hero-image img {
    animation: floatImage 6s ease-in-out infinite;
}

@keyframes floatImage {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* =====================
   STATS PULSE
===================== */
.stat-box h3 {
    animation: pulseGold 2.5s infinite;
}

@keyframes pulseGold {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* =====================
   NAV LINK UNDERLINE
===================== */
.navbar a {
    position: relative;
}

.navbar a::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background: #C9A24D;
    left: 0;
    bottom: -6px;
    transition: width 0.3s ease;
}

.navbar a:hover::after {
    width: 100%;
}

/* =====================
   SECTION FADE-IN (ON LOAD)
===================== */
section {
    animation: sectionFade 0.9s ease both;
}

@keyframes sectionFade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}