/*
Theme Name: RUAY EMERALD Landing
Theme URI: https://example.com/
Author: Site Admin
Description: Responsive Thai promotional landing page with editable registration link and banner.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: ruayemerald
*/
:root{--primary:#064b3c;--pale:#d9f3e8;--accent:#e53a32;--bg:#f6fffb;--text:#173324;--line:#cde7d3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f5ef;color:var(--text);font-family:Arial,'Noto Sans Thai',Tahoma,sans-serif;font-size:15px;line-height:1.7}a{color:inherit}.site-wrap{max-width:980px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 18px #00000010}.topbar{background:var(--primary);color:#fff;text-align:center;padding:15px 16px}.brand{font-weight:900;font-size:24px;letter-spacing:.5px;color:#ffdf55;line-height:1.2}.tagline{font-size:11px;color:#fff;margin-top:5px}.hero-intro{text-align:center;padding:24px 18px 12px}h1{color:var(--primary);font-size:clamp(22px,4vw,31px);line-height:1.35;margin:0 0 8px}.hero-intro p{max-width:700px;margin:0 auto 15px;font-size:13px;color:#557060}.cta{display:inline-block;text-decoration:none;background:var(--accent);color:#fff!important;font-weight:800;padding:10px 26px;border-radius:4px;box-shadow:0 3px 0 #00000015}.cta:hover{filter:brightness(.94);transform:translateY(-1px)}.banner-area{padding:8px 18px 18px;text-align:center}.hero-banner{display:block;width:100%;max-width:760px;height:auto;aspect-ratio:3.7/1;object-fit:cover;border-radius:7px;margin:0 auto;background:var(--pale);border:1px solid #e3ecd9}.section-title{text-align:center;color:var(--primary);font-weight:900;font-size:18px;margin:6px 0 4px}.subnote{text-align:center;font-size:11px;color:#65786b;margin:0 12px 12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 18px}.feature{border:1px solid var(--line);border-radius:7px;text-align:center;padding:12px 8px;background:#ffffffa8;font-size:12px;color:#335c42}.feature .ico{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--primary);color:#fff;margin:0 auto 7px;font-weight:bold}.promo-img{display:block;width:min(100%,360px);height:auto;margin:0 auto 8px;border-radius:8px}.info{padding:8px 22px 24px}.info h2{font-size:17px;color:var(--primary);margin:14px 0 4px}.info p{font-size:13px;margin:0 0 10px;color:#465c4d}.bottom-cta{position:sticky;bottom:0;display:flex;justify-content:center;gap:8px;background:#ffffffed;border-top:1px solid #dbe7d9;padding:8px 12px;z-index:5}.bottom-cta a{flex:1;max-width:220px;text-align:center;padding:8px 10px;border-radius:4px;font-weight:bold;text-decoration:none;background:var(--accent);color:white}.bottom-cta a.secondary{background:var(--primary)}footer{background:#183329;color:#d8e8dc;text-align:center;font-size:11px;padding:14px}.admin-note{font-size:11px;color:#718274;text-align:center;padding:0 15px 12px}@media(max-width:560px){.brand{font-size:21px}.features{grid-template-columns:repeat(2,1fr);gap:8px;padding-left:14px;padding-right:14px}.hero-banner{aspect-ratio:2.2/1}.info{padding-left:16px;padding-right:16px}.hero-intro{padding-top:20px}}

/* Reference layout refinements */
.site-wrap{max-width:1000px}.topbar{background:linear-gradient(110deg,#032c18,var(--primary));padding:20px}.brand{font-size:32px}.hero-intro{padding:28px 20px 20px}.banner-area{padding:8px 20px 22px}.hero-banner{max-width:none;aspect-ratio:auto;object-fit:contain}.features{padding-bottom:28px;gap:12px}.feature{min-height:132px;padding:20px 10px}.feature .ico{width:38px;height:38px;font-size:20px}.info{padding:10px 24px 32px}.info h2{margin-top:24px}.bottom-cta{position:fixed;left:0;right:0;bottom:0;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0001}.bottom-cta a{min-height:44px;display:grid;place-items:center}.site-wrap{padding-bottom:76px}.registration-status{margin:0 24px;scroll-margin-bottom:90px}.registration-status p{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.registration-status:has(>p):not(:target){display:none}.registration-status:has(#login-pending:target){display:block}a:focus-visible{outline:3px solid #c68e00;outline-offset:4px}@media(max-width:560px){.brand{font-size:28px}.hero-intro h1{font-size:25px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-area{padding-left:14px;padding-right:14px}.hero-banner{aspect-ratio:auto}.info{padding:8px 18px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta:hover{transform:none}}