/*
Theme Name: JK Lanyards
Author: JK Lanyards
Description: Custom WooCommerce theme for JK Lanyards.
Version: 2.0.0
Text Domain: jk-lanyards
*/
:root{--ink:#11150f;--cream:#f3efe5;--paper:#fbf9f3;--olive:#596044;--moss:#343d2d;--tan:#aa9364;--line:#d9d2c4;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.field-bar{background:#151a12;color:#efe9d8;font-size:11px;font-weight:800;letter-spacing:.16em}.field-bar-inner{display:flex;justify-content:center;gap:16px;padding:8px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(243,239,229,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #1c2118}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:17px;letter-spacing:.09em}.brand-text small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;color:#66705a}.site-nav{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:750}.site-nav>a:not(.cart-link){position:relative}.site-nav>a:not(.cart-link):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--olive);transition:.2s}.site-nav>a:hover:after{right:0}.cart-link{padding:10px 17px;border:1px solid var(--ink);border-radius:999px}.nav-toggle{display:none;background:none;border:0;padding:7px}.nav-toggle span:not(.screen-reader-text){display:block;width:25px;height:2px;background:#111;margin:5px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{min-height:610px;background-size:cover;background-position:center;display:flex;align-items:center;color:white}.hero-inner{padding:90px 0}.hero h1{max-width:720px;font-size:clamp(52px,7vw,94px);line-height:.92;letter-spacing:-.055em;margin:16px 0 20px}.hero p{max-width:610px;font-size:18px;margin:0 0 28px;color:#f4f0e7}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:900}.eyebrow.light{color:#eee7d5}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#151a12!important;color:#fff!important;padding:14px 22px!important;font-weight:800;font-size:14px;cursor:pointer}.button.secondary{background:transparent!important;border:1px solid rgba(255,255,255,.7)}.button.light-button{background:#f4efe2!important;color:#12160f!important}.button.full{width:100%}.camo-strip,.camo-dark{background-color:#252d21;background-image:radial-gradient(ellipse at 18% 30%,#5e6345 0 12%,transparent 13%),radial-gradient(ellipse at 72% 15%,#8b794e 0 11%,transparent 12%),radial-gradient(ellipse at 42% 72%,#3d4935 0 16%,transparent 17%),radial-gradient(ellipse at 88% 78%,#6f6440 0 13%,transparent 14%),radial-gradient(ellipse at 8% 86%,#4e573b 0 12%,transparent 13%);background-size:230px 170px}.camo-strip{color:#f4efdf}.camo-strip-inner{padding:16px 0;display:flex;justify-content:space-around;font-weight:900;font-size:11px;letter-spacing:.17em}.section{padding:82px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section h2,.page-main h2{font-size:clamp(35px,4.4vw,58px);line-height:1;letter-spacing:-.045em;margin:8px 0 0}.text-link{font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px}.dark{color:#f4efe2}.brand-story{display:grid;grid-template-columns:1.05fr .8fr;gap:80px;align-items:center}.brand-story p{max-width:620px;color:#e3dccb;font-size:18px}.logo-card{max-width:420px;justify-self:end;border:1px solid rgba(255,255,255,.2);padding:12px;background:rgba(255,255,255,.06);border-radius:22px;overflow:hidden}.logo-card img{border-radius:14px}.story-preview{display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:center;max-width:780px}.story-preview img{width:250px;height:280px;object-fit:cover;border-radius:18px}.story-preview p{font-size:19px}.page-hero{padding:84px 0;color:#fff}.page-hero h1{font-size:clamp(50px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin:12px 0 16px;max-width:850px}.page-hero p{font-size:18px;max-width:650px;color:#ebe4d2}.builder-layout,.contact-layout,.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.builder-photo{position:sticky;top:120px}.builder-photo img{width:100%;max-height:720px;object-fit:cover;border-radius:22px}.builder-price{position:absolute;right:18px;bottom:18px;background:#151a12;color:white;border-radius:999px;padding:13px 18px;font-weight:900;font-size:20px}.builder-panel,.contact-form-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:34px}.muted{color:#696c63}.builder-form,.contact-form{display:grid;gap:18px;margin-top:28px}.builder-form label,.contact-form label{font-size:13px;font-weight:800;display:grid;gap:7px}.builder-form input,.builder-form select,.builder-form textarea,.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #bdb6aa;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.notice-box,.success-box,.error-box{padding:14px 16px;border-radius:10px;margin-bottom:18px}.notice-box{background:#ede8dc}.success-box{background:#e1eedc}.error-box{background:#f5ded9}.contact-card{margin-top:28px;display:grid;gap:6px;border-left:4px solid var(--olive);padding-left:18px}.contact-card strong{margin-top:14px}.about-photo img{width:100%;max-width:520px;border-radius:22px;box-shadow:0 18px 60px rgba(20,20,15,.16)}.about-copy p{font-size:17px}.social-callout{margin:25px 0;padding:18px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.signature{font-size:18px}.site-footer{color:#eee8d8;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid a,.footer-grid span{color:#d8d0bd}.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-logo-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.footer-brand p{color:#d8d0bd}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#c8c0af}
/* WooCommerce */.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0 0 18px!important}.woocommerce ul.products li.product a img{margin:0!important;width:100%;aspect-ratio:4/5;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px!important;padding:16px 18px 4px!important}.woocommerce ul.products li.product .price{padding:0 18px;color:var(--ink)!important;font-weight:900!important}.woocommerce ul.products li.product .button{margin:10px 18px 0!important}.woocommerce div.product{padding:60px 0}.woocommerce div.product .product_title{font-size:48px;line-height:1}.woocommerce div.product p.price{color:var(--ink)!important;font-size:24px}.woocommerce-message,.woocommerce-info{border-top-color:var(--olive)!important}.woocommerce-message:before,.woocommerce-info:before{color:var(--olive)!important}.woocommerce-cart-form,.cart_totals,.woocommerce-checkout{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:16px}
@media(max-width:900px){.field-bar-dot,.field-bar-inner span:nth-of-type(n+3){display:none}.field-bar-inner{justify-content:center}.nav-wrap{height:72px}.brand-logo{width:44px;height:44px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:22px 20px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.site-nav.is-open{display:flex}.nav-toggle{display:block}.hero{min-height:530px}.hero h1{font-size:58px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.brand-story,.builder-layout,.contact-layout,.about-layout{grid-template-columns:1fr;gap:38px}.builder-photo{position:relative;top:auto}.logo-card{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.brand-text small{display:none}.brand-text strong{font-size:14px}.hero{min-height:480px;background-position:60% center}.hero-inner{padding:70px 0}.hero h1{font-size:48px;max-width:410px}.hero p{font-size:16px;max-width:380px}.section{padding:58px 0}.section-heading{align-items:start;flex-direction:column}.camo-strip-inner{gap:14px;font-size:9px}.woocommerce ul.products{grid-template-columns:1fr}.story-preview{grid-template-columns:1fr}.story-preview img{width:100%;height:300px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.page-hero{padding:62px 0}.page-hero h1{font-size:51px}.builder-panel,.contact-form-card{padding:22px}.about-copy p{font-size:16px}}
