/* ==========================================================================
   MELT ATL - Simple Animation Styles (No content hiding)
   ========================================================================== */

/* Text Gradient */
.text-gradient {
    background: linear-gradient(135deg, var(--color-orange) 0%, #ff8a50 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Work Card Hover */
.work-card__image {
    overflow: hidden;
}

.work-card__image img {
    transition: transform 0.5s ease;
}

.work-card:hover .work-card__image img {
    transform: scale(1.05);
}

/* Button Hover */
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn--primary:hover {
    box-shadow: 0 10px 30px -10px rgba(242, 101, 34, 0.4);
}

/* FAQ Accordion */
.faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.faq__item--active .faq__answer {
    max-height: 500px;
}

.faq__icon {
    transition: transform 0.3s ease;
}

.faq__item--active .faq__icon {
    transform: rotate(45deg);
}

/* Nav Link Hover */
.nav__link {
    transition: color 0.2s ease;
}

/* Footer Link Hover */
.footer__link {
    transition: color 0.2s ease;
}

.footer__link:hover {
    color: var(--color-orange);
}

/* Expertise Card Hover */
.expertise-card {
    transition: transform 0.3s ease;
}

.expertise-card:hover {
    transform: translateY(-4px);
}

/* Stat Card Hover */
.stat-card {
    transition: transform 0.3s ease;
}

.stat-card:hover {
    transform: scale(1.02);
}

/* Logo Slider */
.client-slider__slides {
    animation: slideLogos 30s linear infinite;
}

@keyframes slideLogos {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Mobile Menu */
.mobile-nav {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.mobile-nav--open {
    transform: translateX(0);
}

/* Scroll Progress */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    background: var(--color-orange);
    width: 0%;
    z-index: 9999;
}