/*
Theme Name: UEA8 WP Theme
Theme URI: https://uea8max.site/
Author: UEA8
Description: ธีม WordPress สำหรับเว็บไซต์ UEA8 พร้อม Meta Boxes, Customizer, เมนู, Page, Post และ Media Library
Version: 2.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: uea8
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#110b12;--surface:#1d121c;--surface2:#271722;--line:#49313f;--muted:#cbb9c4;--gold:#ffcd76;--red:#ff476a;--white:#fff7fb;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Prompt',Tahoma,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}p{margin-top:0}.shell{max-width:1232px;margin:auto;padding:0 28px}.skip{position:absolute;left:16px;top:-80px;z-index:1000;padding:12px;background:#fff;color:#111}.skip:focus{top:12px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.topline{background:#290e1f;border-bottom:1px solid #583046;font-size:11px;letter-spacing:.025em}.topline .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:37px;color:#e6cdd9}.top-badge{font-weight:600;color:#ffcb96}.site-header{position:relative;z-index:20;background:rgba(17,11,18,.97);border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{display:flex;align-items:center;gap:30px;min-height:90px}.brand{display:inline-flex;align-items:center;flex-direction:column;line-height:1;flex-shrink:0}.brand-word{font:700 34px/.97 'Kanit',sans-serif;letter-spacing:-.06em;color:#fdf5f8}.brand-word span{color:#ffbc45}.brand-caption{margin-top:8px;font:600 8px/1 'Prompt';letter-spacing:.25em;color:#d6a7b4}.custom-logo-link{display:flex;align-items:center}.custom-logo{display:block;max-height:58px;width:auto}.primary-nav{display:flex;margin:auto;align-items:center}.primary-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.primary-nav a{font-size:13px;color:#dacbd3;white-space:nowrap;transition:color .2s}.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{color:var(--gold)}.header-auth{display:flex;gap:9px;align-items:center}.header-cta{display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid #966479;padding:9px 14px;border-radius:9px;white-space:nowrap;color:#ffe5ee}.header-cta.primary{border-color:transparent;background:linear-gradient(105deg,#ffb855,#ff6570);color:#220910;font-weight:600}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #704155;border-radius:9px;background:#21131d;color:#fff;font-size:20px;cursor:pointer}
.hero{overflow:hidden;background:radial-gradient(circle at 75% 58%,rgba(232,42,102,.22),transparent 35%),radial-gradient(circle at 10% 20%,rgba(143,32,72,.18),transparent 36%),linear-gradient(135deg,#1b0c1c,#0f0c13 80%);border-bottom:1px solid #402133}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;padding-top:48px;padding-bottom:55px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#eeb16a;text-transform:uppercase;margin-bottom:18px}.hero-copy h1{font:700 clamp(34px,4vw,57px)/1.3 'Kanit','Prompt',sans-serif;letter-spacing:-.035em;margin:0 0 20px}.hero-copy p{font-size:15px;color:#e3cdda;max-width:580px;margin-bottom:28px}.hero-actions,.panel-actions{display:flex;gap:12px;flex-wrap:wrap}.solid-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:13px;transition:transform .2s,filter .2s}.solid-button:hover,.outline-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.solid-button{background:linear-gradient(105deg,#ffb855,#ff6570);color:#220910}.outline-button{border:1px solid #8a5269;color:#f6d8e5}.hero-fineprint{display:block;color:#a99aa4;font-size:11px;margin-top:20px}.hero-art{height:385px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;z-index:-2;inset:25px 30px;border-radius:50%;background:radial-gradient(circle,#a82754aa,transparent 67%);filter:blur(13px)}.orbit{border:1px solid rgba(255,193,104,.35);position:absolute;inset:20px 35px;border-radius:50%;transform:rotate(-28deg) scaleY(.63);box-shadow:0 0 45px #a63d5740}.orbit-two{inset:0 55px;transform:rotate(31deg) scaleY(.8);border-color:#fa729059}.art-center{width:220px;height:250px;border:1px solid #ffb56599;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(150deg,#592035,#210f20 65%,#502637);box-shadow:0 25px 90px #020102a0,inset 0 1px 35px #f69c7944;transform:rotate(-7deg)}.art-center>span{font:700 66px/1 'Kanit';letter-spacing:-.1em}.art-center b{font:700 118px/.95 'Kanit';color:#ffc459;text-shadow:0 7px 32px #ef933366}.art-center small{font-size:9px;letter-spacing:.25em;color:#ffcca1}.art-label{position:absolute;font-size:9px;letter-spacing:.13em;color:#ffdbb2;background:#3c2031dd;padding:9px 12px;border:1px solid #8c5063;border-radius:6px}.art-label-top{top:40px;right:0}.art-label-bottom{bottom:22px;left:0}
.main-content{padding-top:32px;padding-bottom:78px}.section{padding:55px 0;border-bottom:1px solid rgba(255,255,255,.1)}.section-heading{max-width:770px;margin-bottom:26px}.section-heading h2,.footer-panel h2,.entry-title{font:600 clamp(27px,3vw,36px)/1.45 'Kanit','Prompt';margin:0 0 8px}.section-heading p,.entry-content p{color:#d8c6d0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature-card{position:relative;overflow:hidden;min-height:228px;padding:25px 22px;background:linear-gradient(155deg,#3e2037,#231722);border:1px solid #684154;border-radius:var(--radius);transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#ffba75}.feature-card:before{content:'';position:absolute;width:165px;height:165px;right:-60px;top:-70px;border-radius:50%;background:#db557733;box-shadow:0 0 100px 30px #ca3c6533}.feature-card.slots{background:linear-gradient(155deg,#3f2927,#231720)}.feature-card.sports{background:linear-gradient(155deg,#292239,#231720)}.feature-card.brand{background:linear-gradient(155deg,#47301f,#231720)}.card-eyebrow{font-size:10px;color:#ffcb9b;letter-spacing:.08em}.feature-card h3{font:600 25px/1.3 'Kanit';position:relative;margin:26px 0 9px}.feature-card p{font-size:12px;color:#d6c5cf;position:relative}.card-arrow{position:absolute;right:24px;bottom:18px;font-size:24px;color:var(--gold)}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{overflow:hidden;background:#211520;border:1px solid #4b2e3e;border-radius:17px;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#ffba75}.game-image{position:relative;aspect-ratio:1.42/1;overflow:hidden;background:#321827}.game-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-card:hover .game-image img{transform:scale(1.045)}.play-button{position:absolute;right:12px;bottom:12px;padding:6px 12px;border-radius:8px;background:linear-gradient(105deg,#ffb855,#ff6570);color:#230b12;font-size:11px;font-weight:700;box-shadow:0 8px 24px #10070c99}.game-copy{display:flex;flex-direction:column;padding:15px 16px 17px}.game-copy strong{font:600 17px/1.4 'Kanit'}.game-copy span{color:#bca8b3;font-size:11px;margin-top:3px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-card{overflow:hidden;background:#211520;border:1px solid #593447;border-radius:18px;transition:transform .2s,border-color .2s}.promo-card:hover{transform:translateY(-4px);border-color:#ffba75}.promo-card img{display:block;width:100%;aspect-ratio:1.75/1;object-fit:cover;background:#321827}.promo-card>div{padding:20px}.promo-card h3{font:600 22px/1.4 'Kanit';margin:8px 0}.promo-card p{color:#cbb9c4;font-size:12px;margin:0}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-card{padding:24px;background:#211520;border:1px solid #4b2e3e;border-radius:16px}.post-card h2,.post-card h3{font:600 22px/1.4 'Kanit';margin:8px 0}.post-card p{color:#cbb9c4;font-size:13px}.post-meta{color:#d69a73;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.entry-content{max-width:900px;color:#e4d6dd}.entry-content h2,.entry-content h3{font-family:'Kanit';color:#fff}.entry-content a{color:var(--gold);text-decoration:underline}.entry-content img{border-radius:16px}.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.page-numbers{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #633c4e;border-radius:8px}.page-numbers.current{background:#7f2948;border-color:#a23a60}
.footer-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px;margin-top:52px;border-radius:20px;background:linear-gradient(105deg,#562035,#26131e);border:1px solid #9c4663}.footer-panel h2{font-size:25px}.footer-panel p{color:#dfc7d4;margin-bottom:0}.footer-panel .panel-actions{flex-shrink:0}.site-footer{background:#0b090e;border-top:1px solid #452838;padding-top:60px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:52px}.footer-brand{align-items:flex-start}.foot-grid p{max-width:440px;color:#b8a5af;font-size:12px;margin-top:22px}.foot-grid h2{font:600 17px 'Kanit';margin:0 0 18px}.foot-grid ul{list-style:none;padding:0;margin:0}.foot-grid>div:not(:first-child) a{display:block;color:#bdabb4;font-size:12px;margin:10px 0}.foot-grid a:hover{color:#ffce86}.footer-bottom{border-top:1px solid #392632;display:flex;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:26px;color:#9c8994;font-size:10px}.line-float{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#06c755;color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 35px #0008}.line-float:hover{filter:brightness(1.08)}
.alignwide{max-width:1160px;margin-left:auto;margin-right:auto}.alignfull{width:100vw;margin-left:calc(50% - 50vw)}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.gallery-caption{font-size:12px}.bypostauthor{display:block}.sticky{border-color:var(--gold)}
@media(max-width:1100px){.header-inner{gap:15px}.primary-nav ul{gap:12px}.primary-nav a{font-size:11px}.header-auth .header-cta:not(.primary){display:none}.card-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#160e15;border-bottom:1px solid #553043;padding:14px 20px}.primary-nav.open{display:block}.primary-nav ul{display:flex;align-items:flex-start;flex-direction:column;gap:0}.primary-nav li{width:100%}.primary-nav a{display:block;padding:9px 0;font-size:13px}.header-auth{display:none}.promo-grid,.posts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.shell{padding-left:19px;padding-right:19px}.topline .shell>span:last-child{display:none}.header-inner{min-height:80px}.brand-word{font-size:29px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-top:49px;padding-bottom:22px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:13px}.hero-art{height:275px}.art-center{width:156px;height:178px;border-radius:16px}.art-center>span{font-size:46px}.art-center b{font-size:84px}.art-center small{font-size:6px}.art-label{font-size:7px}.art-label-top{top:18px}.art-label-bottom{bottom:9px}.section{padding:42px 0}.card-grid,.game-grid,.promo-grid,.posts-grid{grid-template-columns:1fr}.feature-card{min-height:180px}.footer-panel{align-items:flex-start;flex-direction:column}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:6px}.line-float{width:52px;height:52px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.game-card,.promo-card,.solid-button,.outline-button{transition:none}}