/* Shared Styles for Private Tee Golf Website */

/* Body Background */
body {
    background-color: #cbd5e1;
    background-image: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.08) 0%, #cbd5e1 60%);
    min-height: 100vh;
}

/* Glass Navigation */
.glass-nav {
    background: rgba(203, 213, 225, 0.9);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* Text Gradient */
.text-gradient {
    background: linear-gradient(to right, #064e3b, #10b981);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Mobile Menu Styles */
.mobile-menu-overlay {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

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

.mobile-menu-backdrop {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.mobile-menu-backdrop.open {
    opacity: 1;
    visibility: visible;
}

/* Pulse Outline Animation */
@keyframes pulse-outline {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.4);
    }
}

.pulsing-outline {
    animation: pulse-outline 2s ease-in-out infinite;
}

/* FAQ Accordion Styles */
details summary {
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details[open] summary svg {
    transform: rotate(180deg);
}

details summary:hover {
    color: #10b981;
}