/* Custom styles for The Hangout */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FDF6EE;
}
::-webkit-scrollbar-thumb {
    background: #C05A3C;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #A04A2E;
}

/* Menu tab active state */
.menu-tab {
    background: transparent;
    color: #2D1F1A;
    border: 2px solid rgba(45, 31, 26, 0.2);
}
.menu-tab:hover {
    border-color: #C05A3C;
    color: #C05A3C;
}
.menu-tab.active {
    background: #C05A3C;
    color: #FDF6EE;
    border-color: #C05A3C;
}

/* Mobile link hover */
.mobile-link:hover {
    color: #C05A3C;
}

/* Geometric floating animation */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}
@keyframes float-reverse {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(20px) rotate(-5deg); }
}

.geo-shape {
    animation: float 8s ease-in-out infinite;
}

.geo-shape:nth-child(2n) {
    animation: float-reverse 10s ease-in-out infinite;
}

.geo-shape:nth-child(3n) {
    animation: float 12s ease-in-out infinite;
}

/* Selection color */
::selection {
    background: #C05A3C;
    color: #FDF6EE;
}
</style>