/* Custom styles for White Pagoda Entertainment - Enhances Tailwind */

.gold-button {
    background: linear-gradient(135deg, #C9A227 0%, #D4AF37 100%);
    color: white;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.gold-button:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

/* Active filter button */
#portfolio-filters button.active {
    background-color: #0F172A;
    color: white;
    border: none;
}

/* FAQ styling */
.faq-question {
    font-weight: 500;
}

.faq-answer {
    line-height: 1.7;
}

/* Portfolio hover effect */
.portfolio-item img {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), 
                box-shadow 0.3s ease;
}

.portfolio-item:hover img {
    transform: scale(1.08);
}

/* Form focus states */
input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
    border-color: #C9A227;
}

/* Subtle section dividers */
section {
    scroll-margin-top: 80px;
}