/*
Theme Name: EZ Cellular Solutions Basic
Theme URI: https://ezcellularsolutions.com
Author: Christopher Orick
Author URI: https://ezcellularsolutions.com
Description: Basic starter theme with a park (coming soon) front page.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ezcs-basic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root{
  --ezcs-bg:#0b1220;
  --ezcs-card:#0f1a30;
  --ezcs-text:#e7eefc;
  --ezcs-muted:#a6b4d6;
  --ezcs-accent:#48d1ff;
  --ezcs-accent2:#7c5cff;
  --ezcs-border:rgba(255,255,255,.12);
  --ezcs-shadow: 0 10px 30px rgba(0,0,0,.35);
  --ezcs-radius: 18px;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 20% 20%, rgba(124,92,255,.25), transparent 60%),radial-gradient(1000px 700px at 90% 40%, rgba(72,209,255,.18), transparent 55%),var(--ezcs-bg);color:var(--ezcs-text);line-height:1.5;}
a{color:var(--ezcs-accent);text-decoration:none}
a:hover{text-decoration:underline}

.site{min-height:100vh;display:flex;flex-direction:column}
.site-header{padding:24px 18px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;width:100%;}
.brand{display:flex;gap:12px;align-items:center}
.brand .logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--ezcs-accent2),var(--ezcs-accent));box-shadow:var(--ezcs-shadow)}
.brand .title{font-weight:700;letter-spacing:.2px}
.brand .tag{font-size:13px;color:var(--ezcs-muted)}
.site-logo img {
  max-height: 48px;
  width: auto;
  display: block;
}

@media (max-width: 768px) {
  .site-logo img {
    max-height: 40px;
  }
}

.nav a{margin-left:14px;color:var(--ezcs-text);opacity:.9}
.nav a:hover{opacity:1}

.main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 18px}
.card{max-width:920px;width:100%;background:rgba(15,26,48,.65);backdrop-filter: blur(10px);border:1px solid var(--ezcs-border);border-radius:var(--ezcs-radius);box-shadow:var(--ezcs-shadow);overflow:hidden;}
.card-inner{padding:42px 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px}
@media (max-width:860px){.card-inner{grid-template-columns:1fr}}

.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--ezcs-border);background:rgba(0,0,0,.15);color:var(--ezcs-muted);font-size:13px}
.badge .dot{width:8px;height:8px;border-radius:999px;background:var(--ezcs-accent)}

h1{margin:.6rem 0 0;font-size:44px;line-height:1.1}
@media (max-width:860px){h1{font-size:38px}}

.lead{margin:14px 0 0;color:var(--ezcs-muted);font-size:16px;max-width:52ch}

.cta-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;border:1px solid var(--ezcs-border);background:rgba(0,0,0,.18);color:var(--ezcs-text);font-weight:600;min-width:160px}
.btn.primary{background:linear-gradient(135deg,rgba(124,92,255,.9),rgba(72,209,255,.85));border:none;}
.btn:hover{transform:translateY(-1px)}

.panel{padding:22px;border-left:1px solid var(--ezcs-border);background:rgba(0,0,0,.12)}
@media (max-width:860px){.panel{border-left:none;border-top:1px solid var(--ezcs-border)}}
.panel h2{margin:0 0 10px;font-size:18px}
.panel ul{margin:0;padding-left:18px;color:var(--ezcs-muted)}
.panel li{margin:8px 0}

.site-footer{padding:18px;max-width:1100px;margin:0 auto;width:100%;color:var(--ezcs-muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;opacity:.9}