/*
Theme Name: Limitless Form V2
Theme URI: https://limitlessform.ca
Author: Limitless Form
Description: Premium custom WordPress theme for Limitless Form branding, engraving, hats, drinkware, and corporate packages.
Version: 2.0
*/
:root{
  --black:#050505;--charcoal:#101010;--panel:#171717;--panel2:#202020;
  --bronze:#c58b45;--bronze2:#e2a65b;--silver:#d5d5d5;--white:#f8f3eb;--muted:#aaa39a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--white)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.lf-nav{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.94);backdrop-filter:blur(16px);border-bottom:1px solid #242424}
.lf-nav-inner{max-width:1220px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lf-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:1px}
.lf-brand img{width:50px;height:50px;object-fit:contain;border-radius:8px}
.lf-menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.95rem}
.lf-menu a:hover{color:var(--bronze)}
.lf-btn,.wp-block-button__link{display:inline-block;background:linear-gradient(135deg,var(--bronze),var(--bronze2));color:#111!important;padding:14px 24px;border-radius:999px;font-weight:900;border:0;cursor:pointer;box-shadow:0 18px 35px rgba(197,139,69,.2)}
.lf-btn:hover{transform:translateY(-1px)}
.lf-btn-outline{display:inline-block;color:var(--bronze);padding:13px 23px;border-radius:999px;font-weight:900;border:1px solid var(--bronze);background:rgba(0,0,0,.35)}
.lf-hero{position:relative;min-height:90vh;display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.72),rgba(0,0,0,.95)),url('assets/hat-tan.jpg') center/cover}
.lf-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(197,139,69,.18),transparent 35%);pointer-events:none}
.lf-hero-inner{position:relative;z-index:1;max-width:1220px;margin:auto;padding:80px 20px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.lf-logo-large{width:min(320px,80vw);filter:drop-shadow(0 18px 35px #000);margin-bottom:18px}
.lf-kicker{color:var(--bronze2);text-transform:uppercase;letter-spacing:2px;font-size:.78rem;font-weight:900}
h1,h2,h3{line-height:1.06}
.lf-hero h1{font-size:clamp(2.7rem,7vw,6.2rem);margin:0;color:var(--white);letter-spacing:1px}
.lf-hero h1 span{color:var(--bronze)}
.lf-hero p{font-size:clamp(1rem,2vw,1.22rem);line-height:1.7;color:#e4ded4;max-width:700px}
.lf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.lf-hero-card{background:linear-gradient(145deg,rgba(28,28,28,.92),rgba(10,10,10,.9));border:1px solid #383838;border-radius:26px;padding:18px;box-shadow:0 30px 80px #0008}
.lf-hero-card img{width:100%;height:440px;object-fit:cover;border-radius:18px}
.lf-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.lf-pill{background:#262626;border:1px solid #414141;color:var(--silver);padding:8px 11px;border-radius:999px;font-size:.9rem}
.lf-section{max-width:1220px;margin:auto;padding:84px 20px}
.lf-section h2{font-size:clamp(2rem,4.4vw,3.5rem);color:var(--bronze);margin:0 0 18px}
.lf-section p{color:var(--muted);line-height:1.65}
.lf-lead{font-size:1.15rem;max-width:780px}
.lf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px}
.lf-card{background:linear-gradient(145deg,var(--panel),#0d0d0d);border:1px solid #2d2d2d;border-radius:24px;padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.28)}
.lf-card h3{color:var(--silver);margin:0 0 10px;font-size:1.35rem}
.lf-product{transition:.2s ease}
.lf-product:hover{transform:translateY(-4px);border-color:#5a4630}
.lf-product img{width:100%;height:285px;object-fit:cover;border-radius:18px;background:#333}
.lf-product strong{display:block;margin:16px 0 8px;color:#fff;font-size:1.28rem}
.lf-steps .lf-card{text-align:center}
.lf-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--bronze);color:#111;font-weight:950;margin:0 auto 16px}
.lf-band{max-width:none;background:linear-gradient(rgba(0,0,0,.86),rgba(0,0,0,.9)),url('assets/tumbler-pink.jpg') center/cover;border-top:1px solid #222;border-bottom:1px solid #222}
.lf-band-inner{max-width:1220px;margin:auto;padding:88px 20px}
.lf-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.lf-studio{background:linear-gradient(145deg,#171717,#080808);border:1px solid #303030;border-radius:28px;padding:28px}
.lf-upload{border:2px dashed var(--bronze);border-radius:22px;padding:26px;text-align:center;background:#0c0c0c;margin-bottom:22px}
.lf-upload input{max-width:420px;margin:auto}
.lf-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.lf-mockup{position:relative;overflow:hidden;padding:14px}
.lf-mockup .main{width:100%;height:250px;object-fit:cover;border-radius:16px}
.lf-overlay{position:absolute;display:none;object-fit:contain;transform:translate(-50%,-50%);filter:grayscale(1) contrast(1.25)}
#logoHatTan{left:52%;top:42%;width:22%;max-height:15%}
#logoHatGray{left:50%;top:41%;width:22%;max-height:15%}
#logoTumbler{left:50%;top:39%;width:20%;max-height:20%;filter:grayscale(1) contrast(1.5) brightness(.2);opacity:.7}
.lf-form input,.lf-form select,.lf-form textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #444;background:#0c0c0c;color:#fff;margin:8px 0 15px;font-size:1rem}
.lf-form label{color:var(--silver);font-weight:800}
.lf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lf-footer{text-align:center;background:#030303;border-top:1px solid #202020;padding:42px 20px;color:var(--muted)}
.lf-footer strong{color:#fff}
@media(max-width:900px){
  .lf-menu{display:none}.lf-hero-inner,.lf-split{grid-template-columns:1fr}.lf-hero{text-align:center}.lf-actions{justify-content:center}.lf-hero-card img{height:320px}.lf-form-row{grid-template-columns:1fr}
}