/* HuayCasino V11.3.2 — real HTML typography, no graphics text and no hard panel borders.
   Scoped to the V11.3 homepage hero; safe with the V11.3.1 borderless theme. */
.hero.hc-v113-on .hero-inner.hc-v113-panel{
  font-family:"Kanit","Noto Sans Thai","Tahoma",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hero.hc-v113-on .hero-inner.hc-v113-panel .eyebrow{
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif;
  font-weight:600; font-size:clamp(11px,.90vw,13px);
  color:#f9ddb0;letter-spacing:0;line-height:1.65;
  text-shadow:0 1px 8px rgba(0,0,0,.74);
}
.hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-brand{
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif;
  font-size:clamp(19px,1.85vw,27px);
  font-weight:800; line-height:1.40; letter-spacing:0;
  color:#fbe2a2;
  text-shadow:0 2px 0 #51330f,0 5px 12px rgba(0,0,0,.75),0 0 22px rgba(236,169,61,.19);
  margin:0 0 7px;
}
/* CSS gold foil / 3D-inspired headline, drawn by the browser, never baked into any WebP. */
.hero.hc-v113-on .hero-inner.hc-v113-panel h1{
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif;
  font-weight:900; font-size:clamp(33px,3.15vw,49px);
  letter-spacing:0;line-height:1.30;
  padding:4px 0 5px;margin:0;
  color:#f9cc62; /* fallback for older engines */
  background-image:linear-gradient(180deg,
    #fffaf0 0%,#ffecac 19%,#ffd77d 41%,#f5bf52 64%,#e5ad42 82%,#ffe19b 100%);
  background-size:100% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.5px rgba(93,44,7,.30);
  text-shadow:none; filter:drop-shadow(0 2px 0 rgba(95,40,3,.65)) drop-shadow(0 6px 13px rgba(0,0,0,.70));
  overflow:visible;
  text-wrap:balance;
}
.hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-desc{
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif;
  font-size:clamp(14px,1.06vw,16px);
  font-weight:400;line-height:1.66;
  color:#f3f4f6;
  text-shadow:0 2px 7px rgba(0,0,0,.73);
  margin-top:12px;
}
.hero.hc-v113-on .actions .btn{
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif;
  font-weight:700;letter-spacing:0;line-height:1.35;
  text-shadow:none;
  border-radius:13px;
}
.hero.hc-v113-on .actions .btn.gold{
  color:#2a1b06;
  background:linear-gradient(140deg,#fff3bc 0%,#f3cb60 35%,#d99e34 76%,#e6bd58 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 23px rgba(0,0,0,.34);
}
.hero.hc-v113-on .actions .btn.ghost{
  color:#ffe5a8;
  background:linear-gradient(135deg,rgba(11,25,45,.52),rgba(9,17,36,.30));
  border-color:rgba(255,207,110,.53);
  box-shadow:inset 0 1px 0 rgba(255,236,188,.07),0 5px 16px rgba(0,0,0,.26);
}
.hero.hc-v113-on .actions .btn:focus-visible{
  outline:3px solid #fff4bd!important;outline-offset:3px!important;
}
@media (min-width:701px) and (max-width:1024px){
 .hero.hc-v113-on .hero-inner.hc-v113-panel h1{font-size:clamp(30px,3.65vw,40px);line-height:1.28}
 .hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-brand{font-size:20px}
}
@media(max-width:700px){
 .hero.hc-v113-on .hero-inner.hc-v113-panel{
   padding-top:12px!important;padding-bottom:19px!important;
 }
 .hero.hc-v113-on .hero-inner.hc-v113-panel .eyebrow{display:none}
 .hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-brand{
   font-size:15px;line-height:1.36;margin-bottom:3px;
   text-shadow:0 2px 8px rgba(0,0,0,.46);
 }
 .hero.hc-v113-on .hero-inner.hc-v113-panel h1{
   font-size:clamp(24px,6.35vw,31px);
   line-height:1.35; padding:1px 0 3px;
   -webkit-text-stroke:.22px rgba(93,44,7,.2);
   text-shadow:none; filter:drop-shadow(0 2px 0 rgba(91,39,6,.49)) drop-shadow(0 4px 8px rgba(0,0,0,.52));
 }
 .hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-desc{
   font-size:13px;line-height:1.52; margin:7px 0 0;
   -webkit-line-clamp:2;
 }
 .hero.hc-v113-on .actions{gap:9px;margin-top:13px}
 .hero.hc-v113-on .actions .btn{font-size:13px;min-height:46px}
}
@media(max-width:350px){
 .hero.hc-v113-on .hero-inner.hc-v113-panel h1{font-size:23px;line-height:1.35}
 .hero.hc-v113-on .hero-inner.hc-v113-panel .hc-v113-brand{font-size:14px}
}
@media(forced-colors:active){
 .hero.hc-v113-on .hero-inner.hc-v113-panel h1{
   background:none;-webkit-text-fill-color:currentColor;
   -webkit-text-stroke:0;color:CanvasText;text-shadow:none;
 }
}
