/*
Theme Name: Royal X Casino Premium Editable
Theme URI: https://royalxcasinoregister.com.pk/
Author: Custom
Description: Lightweight, mobile-first Royal X Casino WordPress theme. Page copy is editable in Gutenberg while the visual system stays theme-controlled.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: royalx
*/
:root{--bg:#080b14;--panel:#111624;--panel2:#191d2d;--text:#f7f7fb;--muted:#b8bdca;--cyan:#d8ad55;--cyan2:#f5d98b;--gold:#d8ad55;--line:rgba(114,239,255,.16);--shadow:0 16px 45px rgba(0,0,0,.28);--radius:18px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#080b14 0,#101521 48%,#080b14 100%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7}a{color:var(--cyan2);text-decoration:none}a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:99;background:rgba(5,13,32,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1160px;margin:auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:21px;letter-spacing:.2px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;display:block}.primary-menu{display:flex;align-items:center;gap:5px}.primary-menu a{color:#dce8ff;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:650}.primary-menu a:hover{background:rgba(32,215,255,.09);color:#fff}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 11px;font-size:22px}.site-main{min-height:60vh}.container{max-width:1160px;margin:auto;padding:0 18px}.entry-content{max-width:1160px;margin:0 auto}.dtc-hero{position:relative;overflow:hidden;padding:66px 22px 54px;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(32,215,255,.18),transparent 42%),linear-gradient(145deg,#091535,#071027);border-bottom:1px solid var(--line)}.dtc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.025) 50%,transparent 80%);pointer-events:none}.dtc-hero-inner{position:relative;max-width:900px;margin:auto}.dtc-hero-logo{width:96px;height:96px;object-fit:contain;border-radius:22px;margin:0 auto 15px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 16px 35px rgba(0,0,0,.35)}.dtc-hero h1{margin:0;color:#fff;font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-1.3px}.dtc-hero p{max-width:760px;margin:15px auto 24px;color:#b8c6df;font-size:17px}.dtc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 23px;border-radius:999px;border:1px solid var(--cyan);background:rgba(32,215,255,.08);color:#fff;font-weight:800;box-shadow:0 8px 25px rgba(32,215,255,.1)}.dtc-btn:hover{background:var(--cyan);color:#03101e}.dtc-section{padding:48px 18px}.dtc-section h2{font-size:clamp(26px,4vw,38px);margin:0 0 10px;line-height:1.2}.dtc-section>p{color:var(--muted)}.dtc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:24px}.dtc-card{background:linear-gradient(160deg,rgba(16,31,64,.98),rgba(8,20,43,.98));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.dtc-card h3{margin:0 0 7px;font-size:19px}.dtc-card p{margin:0;color:var(--muted);font-size:15px}.dtc-stat{text-align:center;padding:20px}.dtc-stat strong{display:block;color:#fff;font-size:28px}.dtc-stat span{color:var(--muted);font-size:13px}.dtc-table{width:100%;border-collapse:collapse;margin-top:20px;background:rgba(8,20,43,.75);border:1px solid var(--line);border-radius:14px;overflow:hidden}.dtc-table th,.dtc-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.dtc-table th{color:#fff;background:rgba(32,215,255,.06)}.dtc-table td{color:#bdc9de}.dtc-faq{border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:15px 17px;background:rgba(12,24,52,.65)}.dtc-faq summary{cursor:pointer;font-weight:750}.dtc-list li{margin:7px 0;color:#bdc9de}.page-entry{padding-bottom:45px}.entry-content>h1,.entry-content>h2,.entry-content>h3,.entry-content>p,.entry-content>ul,.entry-content>ol,.entry-content>table,.entry-content>.wp-block-group{max-width:1060px;margin-left:auto;margin-right:auto}.entry-content>h1{padding:42px 18px 8px;font-size:clamp(32px,5vw,48px)}.entry-content>h2{padding:28px 18px 5px}.entry-content>h3{padding:18px 18px 4px}.entry-content>p,.entry-content>ul,.entry-content>ol{padding-left:18px;padding-right:18px;color:#bdc9de}.wp-block-image img{border-radius:16px}.site-footer{margin-top:30px;border-top:1px solid var(--line);background:#040b1b}.footer-inner{max-width:1160px;margin:auto;padding:42px 18px 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.footer-brand{font-size:21px;font-weight:850}.footer-col h3{margin:0 0 10px;font-size:16px}.footer-col a{display:block;color:#aebbd3;padding:3px 0;font-size:14px}.footer-col p{color:#9eabc2;font-size:14px;margin:7px 0}.copyright{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;color:#8190aa;font-size:13px;text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 18px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.post-card h2{font-size:20px;margin:0 0 7px}.post-card p{color:var(--muted)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.screen-grid img{width:100%;height:auto;border-radius:15px;border:1px solid var(--line)}
@media(max-width:900px){.primary-menu{display:none;position:absolute;left:12px;right:12px;top:74px;flex-direction:column;align-items:stretch;padding:10px;background:#080b14;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.primary-menu.is-open{display:flex}.primary-menu a{padding:11px 13px}.menu-toggle{display:block}.dtc-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.header-inner{padding:9px 13px}.brand{font-size:18px}.brand img{width:43px;height:43px}.dtc-hero{padding:48px 16px 42px}.dtc-hero-logo{width:82px;height:82px}.dtc-hero p{font-size:15px}.dtc-section{padding:36px 14px}.dtc-grid,.screen-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.dtc-table{font-size:13px}.dtc-table th,.dtc-table td{padding:9px}.entry-content>h1{padding-top:32px}}
