/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

/* Base Styles */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #fafafa;
    color: #333;
    overflow-x: hidden;
}

/* Custom Font Classes */
.font-script {
    font-family: 'Dancing Script', cursive;
}

/* Navigation & Logo Fixes */
nav {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
    background-color: white !important;
}

nav img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 50% !important;
}

body {
    padding-top: 80px !important;
}

/* Mobile Menu Visibility Fix */
.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

.mobile-menu.active {
    max-height: 600px !important;
}

/* Custom Color Variables for Tailwind config reference
   Pink: #E91E63
   Dark: #880e4f
   Gold: #FFD700
*/

/* Animations */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Gallery Hover Effects */
.gallery-item {
    break-inside: avoid;
    margin-bottom: 1rem;
}

/* Lightbox */
#lightbox {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#lightbox.active {
    opacity: 1;
    pointer-events: all;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #E91E63;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c2185b;
}