/* =========================================
   1. GLOBAL FONT SETTINGS (PROMPT)
   ========================================= */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, li, span, div {
    font-family: 'Prompt', sans-serif !important;
}

body {
    line-height: 1.6;
}

/* =========================================
   2. GAMING BOKEH BACKGROUND EFFECT (ANIMATED)
   ========================================= */
body {
    background-color: #2B0057 !important; 
    
    background-image: 
        radial-gradient(circle at 10% 40%, rgba(178, 0, 255, 0.45) 0%, transparent 40%),
        radial-gradient(circle at 85% 20%, rgba(178, 0, 255, 0.5) 0%, transparent 45%),
        radial-gradient(circle at 60% 80%, rgba(178, 0, 255, 0.35) 0%, transparent 50%),
        radial-gradient(circle at 20% 90%, rgba(178, 0, 255, 0.4) 0%, transparent 40%),
        radial-gradient(circle at 90% 70%, rgba(178, 0, 255, 0.3) 0%, transparent 35%) !important;
    
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    
    /* ขยายสเกลเพื่อให้มีพื้นที่ในการแพนกล้องขยับดวงสี */
    background-size: 150% 150% !important;
    
    /* เรียกใช้ Keyframes ทำให้ดวงสีค่อยๆ ลอยไปมา (30 วินาที เล่นวนซ้ำแบบสมูท) */
    animation: floatBokeh 30s ease-in-out infinite !important;
}

/* ชุดคำสั่งเคลื่อนไหวสำหรับ Bokeh (แพนตำแหน่งแกน X และ Y ไปรอบๆ) */
@keyframes floatBokeh {
    0% { background-position: 0% 0%; }
    25% { background-position: 100% 0%; }
    50% { background-position: 100% 100%; }
    75% { background-position: 0% 100%; }
    100% { background-position: 0% 0%; }
}

/* =========================================
   3. BASE STYLING (OPTIONAL)
   ========================================= */
.wp-block-button__link {
    border-radius: 50px !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}