/*
Theme Name: Royal Login
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 7.4
Description: Black and gold WordPress member login theme.
Text Domain: royal-login
License: GPL-2.0-or-later
*/
:root{--gold:#c7a33d;--ink:#080807;--text:#fff;--panel:#080807eb}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font:600 15px/1.7 'Kanit','Noto Sans Thai',sans-serif;background:var(--ink)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#9b72232e,transparent 60%),linear-gradient(120deg,#0009,#0002),var(--wallpaper,linear-gradient(140deg,#17140c,#030303));background-position:center;background-size:cover}.login-page{width:min(100% - 32px,404px);margin:auto;padding:65px 0 48px;text-align:center}.login-page h1{font-size:27px;font-weight:800;line-height:1.4;margin:12px 0 40px}.brand{display:flex;align-items:center;justify-content:center;min-height:160px;margin-bottom:18px}.brand img{max-width:270px;max-height:190px;width:80%;object-fit:contain}.brand span{font-size:44px;font-weight:900;letter-spacing:2px;color:var(--gold);text-shadow:0 3px 0 #473518,0 0 26px #b9943840}.tagline{font-size:14px;font-weight:700;line-height:1.5;margin:12px 0 8px}.panel{padding:18px 16px 25px;border:1px solid var(--gold);border-radius:13px;background:var(--panel);box-shadow:0 0 12px #c7a33d30}.field{display:flex;align-items:center;position:relative;margin-bottom:15px;border:1px solid #b5b5ad;border-radius:23px;overflow:hidden;background:#262625}.symbol{display:flex;align-items:center;justify-content:center;flex:0 0 44px;color:#4d5157}.symbol svg{display:block;width:21px;height:21px;padding:3px;border-radius:50%;background:#f0f3f9;fill:currentColor}.field input{width:100%;min-width:0;height:42px;border:0;background:#f0f3f9;color:#111;padding:9px 12px;font:inherit;font-size:14px;font-weight:600;border-radius:0}.field input:focus{outline:3px solid var(--gold);outline-offset:-3px}.field input:disabled{opacity:1;color:#555;cursor:default}.field button:disabled,.remember input:disabled{opacity:1;cursor:default}.field button{height:42px;border:0;background:#292929;color:#fff;padding:0 12px;cursor:pointer}.remember{display:flex;align-items:center;gap:7px;text-align:left;font-size:13px;margin:8px 12px 18px}.remember input{accent-color:var(--gold)}.login-action{display:flex;justify-content:center;align-items:center;width:100%;margin:0 0 16px}.panel .login-action .submit{display:block;flex:0 1 60%;width:60%;max-width:280px;min-width:0;text-decoration:none;line-height:40px;text-align:center;min-height:42px;margin:0;border:1px solid var(--gold);border-radius:99px;background:#030303;color:#fff;font:700 15px 'Kanit','Noto Sans Thai',sans-serif;box-shadow:0 0 12px #c7a33d45;cursor:pointer;transition:transform .2s,box-shadow .2s}.panel .login-action .submit:hover{transform:translateY(-2px);box-shadow:0 0 20px #c7a33d80}.links{border-top:1px solid #bcbcb0;margin:0 8px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:13px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.seo-headings{width:min(100% - 24px,360px);margin:14px auto 0;text-align:left;color:#e6e1d3}.seo-headings h2,.seo-headings h3,.seo-headings h4,.seo-headings h5,.seo-headings h6{font-family:'Kanit','Noto Sans Thai',sans-serif;font-weight:600;line-height:1.45;color:#e6e1d3;margin:7px 0}.seo-headings h2{font-size:15px}.seo-headings h3{font-size:14px}.seo-headings h4,.seo-headings h5,.seo-headings h6{font-size:13px}.support{margin-top:18px;border:1px solid var(--gold);border-radius:6px;background:var(--panel);padding:15px 14px 20px;font-size:13px}.line{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#20bb65;border-radius:4px;color:white;padding:5px 13px;margin-bottom:4px;font-weight:700}.line svg{width:20px;height:17px;flex:none;fill:#fff}.line svg circle{fill:#20bb65}.support p{margin:2px 0;color:#d2d2c9}.notice{border-left:3px solid var(--gold);padding:10px 12px;margin:0 0 14px;text-align:left;background:#ffffff12;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.document{width:min(100% - 36px,820px);margin:55px auto;overflow-wrap:anywhere}.document img{max-width:100%;height:auto}.document a{color:var(--gold)}@media(max-width:600px){.login-page{padding-top:26px}.login-page h1{margin-bottom:20px;font-size:24px}.brand{min-height:135px}.brand img{max-height:155px}.panel{padding:17px 13px 22px}}@media(prefers-reduced-motion:reduce){.panel .login-action .submit{transition:none}.panel .login-action .submit:hover{transform:none}}