/*
Theme Name: Fat Tony's Surf & Skate
Author: Storybound Media
Description: Custom coastal storefront with WooCommerce support and collection pages.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: fat-tonys
*/
:root{--ink:#101917;--paper:#f3eddf;--teal:#106d68;--orange:#ed6b34;--muted:#acb9ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:99}.skip:focus{top:5px}.topbar{text-align:center;padding:7px 16px;background:var(--teal);color:white;font-size:11px;font-weight:bold;letter-spacing:3px;text-transform:uppercase}.site-header{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:900;line-height:1.1;letter-spacing:1px}.brand img{width:60px;height:60px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:7px;color:#c7d4cb}.nav{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.nav a{text-decoration:none;font-size:13px;font-weight:700}.nav a:hover{color:#f69860}.menu-toggle{display:none;background:none;border:1px solid #82988c;color:white;padding:7px 12px}.hero{position:relative;min-height:620px;display:grid;grid-template-columns:1fr 1.13fr;background:var(--ink);color:var(--paper);overflow:hidden}.hero-copy{padding:80px 0 90px 7vw;position:relative;z-index:1;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:800;color:var(--teal)}.hero .eyebrow{color:#6ed4bb}.hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(70px,7.6vw,116px);font-weight:900;line-height:.94;letter-spacing:1px;text-transform:uppercase;margin:22px 0 28px;max-width:660px}.hero h1 em{font-style:normal;color:#f58a51}.hero p{max-width:390px;color:#c7d4cb;font-size:16px}.hero-art{height:100%;width:100%;object-fit:contain;padding:25px 20px 20px 0;align-self:center}.buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;border:0;background:var(--orange);color:var(--ink);text-decoration:none;padding:14px 23px;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-radius:0;cursor:pointer}.button:hover{background:#f79360}.button.outline{background:transparent;border:1px solid #859d8f;color:var(--paper)}.ticker{padding:15px 10px;background:var(--orange);font-family:Impact,'Arial Narrow',sans-serif;text-align:center;font-size:22px;letter-spacing:3px;word-spacing:17px}.section{padding:76px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section h2,.page-title,.woocommerce-products-header__title{font:clamp(38px,4.5vw,64px)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:12px 0}.section-head p{max-width:360px;font-size:14px}.text-link{font-size:12px;font-weight:bold;text-transform:uppercase;text-underline-offset:5px;letter-spacing:1px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-card{background:#e7e2d5}.design-image{background:#17211e;padding:22px;height:380px;display:flex;justify-content:center}.design-image img{height:100%;width:100%;object-fit:contain}.design-card .caption{padding:20px 24px}.caption h3{font-size:21px;margin:0 0 4px}.caption p{font-size:12px;margin:0;color:#546159}.badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-weight:800}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#6ed4bb}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.collection-card{display:block;background:#1c2923;color:var(--paper);border:1px solid #3a4940;text-decoration:none;padding:26px;transition:transform .2s}.collection-card:hover{transform:translateY(-4px);border-color:#f58a51}.collection-card img{display:block;width:100%;height:250px;object-fit:contain;background:#101613}.collection-card h3{font:32px/1.1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:24px 0 8px}.collection-card p{color:#c1cdc4;font-size:13px;margin:0}.collection-card span{display:block;margin-top:18px;font-size:12px;font-weight:bold;color:#f69860}.category-strip{display:flex;flex-wrap:wrap;gap:10px}.category-strip a{border:1px solid #a5afa5;padding:10px 18px;text-decoration:none;font-size:12px;font-weight:700}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.story img{max-height:340px;object-fit:contain;justify-self:center}.story p{max-width:560px;color:#546159}.site-footer{background:#0b1210;color:#c1cdc4;padding:45px 7vw 25px}.footer-main{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.legal{border-top:1px solid #34443b;padding-top:20px;margin-top:35px;font-size:11px}.site-main{min-height:50vh}.content-wrap{max-width:1280px;margin:auto;padding:60px 6vw}.entry-title{font:52px/1.05 Impact,sans-serif}.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:50px 7vw;background:#17211e;color:var(--paper)}.collection-hero img{width:100%;max-height:420px;object-fit:contain}.collection-hero h1{font:clamp(42px,6vw,80px)/1 Impact,sans-serif;text-transform:uppercase}.collection-hero p{color:#c1cdc4}.woocommerce{--wc-primary:var(--teal)}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:white;padding:15px}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:contain;background:#ecece5}.woocommerce ul.products li.product .price{color:var(--teal);font-weight:bold}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--teal)}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0}.woocommerce div.product div.images img{max-height:700px;object-fit:contain}.woocommerce table.shop_table{border-radius:0}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:10px;border:1px solid #a4afa5;background:white;max-width:100%}.woocommerce .quantity .qty{width:5em}.woocommerce-message,.woocommerce-info{border-top-color:var(--teal)}.woocommerce-message::before,.woocommerce-info::before{color:var(--teal)}.notice{padding:25px;border:1px solid #a5afa5}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.city-grid a{padding:28px;background:#e4e0d3;text-decoration:none;font-size:20px;font-weight:bold}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1200px;margin:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:800px){.site-header{padding:12px 5vw;flex-wrap:wrap}.brand{font-size:14px}.brand img{width:48px;height:48px}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{display:block;padding:12px 0;border-top:1px solid #354b3e}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 7vw 15px}.hero h1{font-size:72px}.hero-art{padding:15px 5vw 35px;max-height:430px}.section{padding:48px 6vw}.section-head{align-items:start;flex-direction:column}.design-grid{grid-template-columns:1fr}.design-image{height:400px}.collection-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr;gap:25px}.story img{max-height:240px}.ticker{font-size:15px;word-spacing:5px;letter-spacing:2px}.city-grid{grid-template-columns:repeat(2,1fr)}.collection-hero{grid-template-columns:1fr}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-card{transition:none}}