/*
Theme Name: InPlay Minimal
Theme URI: https://inplay.finance
Author: Adam
Version: 1.0.0
Description: Ultra-minimal classic theme for app-style pages and plugin views.
*/

/* ---- Landing styles (scoped) ---- */
    :root {
      --lp-bg: #0b0f0c;
      --lp-card: #121717;
      --lp-ink: #eaf2ee;
      --lp-ink-dim: #9ab3a5;
      --lp-accent: #3be477;       /* brand green */
      --lp-accent-2: #1fbf81;     /* secondary green */
      --lp-line: rgba(255,255,255,.06);
      --lp-glow: rgba(59,228,119,.25);
      --lp-max: 1200px;
    }
    .lp { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: var(--lp-ink); background:#060907; }
    .lp a { color: var(--lp-accent); text-decoration: none; }
    .lp .wrap { max-width: var(--lp-max); margin: 0 auto; padding: 0 24px; }
    .lp .cta { display:inline-flex; align-items:center; gap:10px; padding:14px 20px; border-radius:12px; font-weight:700; letter-spacing:.2px; }
    .lp .cta--primary { background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-2)); color:#071109; box-shadow:0 10px 30px var(--lp-glow); }
    .lp .cta--ghost { color: var(--lp-ink); border:1px solid var(--lp-line); background:transparent; }
    .lp .pill { display:inline-block; border:1px solid var(--lp-line); color:var(--lp-ink-dim); padding:6px 10px; border-radius:999px; font-size:12px; letter-spacing:.3px; text-transform:uppercase; }

    /* Header */
    .lp-header { position: sticky; top:0; z-index: 50; backdrop-filter: blur(8px); background: linear-gradient(180deg, rgba(6,9,7,.85), rgba(6,9,7,.65) 60%, rgba(6,9,7,0)); border-bottom:1px solid var(--lp-line); }
    .lp-header .inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
    .lp-logo { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
    .lp-logo img { border-radius:10px; padding: 5px; background:#151c1f }
    .lp-logo svg { width:22px; height:22px; }

    /* Hero */
    .lp-hero { padding: 88px 0 48px; background:
       radial-gradient(1200px 600px at 50% -10%, rgba(59,228,119,.10), rgba(6,9,7,0) 60%),
       linear-gradient(180deg, #07110a, #060907 30%, #060907); }
    .lp-hero .grid { display:grid; grid-template-columns: 1.1fr .9fr; gap:60px; align-items:center; }
    .lp-hero h1 { font-size: clamp(32px, 4.5vw, 56px); line-height:1.05; margin:0 0 18px; letter-spacing:-.5px; }
    .lp-hero p.lead { font-size: clamp(16px, 2.2vw, 20px); color: var(--lp-ink-dim); margin:0 0 26px; }
    .lp-hero .actions { display:flex; gap:14px; flex-wrap:wrap; }
    .lp-device { background: linear-gradient(180deg,#0f1513,#0c1210); border:1px solid var(--lp-line); border-radius:16px; padding:10px; box-shadow: 0 20px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.03) inset; }
    .lp-device img { width:100%; height:auto; display:block; border-radius:12px; }

    /* Sections */
    .lp-section { padding: 80px 0; border-top:1px solid var(--lp-line); }
    .lp-section .head { margin-bottom: 28px; }
    .lp-section .eyebrow { text-transform:uppercase; letter-spacing:.28em; font-size:12px; color: var(--lp-ink-dim); }
    .lp-section h2 { font-size: clamp(26px, 3.6vw, 40px); margin: 6px 0 10px; }
    .lp-section p.sub { color: var(--lp-ink-dim); max-width: 65ch; }
    .lp-card { background: linear-gradient(180deg,#0f1513,#0b100e); border:1px solid var(--lp-line); border-radius:16px; padding:18px; box-shadow: 0 10px 40px rgba(0,0,0,.45); }
    .lp-grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:28px; }
    .lp-grid-2 img { width:100%; border-radius:12px; display:block; }
    .lp-card img { max-width:100%; height:auto; border-radius: 12px }

    /* Feature rows (image + text) */
    .lp-row { display:grid; grid-template-columns: 1.05fr .95fr; gap:48px; align-items:center; }
    .lp-row img { width:100%; border-radius:12px; border:1px solid var(--lp-line); display:block; }
    .lp-row .list { margin-top:14px; color: var(--lp-ink-dim); }
    .lp-row .list li { margin:10px 0; }

    /* Footer CTA */
    .lp-cta { text-align:center; padding: 90px 0 110px; border-top:1px solid var(--lp-line);
      background: radial-gradient(700px 500px at 50% 0, rgba(59,228,119,.10), rgba(6,9,7,0) 60%); }
    .lp-cta h3 { font-size: clamp(26px, 3.4vw, 38px); margin:0 0 12px; }
    .lp-cta p { color: var(--lp-ink-dim); margin: 0 0 24px; }
    .lp-cta .actions { display:flex; justify-content:center; gap:14px; }

    .lp-cta p.small {
      font-size: 0.7em; font-style: italic; padding:1.5em 0 0 0;
    }

    /* Responsive */
    @media (max-width: 980px) {
      .lp-hero .grid, .lp-row { grid-template-columns: 1fr; }
      .lp nav .pill {
        display: none;
      }
      .lp nav .cta {
        font-size: 0.7em;
        padding: 10px 14px;
      }
      .footer-links {
        padding: 0 10px;
      }

    }

    /* === InPlay Single Post — modern, light/dark, minimal override === */
:root{
  --ip-bg:#0a0f0d;
  --ip-bg-2:#0f1512;
  --ip-ink:#e8f3ee;
  --ip-ink-dim:#b9ccc4;
  --ip-accent:#3be477;
  --ip-line:#1b2a22;
  --ip-card:#0d140f;
  --ip-shadow:0 10px 30px rgba(59,228,119,.12);
}

@media (prefers-color-scheme: light){
  :root{
    --ip-bg:#f8faf9;
    --ip-bg-2:#ffffff;
    --ip-ink:#0e1412;
    --ip-ink-dim:#5c6f66;
    --ip-accent:#1ab45d;
    --ip-line:#e3ece7;
    --ip-card:#ffffff;
    --ip-shadow:0 6px 20px rgba(16,35,28,.08);
  }
}

body.single { background: var(--ip-bg); color: var(--ip-ink); }

.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Hero */
.post-hero{border-bottom:1px solid var(--ip-line);background:
  radial-gradient(1200px 500px at 20% -10%, rgba(59,228,119,.10), rgba(0,0,0,0) 55%),
  linear-gradient(180deg, var(--ip-bg), var(--ip-bg-2) 60%, var(--ip-bg));}
.post-cover{margin:0;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ip-bg-2);border-bottom:1px solid var(--ip-line)}
.post-cover__img{width:100%;height:100%;object-fit:cover;display:block}

.post-kicker{display:inline-block;margin:20px 0 6px;padding:2px 10px;font-size:12px;text-transform:uppercase;
  letter-spacing:.18em;border:1px solid var(--ip-line);border-radius:999px;color:var(--ip-ink-dim);text-decoration:none}
.post-kicker:hover{border-color:var(--ip-accent);color:var(--ip-accent)}

.post-title{margin:0 0 10px;font-size:clamp(28px,5vw,48px);line-height:1.1;color:var(--ip-ink)}
.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ip-ink-dim);margin:4px 0 18px}
.post-meta__dot{opacity:.6}
.post-meta__item{font-size:14px}

/* Author */
.post-author{display:flex;align-items:center;gap:12px;margin:10px 0 26px}
.post-author__avatar{border-radius:50%;box-shadow:0 0 0 2px rgba(59,228,119,.15)}
.post-author__name{font-weight:600;text-decoration:none;color:var(--ip-ink)}
.post-author__name:hover{color:var(--ip-accent)}
.post-author__role{display:block;font-size:13px;color:var(--ip-ink-dim)}

/* Content (Prose) */
.prose{font-size:18px;line-height:1.75;color:var(--ip-ink)}
.prose > * + *{margin-top:1em}
.prose h2{margin:1.6em 0 .6em;font-size:clamp(22px,3vw,30px);color:var(--ip-accent)}
.prose h3{margin:1.3em 0 .5em;font-size:22px}
.prose a{color:inherit;border-bottom:1px dashed rgba(59,228,119,.35);text-decoration:none}
.prose a:hover{color:var(--ip-accent);border-bottom-color:currentColor}
.prose blockquote{margin:1.2em 0;padding:16px 18px;border-left:3px solid var(--ip-accent);
  background:color-mix(in srgb, var(--ip-accent) 8%, transparent);color:var(--ip-ink)}
.prose code{background:var(--ip-bg-2);padding:.2em .45em;border-radius:6px;border:1px solid var(--ip-line);font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
.prose pre{background:var(--ip-bg-2);border:1px solid var(--ip-line);padding:16px;border-radius:12px;overflow:auto}
.prose img, .prose figure{max-width:100%;height:auto;border-radius:12px;overflow:hidden}
.prose table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ip-line);border-radius:12px;overflow:hidden}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--ip-line)}
.prose tr:last-child td{border-bottom:0}

/* Tags */
.post-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.tag{display:inline-block;padding:6px 10px;font-size:13px;border:1px solid var(--ip-line);border-radius:999px;color:var(--ip-ink-dim);text-decoration:none}
.tag:hover{border-color:var(--ip-accent);color:var(--ip-accent)}

/* Prev/Next */
.post-nav{display:flex;justify-content:space-between;gap:14px;margin:28px 0 8px}
.post-nav a{text-decoration:none;border:1px solid var(--ip-line);background:var(--ip-card);padding:10px 12px;border-radius:10px;box-shadow:var(--ip-shadow);color:var(--ip-ink)}
.post-nav a:hover{border-color:var(--ip-accent)}

/* Related */
.related{margin:34px 0 8px}
.related__title{margin:0 0 14px;color:var(--ip-accent);font-size:18px;letter-spacing:.02em}
.related__grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:800px){.related__grid{grid-template-columns:repeat(3,1fr)}}
.related__card{display:block;border:1px solid var(--ip-line);background:var(--ip-card);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--ip-shadow)}
.related__card:hover{border-color:var(--ip-accent)}
.related__thumb{aspect-ratio:16/9;overflow:hidden;background:var(--ip-bg-2)}
.related__headline{margin:10px 12px 6px;font-size:16px;line-height:1.3}
.related__date{display:block;margin:0 12px 12px;color:var(--ip-ink-dim);font-size:12px}

/* Comments wrapper (lets your theme’s comments.php handle inner UI) */
.post-comments{margin:28px 0}