/*
Theme Name: ATAW Predictor
Theme URI: https://example.com/
Author: ATAW
Description: A modern, mobile-first football prediction theme designed for the ATAW Grimsby Predictor plugin.
Version: 1.3.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: ataw-predictor-theme
*/

:root {
  --ataw-black:#101114;
  --ataw-charcoal:#1a1c21;
  --ataw-white:#ffffff;
  --ataw-offwhite:#f4f3ef;
  --ataw-red:#c81f35;
  --ataw-red-dark:#99172a;
  --ataw-grey:#737783;
  --ataw-line:#d8d9dc;
  --ataw-shadow:0 18px 45px rgba(16,17,20,.12);
  --ataw-radius:22px;
  --ataw-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ataw-offwhite);color:var(--ataw-black);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}

.ataw-container{width:min(calc(100% - 32px),var(--ataw-max));margin-inline:auto}
.ataw-site-header{position:sticky;top:0;z-index:50;background:rgba(16,17,20,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-bar .ataw-site-header{top:32px}
.ataw-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ataw-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.02em}
.ataw-brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ataw-red);border:3px solid #fff;box-shadow:0 0 0 3px var(--ataw-black);font-size:13px}
.ataw-brand-text small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c9cbd0;font-weight:700}
.ataw-brand-text span{display:block;font-size:18px;line-height:1.1}
.ataw-nav{display:flex;align-items:center;gap:8px}
.ataw-nav a{color:#ececef;padding:10px 13px;border-radius:12px;font-weight:700;font-size:14px}
.ataw-nav a:hover,.ataw-nav .current-menu-item>a{background:rgba(255,255,255,.08);color:#fff}
.ataw-login-link{background:var(--ataw-red)!important;color:#fff!important}
.ataw-menu-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 11px}

.ataw-hero-home{position:relative;overflow:hidden;background:linear-gradient(120deg,#111216 0%,#1e2026 52%,#111216 100%);color:#fff;padding:88px 0 96px}
.ataw-hero-home:before,.ataw-hero-home:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.ataw-hero-home:before{width:520px;height:520px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(200,31,53,.55),rgba(200,31,53,0) 68%)}
.ataw-hero-home:after{width:320px;height:320px;left:-130px;bottom:-160px;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,0) 70%)}
.ataw-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}
.ataw-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#f2bac2}
.ataw-eyebrow:before{content:"";width:28px;height:3px;background:var(--ataw-red)}
.ataw-hero-home h1{font-size:clamp(44px,7vw,78px);line-height:.98;margin:18px 0 22px;letter-spacing:-.055em;max-width:760px}
.ataw-hero-home p{font-size:clamp(17px,2vw,21px);max-width:650px;color:#d5d7dc;margin:0 0 30px}
.ataw-cta-row{display:flex;flex-wrap:wrap;gap:12px}
.ataw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;background:var(--ataw-red);color:#fff;font-weight:900;border:0;box-shadow:0 12px 30px rgba(200,31,53,.25)}
.ataw-btn:hover{background:var(--ataw-red-dark);transform:translateY(-1px)}
.ataw-btn.alt{background:#fff;color:var(--ataw-black);box-shadow:none}
.ataw-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.24);box-shadow:none}

.ataw-score-card{background:#fff;color:var(--ataw-black);border-radius:28px;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.3);transform:rotate(1.4deg)}
.ataw-score-card-inner{border:2px solid var(--ataw-black);border-radius:19px;overflow:hidden}
.ataw-card-head{background:var(--ataw-black);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.ataw-card-body{padding:24px}
.ataw-fixture-mini{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:10px}
.ataw-team{font-weight:900;font-size:18px}
.ataw-score{display:flex;gap:8px;align-items:center;font-size:22px;font-weight:900}
.ataw-score span{display:grid;place-items:center;width:46px;height:48px;border-radius:12px;background:#f0f0f1;border:1px solid #ddd}
.ataw-mini-meta{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid #e5e5e5;color:var(--ataw-grey);font-size:14px}

.ataw-section{padding:82px 0}
.ataw-section.dark{background:var(--ataw-black);color:#fff}
.ataw-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.ataw-section-heading h2{font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0}
.ataw-section-heading p{max-width:560px;margin:0;color:var(--ataw-grey)}
.dark .ataw-section-heading p{color:#b5b8c0}
.ataw-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ataw-feature{background:#fff;border-radius:var(--ataw-radius);padding:28px;box-shadow:var(--ataw-shadow);border:1px solid rgba(16,17,20,.06)}
.ataw-feature-number{width:46px;height:46px;border-radius:14px;background:var(--ataw-red);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:20px}
.ataw-feature h3{font-size:21px;margin:0 0 8px}
.ataw-feature p{margin:0;color:var(--ataw-grey)}

.ataw-preview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.ataw-panel-card{background:#fff;color:var(--ataw-black);border-radius:var(--ataw-radius);padding:26px;box-shadow:var(--ataw-shadow)}
.ataw-panel-card h3{margin:0 0 18px;font-size:22px}
.ataw-table{width:100%;border-collapse:collapse}
.ataw-table th,.ataw-table td{padding:13px 9px;border-bottom:1px solid #ececee;text-align:left;font-size:14px}
.ataw-table th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ataw-grey)}
.ataw-table td:last-child,.ataw-table th:last-child{text-align:right}
.ataw-position{font-weight:900}
.ataw-top{color:var(--ataw-red)}
.ataw-progress{height:10px;border-radius:999px;background:#e8e8ea;overflow:hidden;margin:11px 0 6px}
.ataw-progress span{display:block;height:100%;width:78%;background:var(--ataw-red);border-radius:inherit}

.ataw-main{min-height:65vh;padding:52px 0 82px}
.ataw-page-header{margin-bottom:30px}
.ataw-page-header h1{font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}
.ataw-content{background:#fff;border-radius:var(--ataw-radius);padding:clamp(22px,4vw,42px);box-shadow:var(--ataw-shadow)}
.ataw-content>*:first-child{margin-top:0}
.ataw-content>*:last-child{margin-bottom:0}

.ataw-site-footer{background:#0c0d10;color:#c7c9cf;padding:54px 0 24px}
.ataw-footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:40px;margin-bottom:38px}
.ataw-footer-title{color:#fff;font-weight:900;font-size:18px;margin-bottom:10px}
.ataw-footer-links{display:grid;gap:8px}
.ataw-footer-links a:hover{color:#fff}
.ataw-footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;display:flex;justify-content:space-between;gap:16px}

/* Plugin integration */
.ataw-shell,.ataw-panel{font-family:inherit!important}
.ataw-shell{max-width:none!important}
.ataw-shell .ataw-hero{border-radius:20px!important;background:linear-gradient(125deg,#111216,#24262c)!important}
.ataw-button{border-radius:12px!important;background:var(--ataw-red)!important}
.ataw-button.secondary{background:var(--ataw-black)!important}
.ataw-league-table,.ataw-prediction-card{border-radius:16px!important}

@media (max-width:900px){
  .ataw-hero-grid,.ataw-preview-grid{grid-template-columns:1fr}
  .ataw-score-card{max-width:560px;transform:none}
  .ataw-feature-grid{grid-template-columns:1fr 1fr}
  .ataw-section-heading{display:block}.ataw-section-heading p{margin-top:12px}
  .ataw-menu-toggle{display:block}
  .ataw-nav{display:none;position:absolute;left:16px;right:16px;top:70px;background:#16171b;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.35);flex-direction:column;align-items:stretch}
  .ataw-nav.open{display:flex}.ataw-nav a{display:block}
  .ataw-footer-grid{grid-template-columns:1fr 1fr}.ataw-footer-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:600px){
  .admin-bar .ataw-site-header{top:46px}
  .ataw-hero-home{padding:62px 0 68px}
  .ataw-feature-grid{grid-template-columns:1fr}
  .ataw-fixture-mini{grid-template-columns:1fr}.ataw-score{justify-content:center}
  .ataw-section{padding:60px 0}
  .ataw-footer-grid{grid-template-columns:1fr}.ataw-footer-grid>div:first-child{grid-column:auto}
  .ataw-footer-bottom{display:block}.ataw-footer-bottom span{display:block;margin-top:6px}
}