body {
    font-family: 'Sarabun', sans-serif;
    background-color: #fafaf9;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-prompt {
    font-family: 'Prompt', sans-serif;
}

.thai-pattern {
    background-color: #003d21;
    background-image: radial-gradient(circle at center, #00522c 0%, #002515 100%);
    position: relative;
}

.thai-pattern::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M40 0l40 40-40 40L0 40z" fill="%23d4af37" fill-opacity="0.05"/%3E%3C/svg%3E');
    opacity: 0.6;
}

.text-gradient-gold {
    background: linear-gradient(135deg, #f2d57c 0%, #D4AF37 50%, #8c6b22 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-gold {
    background: linear-gradient(135deg, #dfc264 0%, #D4AF37 50%, #9e7b28 100%);
}

/* Dropdown custom behavior */
.dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}