/* LuckThai Gold — custom layer นอกเหนือจาก Tailwind (grain/glow/gold/glass/prose) */

html{scroll-behavior:smooth}
body{background:#0B0908;overflow-x:clip}
::selection{background:#D4A937;color:#0B0908}

/* grain + glow */
.grain::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}
.glow-gold{background:radial-gradient(closest-side,rgba(212,169,55,.28),transparent 70%)}
.glow-red{background:radial-gradient(closest-side,rgba(200,35,44,.22),transparent 70%)}

/* gold text / buttons / glass */
.text-goldgrad{background:linear-gradient(105deg,#F9EDC8 0%,#F6E27A 28%,#D4A937 52%,#F6E27A 74%,#9C7318 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.btn-gold{background:linear-gradient(180deg,#F6E27A 0%,#D4A937 48%,#9C7318 100%);
  box-shadow:0 1px 0 rgba(255,246,200,.7) inset,0 10px 30px -8px rgba(212,169,55,.55),0 4px 0 #6E4F0E;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,246,200,.7) inset,0 16px 38px -8px rgba(212,169,55,.65),0 5px 0 #6E4F0E}
.btn-gold:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(255,246,200,.5) inset,0 6px 16px -6px rgba(212,169,55,.5),0 0 0 #6E4F0E}
.btn-sheen{position:relative;overflow:hidden}
.btn-sheen::after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:45%;transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:sheen 3.4s ease-in-out infinite}
@keyframes sheen{0%,64%{left:-80%}88%,100%{left:130%}}

.glass{background:rgba(255,251,240,.035);border:1px solid rgba(212,169,55,.18);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.glass-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,box-shadow .25s}
.glass-hover:hover{transform:translateY(-4px);border-color:rgba(212,169,55,.45);background:rgba(255,251,240,.06);
  box-shadow:0 24px 48px -20px rgba(0,0,0,.7),0 0 40px -18px rgba(212,169,55,.4)}
.ring-gold-line{box-shadow:0 0 0 1px rgba(212,169,55,.22)}
.hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(212,169,55,.55),transparent)}

/* marquee ticker */
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;flex-shrink:0;min-width:100%;justify-content:space-around;gap:2.5rem;padding-right:2.5rem;
  animation:marquee 30s linear infinite}
@keyframes marquee{to{transform:translateX(-100%)}}

/* FAQ */
details.faq summary{list-style:none;cursor:pointer}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary .faq-x{transition:transform .25s ease}
details.faq[open] summary .faq-x{transform:rotate(45deg)}
details.faq[open]{border-color:rgba(212,169,55,.4)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}

/* prose (บทความ) — สไตล์เนื้อหาจาก the_content() */
.prose-luck{color:#D9CEBB;font-size:1.0625rem;line-height:1.85}
.prose-luck p{margin:0 0 1.25rem}
.prose-luck>p:first-of-type{font-size:1.1875rem;color:#F5EFE4;line-height:1.8}
.prose-luck strong{color:#F6E27A;font-weight:600}
.prose-luck a{color:#EBCB63;text-decoration:underline;text-underline-offset:3px}
.prose-luck h2{font-family:'Noto Serif Thai',serif;font-weight:800;color:#F9EDC8;
  font-size:clamp(1.4rem,4.5vw,1.75rem);line-height:1.35;margin:2.6rem 0 1rem;padding-left:1rem;
  border-left:3px solid #D4A937}
.prose-luck h3{font-family:'Noto Serif Thai',serif;font-weight:700;color:#F9EDC8;
  font-size:clamp(1.2rem,4vw,1.4rem);margin:2rem 0 .8rem}
.prose-luck ul{list-style:none;padding:0;margin:0 0 1.25rem}
.prose-luck ul li{position:relative;padding-left:1.75rem;margin-bottom:.65rem}
.prose-luck ul li::before{content:"";position:absolute;left:.15rem;top:.55em;width:.55rem;height:.55rem;
  transform:rotate(45deg);background:linear-gradient(135deg,#F6E27A,#D4A937)}
.prose-luck ol{padding-left:1.4rem;margin:0 0 1.25rem}
.prose-luck ol li{margin-bottom:.55rem}
.prose-luck ol li::marker{color:#D4A937;font-weight:700}
.prose-luck blockquote{margin:1.75rem 0;padding:.4rem 0 .4rem 1.25rem;border-left:3px solid #D4A937;
  font-family:'Noto Serif Thai',serif;font-size:1.1875rem;color:#F9EDC8}
.prose-luck table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:28rem}
.prose-luck .tablewrap{overflow-x:auto;border-radius:1rem;border:1px solid rgba(212,169,55,.25);margin:0 0 1.25rem}
.prose-luck thead th{background:linear-gradient(90deg,rgba(110,79,14,.6),rgba(156,115,24,.4));
  color:#F9EDC8;font-family:'Noto Serif Thai',serif;text-align:left;padding:.8rem 1rem;white-space:nowrap}
.prose-luck tbody td{padding:.75rem 1rem;border-top:1px solid rgba(212,169,55,.12)}
.prose-luck tbody tr:hover{background:rgba(212,169,55,.05)}
.prose-luck img{max-width:100%;height:auto;border-radius:.875rem;margin:.5rem 0 1.25rem;
  border:1px solid rgba(212,169,55,.2)}
/* FAQ ในเนื้อโพสต์ (native renderer) — fallback เผื่อ utility class ไม่อยู่ใน tw.css ที่คอมไพล์ไว้ */
.prose-luck details.faq{margin:0 0 .8rem;background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);border-radius:1rem}
.prose-luck details.faq summary{display:block!important;position:relative;min-height:3.5rem;
  padding:1rem 3.75rem 1rem 1.5rem;font-weight:600;color:#F5EFE4;cursor:pointer}
.prose-luck details.faq summary .faq-x{position:absolute;right:1rem;top:50%;
  transform:translateY(-50%);display:grid;place-items:center;width:2rem;height:2rem;
  border-radius:9999px;background:rgba(212,169,55,.15);color:#EBCB63;font-size:1.125rem;font-weight:700}
.prose-luck details.faq[open] summary .faq-x{transform:translateY(-50%) rotate(45deg)}
.prose-luck details.faq>div{padding:0 1.5rem 1.25rem;color:#D9CEBB;line-height:1.8}
.prose-luck .not-prose{margin:0 0 1.25rem}
/* กล่อง wrapper จาก pipeline (.wp-seo-*) — บังคับกลืนกับธีมมืด แม้มี inline style ขาวติดมา */
.prose-luck .wp-seo-content{background:transparent!important;color:inherit!important;padding-top:0!important}
.prose-luck .wp-seo-breadcrumb,.prose-luck .wp-seo-breadcrumb a,.prose-luck .wp-seo-breadcrumb span{
  background:transparent!important;color:#B7A98C!important}
.prose-luck .wp-seo-breadcrumb a:hover{color:#EBCB63!important}
.prose-luck .wp-seo-responsible-gaming{background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.12)!important;color:#B7A98C!important}
.prose-luck .wp-seo-responsible-gaming strong{color:#F5EFE4!important}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}