/*
Theme Name: Coppers
Theme URI: https://shopcoppers.com/
Author: Coppers
Description: A premium, editable WordPress theme for Coppers collectibles accessories. Includes Coming Soon mode and starter pages.
Version: 1.0
Text Domain: coppers
*/

:root{--copper:#c97842;--copper2:#e09a68;--black:#090909;--charcoal:#121212;--white:#f5f2ee;--muted:#aaa39c;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:var(--copper2)}
.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(201,120,66,.25);background:rgba(9,9,9,.96)}
.header-inner{max-width:var(--max);margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{color:var(--copper2);font-family:Arial Black,Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:-.06em;text-decoration:none;line-height:1}
.tm{font-family:Arial,sans-serif;font-size:.24em;vertical-align:top;letter-spacing:0;margin-left:.08em}
.nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{color:var(--white);text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.nav a:hover{color:var(--copper2)}
.coppers-container{max-width:var(--max);margin:auto;padding:0 28px}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(201,120,66,.12),transparent 42%),linear-gradient(#0b0b0b,#080808)}
.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-18%;height:35%;background:linear-gradient(145deg,#8f421d,#d98650 48%,#98451e);transform:rotate(-5deg);box-shadow:0 -2px 0 rgba(225,154,104,.7)}
.hero-content{position:relative;z-index:2;padding:90px 20px 170px}
.hero-logo{font-family:Arial Black,Arial,sans-serif;font-size:clamp(62px,11vw,130px);font-weight:900;letter-spacing:-.065em;line-height:.9;color:var(--copper2);text-shadow:0 0 35px rgba(201,120,66,.12)}
.rule{height:2px;width:110px;background:var(--copper);margin:35px auto 45px}
.slogan{font-family:"Brush Script MT","Segoe Script",cursive;color:var(--copper2);font-size:clamp(32px,5vw,60px);margin:0;line-height:1.1}
.coming{font-size:clamp(34px,5vw,62px);font-weight:300;letter-spacing:.27em;text-indent:.27em;text-transform:uppercase;margin:72px 0 60px}
.ig{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;gap:5px}.ig-small{font-size:13px;letter-spacing:.08em}.ig-label{font-size:11px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}
.page-hero{padding:90px 0 65px;background:radial-gradient(circle at 50% 20%,rgba(201,120,66,.11),transparent 45%);border-bottom:1px solid rgba(201,120,66,.2)}
.page-hero h1{margin:0;color:var(--copper2);font-family:Arial Black,Arial,sans-serif;font-size:clamp(42px,7vw,78px);letter-spacing:-.05em;text-transform:uppercase;line-height:1}
.page-hero p{max-width:700px;color:var(--muted);font-size:18px;margin:22px 0 0}
.page-content{padding:70px 0 110px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card,.info-card{border:1px solid rgba(201,120,66,.3);background:linear-gradient(145deg,#151515,#0d0d0d);padding:30px}
.product-placeholder{height:220px;border:1px dashed rgba(201,120,66,.4);display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;margin-bottom:25px}
.product-card h2,.info-card h2{color:var(--copper2);margin:0 0 10px}
.price{font-size:24px;margin:18px 0;color:var(--white)}
.button{display:inline-block;background:var(--copper);color:#fff;padding:12px 22px;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;border:0;cursor:pointer}
.button:hover{background:var(--copper2);color:#111}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.page-content h2{font-size:30px;color:var(--copper2);line-height:1.2}
.page-content p,.page-content li{color:#d0cbc5}
.site-footer{border-top:1px solid rgba(201,120,66,.25);padding:38px 28px;color:var(--muted);text-align:center}
.footer-brand{color:var(--copper2);font-family:Arial Black,Arial,sans-serif;font-size:22px}
.admin-note{position:fixed;bottom:15px;left:15px;z-index:99;background:#222;border:1px solid var(--copper);padding:8px 12px;font-size:11px}
@media(max-width:800px){.header-inner{padding:18px}.brand{font-size:27px}.nav{gap:14px}.nav a{font-size:11px}.card-grid,.two-col{grid-template-columns:1fr}.coppers-container{padding:0 20px}.coming{letter-spacing:.15em;text-indent:.15em}.hero{min-height:calc(100vh - 75px)}}