/*
Theme Name: Sky Pub Leipzig – Matchday
Theme URI: https://skypubleipzig.de
Description: Child-Theme für Neve. Fußball-Pub One-Pager ("Matchday"-Design) für Sky Pub Leipzig. Alle Texte, Preise und Bilder sind im WP-Backend unter „Design → Customizer → Sky Pub Inhalte" bearbeitbar.
Author: Noeske24
Template: neve
Version: 1.0.0
Text Domain: neve-skypub
*/

/* ============ Nur die Startseite (front-page.php) nutzt dieses Design ============ */

.sp-page{
  --bg:#0b0d0c; --panel:#101410; --line:#171c17; --line2:#1e241f;
  --text:#eef2ee; --muted:#9aa39c; --dim:#7f8a80; --accent:#2fe08a;
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg); color:var(--text); overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.sp-page *{box-sizing:border-box;}
.sp-page img{display:block;max-width:100%;}
.sp-page a{color:inherit;text-decoration:none;}
.sp-page a:hover{opacity:.85;}
.sp-wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
.sp-mono{font-family:'JetBrains Mono',ui-monospace,monospace;}
.sp-osw{font-family:'Oswald',sans-serif;}

/* Topbar */
.sp-bar{position:sticky;top:0;z-index:50;background:rgba(11,13,12,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.sp-bar-in{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:18px 40px;}
.sp-bar img{height:32px;width:auto;}
.sp-nav{display:flex;gap:32px;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.14em;font-size:13px;text-transform:uppercase;color:#c7cec8;}
.sp-btn{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;font-size:13px;text-transform:uppercase;color:#07120c;background:var(--accent);padding:11px 20px;border-radius:100px;}
.sp-btn-lg{font-size:17px;padding:16px 28px;}
.sp-btn-ghost{color:var(--text);background:transparent;border:1px solid #334034;font-weight:500;}

/* Hero */
.sp-hero{position:relative;padding:104px 0 92px;background-size:cover;background-position:center;}
.sp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,10,.5),rgba(9,11,10,.9) 82%);}
.sp-hero .sp-wrap{position:relative;}
.sp-tag{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(47,224,138,.5);border-radius:100px;padding:7px 15px;}
.sp-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}
.sp-h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:92px;line-height:.9;letter-spacing:-.01em;text-transform:uppercase;margin:26px 0 0;}
.sp-lead{font-size:19px;line-height:1.55;color:#c8d0c9;max-width:520px;margin:24px 0 0;}
.sp-cta{display:flex;gap:14px;margin-top:36px;align-items:center;flex-wrap:wrap;}
.sp-stats{display:flex;gap:40px;margin-top:52px;font-family:'Oswald',sans-serif;flex-wrap:wrap;}
.sp-stat-num{font-size:34px;font-weight:700;}
.sp-stat-lbl{font-family:'Archivo',sans-serif;font-size:13px;color:var(--muted);letter-spacing:.04em;}

/* Sections */
.sp-sec{padding:64px 0;border-top:1px solid var(--line);}
.sp-h2{font-family:'Oswald',sans-serif;font-weight:600;font-size:38px;text-transform:uppercase;margin:0;}
.sp-h3{font-family:'Oswald',sans-serif;font-weight:700;font-size:52px;line-height:.98;text-transform:uppercase;margin:16px 0 0;}
.sp-sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;flex-wrap:wrap;gap:12px;}
.sp-kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);}

/* Live matches */
.sp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sp-card{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:24px;}
.sp-card .c{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.sp-card .t{font-family:'Oswald',sans-serif;font-size:27px;font-weight:600;margin-top:16px;}
.sp-card .vs{font-size:12px;color:var(--dim);margin:2px 0;}
.sp-card .time{margin-top:18px;padding-top:16px;border-top:1px solid var(--line2);font-family:'Oswald',sans-serif;letter-spacing:.06em;color:#c8d0c9;}

/* Gallery */
.sp-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:200px;gap:12px;}
.sp-gal>div{background-size:cover;background-position:center;border-radius:16px;}
.sp-gal>div:first-child{grid-row:span 2;}

/* Prices */
.sp-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sp-price{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:28px;}
.sp-price .name{font-family:'Oswald',sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;}
.sp-price .amt{font-family:'Oswald',sans-serif;font-size:44px;font-weight:700;color:var(--accent);margin:10px 0 4px;}
.sp-price .desc{font-size:14px;color:var(--muted);line-height:1.55;}

/* Feiern */
.sp-feiern{background:linear-gradient(180deg,#0d140f,#0b0f0c);}
.sp-feiern .in{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;}
.sp-feiern .photo{border-radius:18px;overflow:hidden;height:360px;background-size:cover;background-position:center;}
.sp-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.sp-pill{border:1px solid #2a352c;border-radius:100px;padding:9px 16px;font-size:13px;color:#c8d0c9;}

/* Feature strip */
.sp-feats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);}
.sp-feat{padding:34px 40px;border-right:1px solid var(--line);}
.sp-feat:last-child{border-right:0;}
.sp-feat .ft{font-family:'Oswald',sans-serif;font-size:20px;text-transform:uppercase;}
.sp-feat .fd{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5;}

/* Anfahrt + Hours */
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.sp-map{position:relative;height:280px;border-radius:16px;overflow:hidden;background:#0f130f;border:1px solid var(--line2);
  background-image:repeating-linear-gradient(0deg,#141a15 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#141a15 0 1px,transparent 1px 44px);}
.sp-map .road1{position:absolute;top:52%;left:0;right:0;height:20px;background:#1a2019;transform:rotate(-8deg);}
.sp-map .road2{position:absolute;top:0;bottom:0;left:44%;width:16px;background:#1a2019;transform:rotate(4deg);}
.sp-map .pin{position:absolute;top:48%;left:42%;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(47,224,138,.2),0 0 16px var(--accent);}
.sp-map .lbl{position:absolute;bottom:14px;left:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.1em;}
.sp-hours{border:1px solid var(--line2);border-radius:16px;overflow:hidden;}
.sp-hours .row{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);}
.sp-hours .row:last-child{border-bottom:0;}
.sp-hours .row span:last-child{color:#c8d0c9;font-family:'Oswald',sans-serif;}

/* Footer */
.sp-foot{padding:60px 0;background:#08100b;border-top:1px solid var(--line);}
.sp-foot .top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;align-items:flex-start;}
.sp-foot .phone{font-family:'Oswald',sans-serif;font-size:34px;font-weight:600;}
.sp-foot .mail{font-size:16px;color:var(--muted);margin-top:6px;}
.sp-foot .links{display:flex;gap:26px;font-size:13px;color:var(--muted);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;}
.sp-foot .copy{margin-top:34px;padding-top:20px;border-top:1px solid #12180f;font-size:12px;color:#5f6a60;font-family:'JetBrains Mono',monospace;letter-spacing:.06em;}

/* Responsive */
@media(max-width:900px){
  .sp-nav{display:none;}
  .sp-h1{font-size:60px;}
  .sp-h3{font-size:38px;}
  .sp-grid3,.sp-prices,.sp-feats,.sp-two,.sp-feiern .in{grid-template-columns:1fr;}
  .sp-gal{grid-template-columns:1fr 1fr;}
  .sp-gal>div:first-child{grid-row:auto;}
  .sp-wrap,.sp-bar-in{padding-left:22px;padding-right:22px;}
}