/*
Theme Name: Up In The Past - 90s Archive V3 AutoAds
Theme URI: https://upinthepast.com
Author: Ken Out Media
Description: V3 FIX - Links are now 1-click editable in Dashboard > Up In The Past Settings, Pages are separated (no more mashed), Auto Ads fixed to work with just ca-pub ID. Top menu is editable via Appearance > Menus. 90s colors still editable.
Version: 3.0.0
License: GPL v2 or later
Text Domain: upinthepast
*/

:root{
  --color-bg:#1a1033; --color-bg-2:#2a1a5a; --color-pink:#ff2e9a; --color-cyan:#00f0ff;
  --color-lime:#c8ff00; --color-orange:#ff7a00; --color-yellow:#ffe600; --color-text:#f5f5ff;
}
*{box-sizing:border-box}
body{margin:0; font-family:'Space Grotesk',system-ui,sans-serif; background:var(--color-bg); color:var(--color-text); line-height:1.5}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}

.top-bar{border-top:4px solid var(--color-pink); border-bottom:4px solid var(--color-pink); background:#0f0a23; position:sticky; top:0; z-index:100}
.top-bar-inner{max-width:1320px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.logo{font-family:'Bebas Neue',Impact,sans-serif; font-size:24px; display:flex; align-items:center; gap:10px}
.logo-badge{width:36px; height:36px; background:var(--color-cyan); color:#000; display:grid; place-items:center; font-size:14px; font-weight:900; border:2px solid #000; transform:rotate(-2deg)}
.menu-social-top-container ul{list-style:none; margin:0; padding:0; display:flex; gap:10px; flex-wrap:wrap}
.menu-social-top-container ul li a, .pill{font-family:'Bebas Neue'; padding:7px 16px; border:2px solid #000; display:inline-block; font-size:14px; letter-spacing:.5px}
.pill-pink{background:var(--color-pink); color:#000} .pill-cyan{background:var(--color-cyan); color:#000} .pill-yellow{background:var(--color-yellow); color:#000} .pill-red{background:#ff1a1a; color:#fff}

.container{max-width:1320px; margin:0 auto; padding:24px 20px; clear:both}
.hero-grid{display:grid; grid-template-columns:1.55fr .9fr .85fr; gap:20px; margin-bottom:30px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}}

.rewind-card{border:3px solid var(--color-pink); background:linear-gradient(105deg,var(--color-pink) 0%, var(--color-cyan) 60%, #5a7cff 100%); padding:20px; box-shadow:8px 8px 0 #000; color:#000}
.est-badge{background:#000; color:#fff; font-size:10px; padding:4px 8px; display:inline-block; margin-bottom:10px; letter-spacing:1px}
.rewind-title{font-family:'Bebas Neue'; font-size:52px; line-height:.9; margin:0 0 12px; text-shadow:3px 3px 0 #fff}
.rewind-sub{background:rgba(255,255,255,.93); border:2px solid #000; padding:10px; font-size:14px; max-width:460px}

.now-playing{border:3px solid var(--color-pink); background:#111; padding:10px; box-shadow:8px 8px 0 #000}
.now-head{font-size:10px; letter-spacing:1px; opacity:.7; display:flex; justify-content:space-between; margin-bottom:8px}
.yt-box{aspect-ratio:16/9; background:#000; border:2px solid #222}
.yt-box iframe{width:100%; height:100%; border:0}

.follow-card{border:3px solid var(--color-cyan); background:linear-gradient(180deg,#1e90ff,#1a6fc4); padding:12px; box-shadow:8px 8px 0 #000}
.follow-title{font-family:'Bebas Neue'; text-align:center; font-size:15px; margin-bottom:10px; color:#fff}
.social-stack{display:flex; flex-direction:column; gap:9px}
.social-btn{text-align:center; padding:11px; font-family:'Bebas Neue'; border:2px solid #000; font-size:16px}
.btn-tiktok{background:#111; color:var(--color-pink)} .btn-youtube{background:#ff1a1a; color:#fff} .btn-insta{background:#eee; color:#000} .btn-fb{background:#3b82f6; color:#fff}

.section-head{font-family:'Bebas Neue'; font-size:32px; color:var(--color-pink); margin:32px 0 16px; text-shadow:2px 2px 0 #000; border-bottom:3px solid rgba(255,255,255,.1); padding-bottom:6px}
.section-head.cyan{color:var(--color-cyan)}

.shorts-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.vault-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
@media(max-width:900px){.shorts-grid{grid-template-columns:repeat(2,1fr)} .vault-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shorts-grid,.vault-grid{grid-template-columns:1fr}}
.short-card,.vault-card{background:#121212; border:3px solid #2a2a2a; box-shadow:6px 6px 0 #000; overflow:hidden; transition:.2s}
.short-card:hover{transform:translateY(-3px); border-color:var(--color-pink)}
.short-thumb{aspect-ratio:9/16; background:#222; position:relative; overflow:hidden}
.vault-thumb{aspect-ratio:16/9; background:#222; overflow:hidden}
.meta{padding:10px 12px} .meta h4{font-family:'Bebas Neue'; margin:0 0 4px; font-size:16px}

.page-single{max-width:860px; margin:0 auto; background:#111; border:3px solid #2a2a2a; padding:28px; box-shadow:8px 8px 0 #000}
.page-single h1{font-family:'Bebas Neue'; font-size:42px; margin:0 0 16px}
.page-single .content{font-size:16px; line-height:1.7}
.page-single .content p{margin:0 0 16px}

.footer{border-top:4px solid var(--color-pink); margin-top:50px; padding:24px; text-align:center; font-size:13px; opacity:.8; background:#0f0a23}
.admin-note{background:var(--color-yellow); color:#000; border:2px solid #000; padding:8px 12px; font-size:12px; font-family:'Bebas Neue'; display:inline-block; margin:8px 0}