/*
Theme Name: Custom Gold Dark
Theme URI: https://example.com/
Author: Custom Theme
Description: ธีม WordPress โทนดำ-ทอง พร้อมระบบตั้งค่าจากหลังบ้านสำหรับ Header, Banner, ข่าว/ประกาศ, ช่องทางติดต่อ และ Footer
Version: 1.0.22
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: custom-gold-dark
*/

:root{--cg-gold:#d4af37;--cg-gold2:#f5d76e;--cg-bg:#080808;--cg-panel:#151515;--cg-text:#fff;--cg-muted:#bdbdbd;--cg-max:928px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cg-bg);color:var(--cg-text);font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-wrap{min-height:100vh;background:linear-gradient(180deg,var(--cg-bg),#111 55%,var(--cg-bg))}.container{width:min(100% - 32px,var(--cg-max));margin-inline:auto}.site-header{background:#080808;border-bottom:1px solid #1b1b1b;position:relative;z-index:100}.site-header.is-sticky{position:sticky;top:0;z-index:9999}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:auto;max-height:52px}.header-actions{display:flex;align-items:center;gap:12px}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:124px;padding:10px 18px;border-radius:8px;background:linear-gradient(#4d5c65,#20282d);font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.2)}.social-btn img{width:22px;height:22px;object-fit:contain}.menu-toggle{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:30px;height:4px;border-radius:3px;background:#eee;grid-area:1/1}.menu-toggle span{transform:translateY(0)}.menu-toggle:before{transform:translateY(-9px)}.menu-toggle:after{transform:translateY(9px)}.mobile-menu{display:none;background:#111;border-top:1px solid #222}.mobile-menu.is-open{display:block}.mobile-menu ul{list-style:none;padding:12px 0;margin:0}.mobile-menu li{border-bottom:1px solid #222}.mobile-menu a{display:block;padding:13px 8px}.hero{background:#050505}.hero img{width:100%;height:auto}.hero-link{display:block}
.hero-intro{background:#070707;border-bottom:1px solid #1b1b1b}.hero-text{max-width:var(--hero-text-max);margin:0 auto;padding-top:var(--hero-text-top);padding-bottom:10px}.hero-text h1{margin:0 0 6px;font-size:clamp(24px,3.2vw,36px);line-height:1.2;font-weight:900}.hero-description{font-size:clamp(16px,2vw,21px);line-height:1.55;color:#f3f3f3}.hero-cta{display:flex;align-items:center;justify-content:var(--cta-align);gap:var(--cta-gap);padding:18px 0 var(--hero-text-bottom);border-bottom:1px solid var(--cg-gold)}.cta-button{width:var(--cta-width);min-height:90px;display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;border-radius:50px;background:linear-gradient(110deg,#d8b65a,#aa8048);color:#111;font-size:clamp(22px,2.5vw,32px);font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 25px rgba(0,0,0,.25);transition:.2s}.cta-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.cta-icon{width:40px;height:40px;object-fit:contain}.cta-fallback-icon{width:42px;height:42px;display:grid;place-items:center;font-size:40px;font-weight:900;line-height:1}.shortcuts{padding:18px 0 10px;background:#050505}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shortcut-gap);padding:10px;background:#111;border:1px solid #292929;border-radius:10px}.shortcut-button{min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #303030;border-radius:8px;background:linear-gradient(#202020,#111);font-size:17px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:.2s}.shortcut-button:hover{border-color:var(--cg-gold);background:#191919;color:var(--cg-gold2)}
.announcement{padding:38px 0;background:linear-gradient(180deg,#070707,#1a1a1a)}.announcement-card{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}.announcement-datebox{text-align:center}.date-icon{width:120px;height:82px;margin:auto auto 10px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.date-icon i{background:#eee;display:block}.announcement-date{font-weight:800;font-size:18px}.announcement-title{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:0 0 6px;font-weight:900}.announcement-excerpt{font-size:clamp(18px,2.3vw,25px);margin:0 0 14px;color:#f4f4f4}.gold{color:var(--cg-gold2)}.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 26px;border-radius:30px;background:#fff;color:#222;font-weight:800;transition:.2s}.button:hover{transform:translateY(-1px);background:var(--cg-gold2)}.content-section{padding:42px 0}.section-card{background:#0d0d0d;border:1px solid #202020;border-radius:20px;overflow:hidden}.section-card img{width:100%}.section-body{padding:28px}.section-title{font-size:30px;margin:0 0 10px}.section-text{color:#ddd}.faq{padding:42px 0}.faq-item{border:1px solid #242424;border-radius:10px;margin-bottom:10px;background:#111}.faq-question{padding:16px 18px;font-weight:800;cursor:pointer}.faq-answer{padding:0 18px 16px;color:#ccc}.site-footer{padding:42px 0 24px;background:#050505;border-top:1px solid #202020}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-logo{max-height:55px;width:auto;margin-bottom:15px}.footer-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}.footer-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.copyright{margin-top:30px;padding-top:18px;border-top:1px solid #1d1d1d;text-align:center;color:#888;font-size:14px}.no-content{padding:60px 0;text-align:center;color:#aaa}
@media(max-width:700px){.container{width:min(100% - 20px,var(--cg-max))}.header-inner{min-height:74px}.brand img{max-height:40px}.header-actions{gap:4px}.social-btn{min-width:0;width:42px;height:42px;padding:0;font-size:0}.social-btn img{width:23px;height:23px}.announcement-card{grid-template-columns:1fr;gap:14px;text-align:center}.hero-cta{flex-direction:column;gap:12px}.cta-button{width:min(100%,var(--cta-width));min-height:72px;font-size:22px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shortcut-button{font-size:15px;min-height:48px}.date-icon{width:100px;height:70px}.announcement-title{font-size:30px}.announcement-excerpt{font-size:18px}.footer-grid{grid-template-columns:1fr}.section-body{padding:20px}}
.hamburger-menu-grid{list-style:none;margin:0;padding:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hamburger-menu-grid li{margin:0}.hamburger-menu-grid a{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #303030;border-radius:8px;background:linear-gradient(#202020,#111);font-weight:900;text-align:center}.hamburger-menu-grid a:hover{border-color:var(--cg-gold);color:var(--cg-gold2)}.hamburger-menu-grid img{width:24px;height:24px;object-fit:contain}.mobile-menu ul:not(.hamburger-menu-grid){list-style:none;padding:12px 0;margin:0}.mobile-menu ul:not(.hamburger-menu-grid) li{border-bottom:1px solid #222}@media(max-width:700px){.hamburger-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hamburger-menu-grid a{font-size:14px;min-height:48px}}
.home-blocks{padding:0}.home-block{position:relative}.home-block--banner{padding:0}.home-block--text{background:#070707}.home-block--cta{background:#070707}.home-block--announcement{background:#050505}.home-block--custom{padding:42px 0}.home-block-card{background:#0d0d0d;border:1px solid #202020;border-radius:20px;overflow:hidden}.home-block-card img{width:100%}.home-block-body{padding:28px}.home-block-title{font-size:clamp(24px,4vw,42px);margin:0 0 10px;font-weight:900}.home-block-text{color:#eee;white-space:normal}.home-block-text p{margin:0 0 8px}.home-block-button{margin-top:16px}

.cgd-popup{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.cgd-popup.is-open{display:flex}.cgd-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.cgd-popup-dialog{position:relative;z-index:1;width:min(92vw,680px);max-height:90vh;overflow:auto;background:#0b0b0b;border:1px solid var(--cg-gold);border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.65);padding:8px}.cgd-popup-close{position:absolute;right:10px;top:8px;width:38px;height:38px;border:1px solid #777;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:3}.cgd-popup-image img{width:100%;height:auto;border-radius:10px;display:block}.cgd-popup-content{padding:20px 18px 18px;text-align:center}.cgd-popup-text{color:#fff;font-size:18px;line-height:1.7}.cgd-popup-text p{margin:0 0 10px}.cgd-popup-button{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:11px 28px;border-radius:30px;background:linear-gradient(110deg,#d8b65a,#aa8048);color:#111;font-weight:900}.cgd-popup-button:hover{filter:brightness(1.08)}body.cgd-popup-open{overflow:hidden}@media(max-width:700px){.cgd-popup{padding:12px}.cgd-popup-dialog{width:96vw;max-height:88vh}.cgd-popup-content{padding:16px 12px}.cgd-popup-text{font-size:16px}}
.seo-home-h2{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:30px 0 8px;color:var(--cg-gold2);font-weight:900}.seo-home-desc,.seo-home-text{font-size:clamp(15px,1.8vw,18px);line-height:1.75;color:#e7e7e7;margin:0 0 14px}.seo-home-h3{font-size:clamp(18px,2.3vw,23px);line-height:1.35;margin:20px 0 5px;color:#fff;font-weight:800}.hero-text .seo-home-h2:first-of-type{margin-top:28px}

/* v1.0.19: SEO home content is a real visible section, independent of Home Blocks */
.seo-home-content{padding:34px 0 40px;background:var(--cg-surface,#0d0d0d);border-top:1px solid rgba(212,175,55,.22)}
.seo-home-content .container{max-width:var(--cg-max,928px);margin:0 auto;padding:0 18px}
.seo-home-h1,.seo-home-h2,.seo-home-h3{color:var(--cg-primary,#d4af37);margin:0 0 12px;line-height:1.3}
.seo-home-h1{font-size:clamp(24px,4vw,38px);text-align:center}
.seo-home-h2{font-size:clamp(21px,3vw,30px);margin-top:30px;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.18)}
.seo-home-h3{font-size:clamp(18px,2.5vw,23px);margin-top:20px}
.seo-home-intro,.seo-home-desc,.seo-home-text{color:var(--cg-text,#fff);line-height:1.8;margin:0 0 12px}
.seo-home-intro{font-size:16px;text-align:center;max-width:820px;margin-left:auto;margin-right:auto}
.seo-home-desc,.seo-home-text{font-size:15px;color:rgba(255,255,255,.84)}

/* v1.0.21 SEO custom rows */
.seo-home-custom{margin:0 0 14px;line-height:1.35}.seo-home-custom.h1{font-size:clamp(26px,4vw,40px);font-weight:900}.seo-home-custom.h2{font-size:clamp(22px,3vw,30px);font-weight:900;margin-top:26px}.seo-home-custom.h3{font-size:clamp(19px,2.5vw,24px);font-weight:800;margin-top:20px}.seo-home-custom.h4{font-size:clamp(17px,2.2vw,21px);font-weight:800;margin-top:16px}.seo-home-custom.p{font-size:clamp(15px,1.8vw,18px);line-height:1.8;color:#fff}

/* v1.0.22 Footer interactive / premium effects */
.cgd-footer{position:relative;overflow:hidden;padding:58px 0 20px;background:
linear-gradient(180deg,#0a0a0a 0%,#050505 58%,#020202 100%);border-top:0;isolation:isolate}
.cgd-footer:before{content:"";position:absolute;left:50%;top:0;width:min(760px,90%);height:1px;
transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--cg-gold2),var(--cg-gold),transparent);
box-shadow:0 0 18px rgba(212,175,55,.55);animation:cgdFooterLine 4s ease-in-out infinite}
.cgd-footer-glow{position:absolute;left:50%;top:-140px;width:650px;height:250px;transform:translateX(-50%);
background:radial-gradient(ellipse,rgba(212,175,55,.14) 0%,rgba(212,175,55,.045) 35%,transparent 72%);
filter:blur(4px);pointer-events:none;z-index:-1;animation:cgdFooterGlow 5s ease-in-out infinite}
.cgd-footer-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.cgd-footer-particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cg-gold2);
opacity:0;box-shadow:0 0 9px rgba(245,215,110,.8);animation:cgdFooterFloat 7s linear infinite}
.cgd-footer-particles span:nth-child(1){left:8%;bottom:12%;animation-delay:-1s}
.cgd-footer-particles span:nth-child(2){left:19%;bottom:5%;animation-delay:-4s}
.cgd-footer-particles span:nth-child(3){left:34%;bottom:18%;animation-delay:-2.5s}
.cgd-footer-particles span:nth-child(4){left:49%;bottom:8%;animation-delay:-6s}
.cgd-footer-particles span:nth-child(5){left:63%;bottom:16%;animation-delay:-3.2s}
.cgd-footer-particles span:nth-child(6){left:76%;bottom:6%;animation-delay:-5.1s}
.cgd-footer-particles span:nth-child(7){left:88%;bottom:19%;animation-delay:-1.8s}
.cgd-footer-particles span:nth-child(8){left:94%;bottom:4%;animation-delay:-6.5s}
.cgd-footer-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:48px;align-items:start}
.cgd-footer-brand{padding:4px 0}
.cgd-footer-logo-link{display:inline-block;position:relative;border-radius:14px}
.cgd-footer-logo-link:after{content:"";position:absolute;inset:-10px;border-radius:18px;
background:radial-gradient(circle,rgba(212,175,55,.16),transparent 68%);z-index:-1;opacity:0;transition:.3s}
.cgd-footer-logo-link:hover:after{opacity:1}
.cgd-footer .footer-logo{max-height:68px;width:auto;margin:0 0 17px;transition:transform .3s,filter .3s}
.cgd-footer .footer-logo:hover{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 8px 18px rgba(212,175,55,.2))}
.cgd-footer-site-name{display:inline-block;margin:0 0 16px;font-size:28px;font-weight:900;letter-spacing:.5px;
background:linear-gradient(90deg,#fff,var(--cg-gold2),#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cgdFooterShine 5s linear infinite}
.cgd-footer-description{max-width:560px;color:#aaa;font-size:15px;line-height:1.85}
.cgd-footer-socials{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.cgd-footer-socials .social-btn{min-width:130px;transition:transform .25s,box-shadow .25s,border-color .25s}
.cgd-footer-socials .social-btn:hover{transform:translateY(-4px);border-color:var(--cg-gold);
box-shadow:0 10px 25px rgba(0,0,0,.45),0 0 16px rgba(212,175,55,.12)}
.cgd-footer-nav-wrap{padding:4px 0}
.cgd-footer-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:var(--cg-gold2);
font-size:16px;font-weight:900;letter-spacing:.4px}
.cgd-footer-heading-line{height:1px;flex:1;max-width:42px;background:linear-gradient(90deg,transparent,var(--cg-gold))}
.cgd-footer-heading-line:last-child{background:linear-gradient(90deg,var(--cg-gold),transparent)}
.cgd-footer-menu-list,.cgd-footer-menu-list ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:9px}
.cgd-footer-menu-list li{margin:0!important;padding:0!important}
.cgd-footer-menu-list a{position:relative;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #252525;
border-radius:9px;background:linear-gradient(180deg,#151515,#0b0b0b);color:#ddd;font-size:14px;font-weight:700;
transition:transform .22s,border-color .22s,color .22s,background .22s,box-shadow .22s}
.cgd-footer-menu-list a:before{content:"›";color:var(--cg-gold2);font-size:17px;line-height:1;transition:transform .22s}
.cgd-footer-menu-list a:hover{transform:translateY(-3px);border-color:var(--cg-gold);color:#fff;
background:linear-gradient(180deg,#1b1b1b,#101010);box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 12px rgba(212,175,55,.1)}
.cgd-footer-menu-list a:hover:before{transform:translateX(3px)}
.cgd-footer-divider{position:relative;height:1px;margin:38px 0 18px;background:#181818}
.cgd-footer-divider span{position:absolute;left:0;top:0;width:90px;height:1px;background:linear-gradient(90deg,var(--cg-gold),transparent);box-shadow:0 0 10px rgba(212,175,55,.35)}
.cgd-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cgd-footer .copyright{margin:0;padding:0;border:0;text-align:left;color:#777;font-size:13px}
.cgd-back-top{width:42px;height:42px;border:1px solid #343434;border-radius:50%;background:#0d0d0d;color:var(--cg-gold2);
display:grid;place-items:center;cursor:pointer;font-size:23px;line-height:1;transition:.25s;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.cgd-back-top:hover{transform:translateY(-4px);border-color:var(--cg-gold);background:#151515;box-shadow:0 8px 20px rgba(0,0,0,.45),0 0 15px rgba(212,175,55,.14)}
@keyframes cgdFooterLine{0%,100%{opacity:.55;transform:translateX(-50%) scaleX(.82)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}}
@keyframes cgdFooterGlow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
@keyframes cgdFooterShine{to{background-position:200% center}}
@keyframes cgdFooterFloat{0%{transform:translateY(30px) scale(.5);opacity:0}15%{opacity:.8}75%{opacity:.35}100%{transform:translateY(-150px) scale(1.15);opacity:0}}
@media(max-width:700px){
.cgd-footer{padding:44px 0 18px}.cgd-footer-top{grid-template-columns:1fr;gap:30px}.cgd-footer-brand{text-align:center}
.cgd-footer-description{margin-inline:auto}.cgd-footer-socials{justify-content:center}.cgd-footer-nav-wrap{padding-top:4px}
.cgd-footer-heading{justify-content:center}.cgd-footer-menu-list,.cgd-footer-menu-list ul{justify-content:center}
.cgd-footer-bottom{align-items:center}.cgd-footer .copyright{text-align:center;flex:1}
.cgd-footer-particles span{animation-duration:8.5s}
}
@media(prefers-reduced-motion:reduce){
.cgd-footer:before,.cgd-footer-glow,.cgd-footer-site-name,.cgd-footer-particles span{animation:none!important}
.cgd-footer-menu-list a,.cgd-footer .footer-logo,.cgd-back-top,.cgd-footer-socials .social-btn{transition:none!important}
}