/*
Theme Name: Atlas Directory Pro
Description: Fast, fully customizable app directory theme. Works with the "Rummy App Directory" plugin. Colors, dark mode, fonts, layout, homepage sections and footer are all controlled from Appearance > Customize.
Author: Ali Hassan
Version: 1.3.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atlas
*/

:root{--a-accent:#134dfc;--a-bg:#fff;--a-surface:#fff;--a-soft:#f3f6fc;--a-text:#1b1f27;--a-muted:#667085;--a-border:#e4e7ec;--a-header:#fff;--a-footer:#0f172a;--a-footer-text:#cbd5e1;--a-hero1:#eaf0ff;--a-hero2:#fff;--a-topbar:#0f172a;--a-topbar-text:#fff;--a-radius:12px;--a-container:1180px;--a-size:16px;--a-font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--a-head-font:var(--a-font)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--a-bg);color:var(--a-text);font-family:var(--a-font);font-size:var(--a-size);line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:var(--a-accent)}
h1,h2,h3,h4{font-family:var(--a-head-font);line-height:1.25;margin:0 0 .6em;color:var(--a-text)}
h1{font-size:clamp(1.8rem,4vw,2.6rem)}
h2{font-size:clamp(1.4rem,2.6vw,1.8rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.muted{color:var(--a-muted)}
.small{font-size:.875rem}
.center{text-align:center}
.container{width:100%;max-width:var(--a-container);margin:0 auto;padding:0 20px}
.container.narrow{max-width:820px}
.page-pad{padding-top:24px;padding-bottom:48px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--a-accent);color:#fff;padding:8px 14px;z-index:999}
.skip-link:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--a-accent);outline-offset:2px}

/* Top bar */
.topbar{background:var(--a-topbar);color:var(--a-topbar-text);text-align:center;font-size:13px;font-weight:700;letter-spacing:.04em;padding:8px 12px}
.topbar a,.topbar span{color:inherit;text-decoration:none}
.topbar a:hover{text-decoration:underline}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:var(--a-header);border-bottom:1px solid var(--a-border)}
.admin-bar .site-header{top:32px}
.header-in{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand img{display:block;max-height:44px;width:auto}
.brand-name{font-family:var(--a-head-font);font-weight:800;font-size:1.2rem;color:var(--a-text);text-decoration:none}
.main-nav{flex:1}
.main-nav .menu,.footer-menu{list-style:none;margin:0;padding:0}
.main-nav .menu{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.main-nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--a-text);text-decoration:none;font-weight:600;font-size:.95rem}
.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--a-soft);color:var(--a-accent)}
.main-nav li{position:relative}
.main-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:200px;list-style:none;margin:0;padding:6px;background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:0 10px 24px rgba(16,24,40,.12)}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}
.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.theme-toggle,.nav-toggle{background:var(--a-soft);color:var(--a-text);border:1px solid var(--a-border);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;line-height:1;display:inline-flex;align-items:center}
.nav-toggle{display:none;font-weight:600}

@media (max-width:860px){
	.header-in{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
	.nav-toggle{display:inline-flex}
	.main-nav{display:none;order:3;flex:0 0 100%}
	.main-nav.open{display:block}
	.main-nav .menu{flex-direction:column;align-items:stretch;justify-content:flex-start}
	.main-nav .sub-menu{display:block;position:static;box-shadow:none;border:0;padding-left:14px}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}

/* Buttons */
.btn,.rad-search button,.comment-form input[type=submit]{display:inline-block;background:var(--a-accent);color:#fff;border:1px solid var(--a-accent);border-radius:var(--a-radius);padding:12px 22px;font-weight:700;text-decoration:none;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(1.08)}
.btn-alt{background:transparent;color:var(--a-accent)}
.more{font-weight:700;color:var(--a-accent);text-decoration:none}
.more:hover{text-decoration:underline}
.chip{display:inline-block;background:var(--a-soft);border:1px solid var(--a-border);color:var(--a-accent);font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;text-decoration:none;margin-right:6px}

/* Hero */
.hero{background:linear-gradient(180deg,var(--a-hero1),var(--a-hero2));padding:56px 0 40px;text-align:center;border-bottom:1px solid var(--a-border)}
.hero-in{max-width:840px}
.eyebrow{display:inline-block;margin:0 0 12px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--a-accent)}
.hero h1{margin-bottom:12px}
.hero-text{color:var(--a-muted);font-size:1.1rem;max-width:640px;margin:0 auto 22px}
.hero .rad-search{margin:0 auto 20px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* Sections */
.sec{padding:28px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.sec-head h2{margin:0}
.feature-box,.info-block{background:var(--a-soft);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 4px);padding:28px}
.feature-box h2,.info-block h2{margin-bottom:8px}
.small-note{color:var(--a-muted);font-size:.85rem}
.notice-box{background:var(--a-soft);border:1px dashed var(--a-border);padding:14px;border-radius:var(--a-radius)}

/* FAQ */
.faq{border:1px solid var(--a-border);border-radius:var(--a-radius);background:var(--a-surface);padding:12px 16px;margin:0 0 10px}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:10px 0 0;color:var(--a-text)}

/* Posts */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:16px 0}
.post-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);overflow:hidden;display:flex;flex-direction:column}
.post-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.post-body{padding:16px}
.post-body h3 a{color:inherit;text-decoration:none}
.post-body p{color:var(--a-muted);font-size:.95rem}
.archive-head{margin-bottom:20px}

/* Single content */
.entry-title{margin-bottom:.3em}
.entry-content{overflow-wrap:break-word}
.entry-content h2{margin-top:1.6em}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border:1px solid var(--a-border);padding:8px 10px;text-align:left}
.entry-content blockquote{margin:1.2em 0;padding:8px 16px;border-left:4px solid var(--a-accent);background:var(--a-soft);border-radius:0 8px 8px 0}
.entry-content img{border-radius:8px}
.post-hero img{display:block;width:100%;border-radius:var(--a-radius);margin-bottom:20px}
.app-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}
.app-icon{flex:0 0 96px;width:96px;height:96px;border-radius:22px;overflow:hidden;background:var(--a-soft);border:1px solid var(--a-border);display:flex;align-items:center;justify-content:center}
.app-icon img{width:100%;height:100%;object-fit:cover;display:block}
.app-icon span{font-size:2.4rem;font-weight:800;color:var(--a-accent)}
.app-head-text h1{margin-bottom:6px}
.app-head-text p{margin-bottom:6px}

/* Breadcrumbs */
.crumbs{font-size:.85rem;margin-bottom:14px}
.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin:0 8px;color:var(--a-muted)}
.crumbs a{color:var(--a-muted);text-decoration:none}
.crumbs a:hover{color:var(--a-accent)}
.crumbs [aria-current]{color:var(--a-text)}

/* Pagination */
.pagination{margin:24px 0;text-align:center}
.pagination .page-numbers{display:inline-block;padding:6px 12px;margin:2px;border:1px solid var(--a-border);border-radius:8px;text-decoration:none;color:var(--a-text)}
.pagination .current{background:var(--a-accent);border-color:var(--a-accent);color:#fff}

/* Comments */
.comments{margin-top:40px}
.comment-list{padding-left:20px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px;border:1px solid var(--a-border);border-radius:8px;background:var(--a-surface);color:var(--a-text);font:inherit}

/* Footer */
.site-footer{background:var(--a-footer);color:var(--a-footer-text);margin-top:40px;padding-top:40px}
.site-footer h3{color:#fff;font-size:1rem}
.site-footer a{color:var(--a-footer-text);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.footer-menu li{margin:0 0 6px}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;padding-bottom:24px;font-size:.85rem}
@media (max-width:700px){.footer-grid{grid-template-columns:1fr}}

/* Search form fallback (when plugin is not active) */
.rad-search{display:flex;gap:8px;max-width:640px;margin:16px auto;position:relative}
.rad-search input[type=search]{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--a-border);border-radius:var(--a-radius);background:var(--a-surface);color:var(--a-text);font-size:1rem}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== Layout with sidebar ===== */
.layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) var(--a-side,320px);align-items:start}
.layout-left{grid-template-columns:var(--a-side,320px) minmax(0,1fr)}
.layout-left .sidebar{order:-1}
.layout-none{grid-template-columns:minmax(0,1fr)}
.layout-none .content{max-width:880px;width:100%;margin:0 auto}
.content{min-width:0}
.sidebar{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:18px}
.admin-bar .sidebar{top:116px}
@media (max-width:960px){
	.layout,.layout-left{grid-template-columns:minmax(0,1fr)}
	.layout-left .sidebar{order:0}
	.sidebar,.admin-bar .sidebar{position:static}
}

/* Cards and widgets */
.card-box{background:var(--a-surface);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 4px);padding:26px;box-shadow:0 2px 10px rgba(16,24,40,.05)}
@media (max-width:600px){.card-box{padding:18px}}
.widget{background:var(--a-surface);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 2px);padding:18px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.widget-title{font-size:1.05rem;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--a-accent);display:inline-block}
.widget ul{list-style:none;margin:0;padding:0}
.widget .rad-search{margin:0;max-width:none}
.side-apps li{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--a-border)}
.side-apps li:last-child{border-bottom:0}
.side-thumb{flex:0 0 46px;width:46px;height:46px;border-radius:12px;overflow:hidden;background:var(--a-soft);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;color:var(--a-accent)}
.side-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.side-title{display:block;font-weight:700;color:var(--a-text);text-decoration:none;line-height:1.3}
.side-title:hover{color:var(--a-accent)}
.side-apps small{display:block;color:var(--a-muted);font-size:.8rem}
.side-posts li{padding:8px 0;border-bottom:1px solid var(--a-border)}
.side-posts li:last-child{border-bottom:0}
.side-posts a{color:var(--a-text);text-decoration:none;font-weight:600}
.side-posts a:hover{color:var(--a-accent)}

/* ===== App page ===== */
.app-page .entry-title{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-bottom:12px}
.app-types{margin:0 0 20px}
.app-top{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.app-top .app-icon{flex:0 0 135px;width:135px;height:135px;border-radius:28px}
.app-top-text{flex:1;min-width:0}
.app-name{margin:0 0 8px;font-size:1.5rem}
.app-top-text p{margin:0}
.app-top-cta{flex:0 0 auto}

/* Download button */
.dl-btn{display:inline-block;background:var(--a-dl-bg);color:var(--a-dl-text);font-weight:800;font-size:1.05rem;text-decoration:none;text-align:center;padding:16px 34px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .15s,filter .15s}
.dl-btn:hover{transform:translateY(-2px);filter:brightness(1.1);color:var(--a-dl-text)}
.dl-lg{padding:18px 48px;font-size:1.15rem}

/* Stats row */
.app-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--a-border);border-radius:var(--a-radius);overflow:hidden;margin-bottom:18px}
.app-stats>div{padding:14px 10px;text-align:center;border-right:1px solid var(--a-border);border-bottom:1px solid var(--a-border);margin:0 -1px -1px 0}
.app-stats strong{display:block;font-size:1rem;color:var(--a-text);overflow-wrap:anywhere}
.app-stats span{display:block;font-size:.85rem;color:var(--a-muted)}

/* Verification box */
.verify{background:#fff7dc;border-left:4px solid #f2b705;color:#3b3200;padding:14px 16px;border-radius:6px;margin-bottom:22px;font-size:.95rem}
.verify a{color:#1b5e20;font-weight:600}
html[data-theme="dark"] .verify{background:#2b2610;color:#f3e7b0}
html[data-theme="dark"] .verify a{color:#8fe08f}

/* End download block */
.app-end-cta{text-align:center;border-top:1px solid var(--a-border);margin-top:28px;padding-top:26px}
.app-end-cta p{max-width:560px;margin:14px auto 0;font-size:.875rem;color:var(--a-muted)}
.app-below{margin-top:24px}
.app-below .rad-faq h2,.app-below .rad-related h2{font-size:1.35rem}
.layout-right .app-below .rad-grid,.layout-left .app-below .rad-grid{--rad-cols:3!important}

@media (max-width:700px){
	.app-top{flex-wrap:wrap}
	.app-top .app-icon{flex-basis:96px;width:96px;height:96px;border-radius:22px}
	.app-top-cta{flex:0 0 100%}
	.app-top-cta .dl-btn{display:block}
	.dl-lg{display:block}
	.layout-right .app-below .rad-grid,.layout-left .app-below .rad-grid{--rad-cols:2!important}
}

/* =====================================================================
   HOMEPAGE REDESIGN (v1.2)
   ===================================================================== */

/* Hero */
.hero{position:relative;overflow:hidden;padding:64px 0 48px;background:radial-gradient(900px 380px at 50% -80px,color-mix(in srgb,var(--a-accent) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--a-hero1),var(--a-hero2))}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--a-border),transparent)}
.hero-in{max-width:880px;position:relative;z-index:1}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--a-surface);border:1px solid var(--a-border);border-radius:999px;padding:6px 14px;font-size:.75rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.hero .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.2)}
.hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}
.hero-text{font-size:1.12rem;max-width:680px;margin-bottom:26px}
.hero-search{max-width:680px;margin:0 auto 14px}
.hero-search .rad-search{margin:0;max-width:none;padding:6px;background:var(--a-surface);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 6px);box-shadow:0 10px 30px rgba(16,24,40,.08)}
.hero-search .rad-search input[type=search]{border:0;background:transparent;padding:12px 14px;outline:0;color:var(--a-text)}
.hero-search .rad-search button{border-radius:calc(var(--a-radius) + 2px);padding:12px 26px}
.hero-search .rad-suggest{margin-top:10px}
.hero-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 22px}
.hero-chips .chips-label{font-size:.85rem;color:var(--a-muted);font-weight:600;margin-right:2px}
.hero-chips .chip{margin:0;transition:background .15s,color .15s,border-color .15s}
.hero-chips .chip:hover{background:var(--a-accent);border-color:var(--a-accent);color:#fff}
.hero-btns .btn{padding:13px 26px;box-shadow:0 6px 16px color-mix(in srgb,var(--a-accent) 28%,transparent)}
.hero-btns .btn-alt{background:var(--a-surface);box-shadow:none}
.hero-btns .btn-alt:hover{background:var(--a-soft)}
.hero-stats{list-style:none;margin:34px auto 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;max-width:720px}
.hero-stats li{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);padding:14px 10px}
.hero-stats strong{display:block;font-size:1.5rem;line-height:1.1;color:var(--a-text);font-family:var(--a-head-font)}
.hero-stats span{display:block;margin-top:4px;font-size:.8rem;color:var(--a-muted)}

/* Section rhythm + headings */
.home-main{padding-bottom:12px}
.home-main .sec{padding:30px 0}
.sec-head{align-items:center;margin-bottom:16px}
.sec-head h2{position:relative;padding-left:14px;margin:0}
.sec-head h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:4px;background:var(--a-accent)}
.sec-head .more{font-size:.92rem;background:var(--a-soft);border:1px solid var(--a-border);padding:6px 14px;border-radius:999px}
.sec-head .more:hover{text-decoration:none;background:var(--a-accent);border-color:var(--a-accent);color:#fff}

/* App cards (plugin markup, restyled here) */
.home-main .rad-grid{gap:18px;margin:0}
.home-main .rad-card{display:flex;flex-direction:column;align-items:center;padding:20px 14px 16px;border-radius:calc(var(--a-radius) + 4px);box-shadow:0 1px 3px rgba(16,24,40,.05);transition:transform .18s,box-shadow .18s,border-color .18s}
.home-main .rad-card:hover{transform:translateY(-4px);border-color:var(--a-accent);box-shadow:0 14px 28px rgba(16,24,40,.12)}
.home-main .rad-thumb,.home-main .rad-thumb:hover{text-decoration:none}
.home-main .rad-thumb{width:88px;height:88px;border-radius:22px;margin-bottom:12px;box-shadow:0 4px 12px rgba(16,24,40,.12)}
.home-main .rad-title{font-size:1rem;margin-bottom:2px}
.home-main .rad-ver{margin-bottom:12px;font-size:.8rem}
.home-main .rad-link{margin-top:auto;background:var(--a-soft);border:1px solid var(--a-border);padding:7px 16px;border-radius:999px;font-size:.85rem}
.home-main .rad-link:hover,.home-main .rad-card:hover .rad-link{background:var(--a-accent);border-color:var(--a-accent);color:#fff;text-decoration:none}
.home-main .rad-badge{top:12px;left:12px;background:#12b76a;letter-spacing:.03em;text-transform:uppercase;font-size:10px}

/* Category tiles */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.cat-tile{display:flex;align-items:center;gap:14px;padding:16px;background:var(--a-surface);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 2px);text-decoration:none;color:var(--a-text);transition:transform .18s,border-color .18s,box-shadow .18s}
.cat-tile:hover{transform:translateY(-3px);border-color:var(--a-accent);box-shadow:0 10px 22px rgba(16,24,40,.1)}
.cat-ico{flex:0 0 48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--a-accent) 14%,var(--a-surface));color:var(--a-accent);font-weight:800;font-size:1.3rem}
.cat-txt{flex:1;min-width:0}
.cat-txt strong{display:block;line-height:1.25}
.cat-txt small{color:var(--a-muted)}
.cat-arrow{color:var(--a-muted);transition:transform .18s,color .18s}
.cat-tile:hover .cat-arrow{transform:translateX(4px);color:var(--a-accent)}

/* Directory banner (CTA) */
.feature-box{position:relative;overflow:hidden;border:0;padding:36px;color:#fff;background:var(--a-accent);background:linear-gradient(135deg,var(--a-accent),color-mix(in srgb,var(--a-accent) 62%,#000))}
.feature-box::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.1)}
.feature-box>*{position:relative;z-index:1}
.feature-box h2,.feature-box .eyebrow{color:#fff}
.feature-box p{max-width:640px;color:rgba(255,255,255,.9)}
.feature-box .eyebrow{opacity:.85}
.feature-box .more{display:inline-block;background:#fff;color:#0f172a;padding:10px 20px;border-radius:999px}
.feature-box .more:hover{text-decoration:none;filter:brightness(.95)}
html[data-theme="dark"] .feature-box{color:var(--a-text);background:linear-gradient(135deg,var(--a-soft),var(--a-surface));border:1px solid var(--a-border)}
html[data-theme="dark"] .feature-box h2,html[data-theme="dark"] .feature-box .eyebrow{color:var(--a-text)}
html[data-theme="dark"] .feature-box p{color:var(--a-muted)}
html[data-theme="dark"] .feature-box::after{background:color-mix(in srgb,var(--a-accent) 14%,transparent)}
html[data-theme="dark"] .feature-box .more{background:var(--a-accent);color:#0b1020}

/* How we check: numbered steps */
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.steps li{counter-increment:step;position:relative;background:var(--a-surface);border:1px solid var(--a-border);border-radius:calc(var(--a-radius) + 2px);padding:60px 20px 20px}
.steps li::before{content:counter(step);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--a-accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem}
html[data-theme="dark"] .steps li::before{color:#0b1020}
.steps h3{margin-bottom:6px}
.steps p{margin:0;color:var(--a-muted);font-size:.95rem}

/* Guides */
.home-main .post-grid{margin:0;gap:18px}
.home-main .post-card{border-radius:calc(var(--a-radius) + 2px);transition:transform .18s,box-shadow .18s,border-color .18s}
.home-main .post-card:hover{transform:translateY(-3px);border-color:var(--a-accent);box-shadow:0 12px 24px rgba(16,24,40,.1)}
.home-main .post-body{display:flex;flex-direction:column;flex:1}
.home-main .post-body .more{margin-top:auto}

/* About + Responsible gaming */
.info-block{background:var(--a-surface);box-shadow:0 1px 3px rgba(16,24,40,.05)}
.info-block .more{display:inline-block;margin-top:2px}
.info-block.rg-flag{border-left:5px solid #f2b705;background:color-mix(in srgb,#f2b705 9%,var(--a-surface))}

/* FAQ */
.faq{transition:border-color .15s}
.faq:hover,.faq[open]{border-color:var(--a-accent)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;font-size:1.4rem;line-height:1;color:var(--a-accent);transition:transform .2s}
.faq[open] summary::after{transform:rotate(45deg)}

@media (max-width:600px){
	.hero{padding:44px 0 34px}
	.hero-search .rad-search{flex-wrap:wrap}
	.hero-search .rad-search button{width:100%}
	.feature-box{padding:26px 20px}
	.home-main .rad-thumb{width:72px;height:72px;border-radius:18px}
}
html[data-theme="dark"] .btn:not(.btn-alt),html[data-theme="dark"] .rad-search button{color:#0b1020}
html[data-theme="dark"] .hero-chips .chip:hover,html[data-theme="dark"] .sec-head .more:hover,html[data-theme="dark"] .home-main .rad-link:hover,html[data-theme="dark"] .home-main .rad-card:hover .rad-link{color:#0b1020}

/* =====================================================================
   v1.3: dense grid, balanced blocks, new footer, alignment polish
   ===================================================================== */

/* Header alignment */
.header-in{min-height:66px}
.brand{min-width:0}
.brand .custom-logo-link{display:flex;align-items:center}
.main-nav .menu{align-items:center}
.header-tools{flex:0 0 auto}

/* Hero: compact so apps show without a long scroll */
.hero{padding:40px 0 30px}
.hero h1{font-size:clamp(1.8rem,4.2vw,2.7rem);margin-bottom:12px}
.hero-text{font-size:1.05rem;margin-bottom:20px}
.hero-chips{margin-bottom:18px}
.hero-stats{margin-top:24px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));max-width:600px}
.hero-stats li{padding:10px 8px}
.hero-stats strong{font-size:1.3rem}
.hero-left .hero-in{max-width:var(--a-container);text-align:left}
.hero-left .hero-text,.hero-left .hero-search{margin-left:0;margin-right:0}
.hero-left .hero-chips,.hero-left .hero-btns{justify-content:flex-start}
.hero-left .hero-stats{margin-left:0}
.hero-left .hero-text{max-width:620px}
.hero-left .hero-search{max-width:620px}

/* Dense app grid (homepage + archives) */
.home-main .rad-grid{gap:14px}
.home-main .rad-card{padding:14px 8px 12px}
.home-main .rad-thumb{width:100%;max-width:92px;height:auto;aspect-ratio:1/1;margin-bottom:8px;border-radius:20px}
.home-main .rad-title{font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}
.home-main .rad-ver{font-size:.75rem;margin-bottom:8px}
.home-main .rad-link{padding:5px 12px;font-size:.78rem}
.home-main .rad-badge{top:8px;left:8px;padding:4px 6px;font-size:9px}
@media (max-width:1000px){body .rad-grid{grid-template-columns:repeat(min(4,var(--rad-cols,4)),minmax(0,1fr))}}
@media (max-width:640px){
	body .rad-grid{grid-template-columns:repeat(var(--a-cols-m,3),minmax(0,1fr));gap:10px}
	.home-main .rad-card{padding:10px 6px}
	.home-main .rad-thumb{max-width:76px;border-radius:16px}
	.home-main .rad-title{font-size:.8rem}
	.home-main .rad-link{display:none}
	.home-main .rad-ver{margin-bottom:0}
}

/* About + Responsible side by side */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.duo .info-block{height:100%;display:flex;flex-direction:column}
.duo .info-block .more{margin-top:auto;padding-top:6px}
.duo-one{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.info-block h2{font-size:1.25rem}

/* FAQ in two columns */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}
.faq-grid .faq{margin:0}
@media (max-width:760px){.faq-grid{grid-template-columns:1fr}}

/* Banner a bit slimmer */
.feature-box{padding:28px 32px}
@media (min-width:761px){
	.feature-box{display:grid;grid-template-columns:1fr auto;column-gap:28px;align-items:center}
	.feature-box .eyebrow,.feature-box h2,.feature-box p{grid-column:1}
	.feature-box .more{grid-column:2;grid-row:1/span 3;align-self:center}
	.feature-box p{margin-bottom:0}
}

/* Footer */
.site-footer{margin-top:48px;padding-top:48px;background:var(--a-footer);color:var(--a-footer-text);border-top:3px solid var(--a-accent)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;align-items:start}
.footer-grid.has-posts{grid-template-columns:1.6fr 1fr 1fr 1.3fr}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.footer-logo h3{margin:0;font-size:1.2rem}
.footer-logo img{max-height:40px;width:auto;display:block}
.footer-brand p{margin:0;max-width:380px;font-size:.95rem;line-height:1.7}
.site-footer h3{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.footer-logo h3{text-transform:none;letter-spacing:0}
.footer-menu li{margin:0 0 9px;font-size:.93rem;line-height:1.4}
.footer-menu a{display:inline-block;transition:transform .15s,color .15s}
.footer-menu a:hover{text-decoration:none;transform:translateX(3px);color:#fff}
.footer-note{margin-top:34px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:var(--a-radius);background:rgba(255,255,255,.04);font-size:.85rem;line-height:1.6}
.footer-note p{margin:0}
.footer-note.container{width:calc(100% - 40px);max-width:calc(var(--a-container) - 40px)}
.copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;padding-bottom:26px;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}
.copy-r{display:inline-flex;align-items:center;gap:14px}
.badge-18{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:2px solid currentColor;border-radius:50%;font-weight:800;font-size:.78rem;color:#fff}
.to-top{font-weight:600}
@media (max-width:900px){.footer-grid.has-posts{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:700px){.footer-grid,.footer-grid.has-posts{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.copy{flex-direction:column;align-items:flex-start}}
@media (max-width:420px){.footer-grid,.footer-grid.has-posts{grid-template-columns:1fr}}