
/*
Theme Name: Space 2047
Theme URI: https://example.com/space-2047
Author: OpenAI
Description: A cinematic sci-fi comedy book and shop theme inspired by the supplied Space 2047 visual reference.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: space-2047
*/
:root{--ink:#020d20;--navy:#03152d;--navy2:#061e3b;--yellow:#ffd52e;--blue:#58baff;--white:#f5f8ff;--muted:#b9c8dc;--line:#25476d;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 55% 35%,#0b2b53 0,#03152d 48%,#010918 100%);color:var(--white);font-family:var(--font);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.site-header{height:76px;background:#020918;border-bottom:1px solid #23456d;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-1.5px;color:var(--yellow);font-size:clamp(24px,3vw,34px);line-height:1;text-transform:uppercase;text-shadow:0 0 16px #ffcf3540}.brand span{color:var(--yellow)}.main-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.main-nav a{padding:29px 0 25px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--yellow);border-color:var(--yellow)}.head-tools{display:flex;gap:16px;align-items:center;font-size:20px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:570px;display:grid;grid-template-columns:47% 53%;border:1px solid #31567c;overflow:hidden;background:#04152c}.hero-copy{padding:75px 0 55px 52px;position:relative;z-index:2}.eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#ffe17a;font-weight:800}.hero h1{font-size:clamp(58px,8vw,106px);line-height:.82;letter-spacing:-5px;color:var(--yellow);margin:14px 0 22px;font-weight:1000;text-transform:uppercase}.hero p{max-width:470px;color:#f0f5ff;font-size:17px}.hero-art{background-image:linear-gradient(90deg,#04152c 0%,#04152c00 22%),url('assets/images/hero-space.jpg');background-size:cover;background-position:center;min-height:570px}.actions{display:flex;gap:14px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#071327;border:1px solid var(--yellow);padding:13px 25px;border-radius:6px;font-weight:800;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 24px #ffd52e55}.btn-outline{background:transparent;color:#fff;border-color:#b7c9e2}.features{display:grid;grid-template-columns:repeat(5,1fr);background:#03152b;border:1px solid #31567c;border-top:0;padding:24px 12px}.feature{text-align:center;padding:4px 8px;font-size:14px;font-weight:700}.feature .icon{font-size:34px;color:var(--yellow);display:block;line-height:1.3;margin-bottom:8px}.section{padding:70px 0}.section-title{font-size:32px;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.section-intro{color:var(--muted);margin:0 0 30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.book-panel{background:#04162d;border:1px solid var(--line);padding:32px;display:grid;grid-template-columns:42% 1fr;gap:28px}.book-cover{width:100%;max-width:230px;border:2px solid #8fa6bd;border-radius:3px;box-shadow:10px 12px 20px #0008}.book-copy h2{font-size:30px;margin:0 0 4px}.gold{color:var(--yellow);font-weight:800}.meta{display:grid;gap:7px;margin:18px 0;color:#dbe6f5;font-size:14px}.quote{background:linear-gradient(110deg,#102e59,#382e77);text-align:center;padding:28px;font-size:20px;font-weight:800}.stars{color:var(--yellow);letter-spacing:5px;font-size:23px}.page-banner{padding:42px 0;background:linear-gradient(90deg,#04152bdf,#04152b55),url('assets/images/shop-banner.jpg') center/cover;border-bottom:1px solid var(--line)}.page-banner h1{font-size:38px;text-transform:uppercase;margin:0}.crumb{font-size:13px;color:#c4d1e2;margin-top:5px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#f4f9ff;color:#10223a;border:1px solid #a9c4dd;box-shadow:0 8px 22px #0003}.post-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.post-card .card-body{padding:16px}.post-card time{font-size:11px;color:#56718f}.post-card h3{font-size:17px;line-height:1.25;margin:5px 0 8px}.post-card p{font-size:13px;color:#3b526e;margin:0 0 12px}.read-link{font-weight:800;font-size:12px;color:#0b2545}.pagination{display:flex;justify-content:center;gap:9px;margin-top:28px}.pagination a,.pagination span{padding:9px 13px;border:1px solid #9cb7d1;background:#f4f9ff;color:#10223a;border-radius:4px}.pagination .current{background:var(--yellow);border-color:var(--yellow)}.shop-layout{background:#f4f9ff;color:#10223a;padding:30px;display:grid;grid-template-columns:40% 1fr;gap:30px}.shop-layout img{max-height:410px;object-fit:contain}.shop-layout h2{margin:0}.price{color:#c77a00;font-size:22px;font-weight:900}.product-card{background:#dff2fa;padding:14px;text-align:center;color:#15304e}.product-card img{height:125px;width:100%;object-fit:contain}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:#9eb2cb;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.content-area{background:#f5f9ff;color:#142945;padding:32px}.content-area a{color:#0d477d}.content-area h1,.content-area h2{color:#10213a}.content-area p{max-width:850px}.woocommerce .content-area{background:transparent;color:var(--white)}.woocommerce div.product div.images img{background:white}.woocommerce ul.products li.product{background:#f4f9ff;color:#10223a;padding:14px}.woocommerce ul.products li.product a{color:#10223a}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--yellow);color:#071327;border-radius:4px}.mobile-brand{display:none}
@media(max-width:850px){.main-nav{gap:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 35px 25px}.hero-art{min-height:360px;background-position:center}.hero{min-height:0}.features{grid-template-columns:repeat(3,1fr);row-gap:20px}.split{grid-template-columns:1fr}.book-panel{grid-template-columns:35% 1fr}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1200px)}.site-header{height:64px}.brand{font-size:25px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#020918;padding:12px 20px 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #1a3554}.head-tools{margin-left:auto}.hero-copy{padding:43px 24px 20px}.hero h1{font-size:68px;letter-spacing:-3px}.hero p{font-size:15px}.hero-art{min-height:300px}.features{grid-template-columns:repeat(2,1fr);padding:20px 5px}.feature:last-child{grid-column:1/-1}.section{padding:45px 0}.book-panel{grid-template-columns:1fr;padding:20px}.book-cover{max-width:190px;margin:auto}.post-grid{grid-template-columns:1fr}.page-banner{padding:30px 0}.page-banner h1{font-size:30px}.shop-layout{grid-template-columns:1fr;padding:20px}.shop-layout>img{max-height:300px}.related-grid{grid-template-columns:1fr 1fr}.footer-inner{display:block}.actions{flex-wrap:wrap}}
