/* Tab Content Display */
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    animation: fadeUp 0.5s ease-out;
}

/* Fade Up Animation */
@keyframes fadeUp {
    from { 
        opacity: 0; 
        transform: translateY(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* Subtle Grid Background */
.grid-bg {
    background-image: 
        linear-gradient(rgba(200, 164, 92, 0.05) 1px, transparent 1px), 
        linear-gradient(90deg, rgba(200, 164, 92, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Active Navigation Link */
.nav-btn.active-link {
    color: #c8a45c;
    border-bottom: 2px solid #c8a45c;
}

/* Mobile Menu Styles */
#mobile-menu {
    transition: all 0.3s ease;
}

/* Form Input Focus Styles */
input:focus, 
select:focus, 
textarea:focus {
    outline: none;
    ring: 1px solid #c8a45c;
}

/* Smooth transitions for interactive elements */
button, 
a {
    transition: all 0.3s ease;
}

/* Hover effects for gallery images */
.group:hover img {
    transform: scale(1.05);
}

/* Custom scrollbar (optional) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c8a45c;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8853a;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .grid-bg {
        background-size: 20px 20px;
    }
}

/* Print styles (optional) */
@media print {
    nav, footer, .no-print {
        display: none;
    }
}