/*
Theme Name: Adv Theme
Author: Jeff Daniel Galdican
Description: A fully custom WordPress theme.
Version: 1.0
*/
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('assets/fonts/Geist-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

:root {
    --blue: #3a2dee;
    --green: #d5fd00;
    --purple: #d273f5;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html { margin-top: 0 !important; }
body {
    font-family: 'Geist', sans-serif;
    line-height: 1.5;
    color: #333;
    background: #fff;
}
p { margin-bottom: 20px; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Hero animations - on page load */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.hero-animate {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}
.hero-animate-delay-1 { animation-delay: 0.1s; }
.hero-animate-delay-2 { animation-delay: 0.3s; }
.hero-animate-delay-3 { animation-delay: 0.5s; }
.hero-animate-delay-4 { animation-delay: 0.7s; }

/* Header social icons - slide in from left on page load */
@keyframes slideInFromLeft {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}
.social-slide-in {
    opacity: 0;
    animation: slideInFromLeft 0.5s ease-out forwards;
}
.social-slide-in-1 { animation-delay: 0.3s; }
.social-slide-in-2 { animation-delay: 0.5s; }
.social-slide-in-3 { animation-delay: 0.7s; }
.social-slide-in-4 { animation-delay: 0.9s; }

/* Scroll-triggered animations */
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0);
}
.scroll-animate-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-animate-left.visible {
    opacity: 1;
    transform: translateX(0);
}
.scroll-animate-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-animate-right.visible {
    opacity: 1;
    transform: translateX(0);
}
.scroll-animate-delay-1 { transition-delay: 0.1s; }
.scroll-animate-delay-2 { transition-delay: 0.2s; }
.scroll-animate-delay-3 { transition-delay: 0.3s; }
.scroll-animate-delay-4 { transition-delay: 0.4s; }
.scroll-animate-delay-5 { transition-delay: 0.5s; }
.scroll-animate-delay-6 { transition-delay: 0.6s; }

/* Accordion */
.acc-item.active .acc-icon svg {
    transform: rotate(180deg);
}