/*
Theme Name: On The Gear Christmas Shop
Author: On The Gear
Description: Mobile-first Christmas website and WooCommerce-ready merchandise shop for On The Gear.
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 7.4
Text Domain: otg-christmas
*/
:root{--navy:#010d20;--panel:#06264a;--blue:#008dff;--ice:#ccf3ff;--red:#d92230;--line:#248dd0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#010c20,#031833 50%,#010b1c);color:#fff;font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1120px;margin:auto;padding-inline:18px}.sitehead{position:sticky;top:0;z-index:99;background:#011027f5;border-bottom:1px solid #146ea6;box-shadow:0 5px 30px #001a38}.headrow{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:18px;line-height:1.05;letter-spacing:.055em}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%}.headnav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.headnav a{padding:10px 11px;border-radius:12px;border:1px solid #127db8;background:#062247;font-weight:750;font-size:13px}.headnav a:hover,.btn:hover{filter:brightness(1.16)}.cartlink{background:#0756a2!important}.cartcount{background:#c92335;padding:1px 6px;border-radius:999px;font-size:11px}.hero{position:relative;padding:22px 0 38px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#176cbe70,transparent 65%)}.hero-art{position:relative;max-width:850px;margin:0 auto;border-radius:23px;overflow:hidden;border:1px solid #2176b5;box-shadow:0 0 32px #007aff50}.hero-art img{display:block;width:100%;max-height:470px;object-fit:cover;object-position:50% 46%}.hero-title{text-align:center;margin:16px auto 0;line-height:.91;text-transform:uppercase;font-size:clamp(40px,9vw,96px);font-weight:1000;letter-spacing:-.05em;color:#e8f8ff;text-shadow:0 3px 0 #345578,0 0 25px #108fff}.hero-title em{font-style:normal;color:#ff4351;text-shadow:0 3px 0 #871321,0 0 19px #ed2d31;display:block}.tagline{text-align:center;color:var(--ice);font-size:clamp(14px,3.5vw,20px);font-weight:800;letter-spacing:.045em;margin:18px 0 20px}.socialgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:850px;margin:0 auto}.btn{min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;border:1px solid #75d8ff;padding:10px 13px;background:linear-gradient(135deg,#046fe0,#032356);font-weight:850;text-align:center;box-shadow:0 2px 17px #00aeff3f;transition:filter .2s}.fb{background:linear-gradient(125deg,#126beb,#043b8d)}.tt{background:linear-gradient(125deg,#072635,#010a16)}.yt{background:linear-gradient(125deg,#cf171d,#76040c)}.ig{background:linear-gradient(125deg,#f78a2c,#ca1b80,#632edd)}.section{padding:25px 0}.panel{border:1px solid #2685c7;border-radius:22px;background:linear-gradient(125deg,#083963,#04152d);overflow:hidden;box-shadow:0 4px 22px #007aff24}.promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}.promo-copy{padding:20px}.eyebrow{color:#bde6ff;letter-spacing:.2em;text-transform:uppercase;font-weight:750;font-size:12px}.promo h2{font-size:clamp(29px,5.5vw,52px);line-height:.95;text-transform:uppercase;margin:10px 0}.promo h2 span{color:#ff4b57}.promo p{color:#e4f2ff;margin:10px 0 17px}.promo img{display:block;width:100%;height:100%;min-height:225px;object-fit:cover;object-position:center}.contact{text-align:center;padding:30px 12px 55px}.contact h2{margin:5px 0;text-transform:uppercase;font-size:clamp(29px,7vw,50px)}.email{font-weight:850;color:#dff7ff;overflow-wrap:anywhere;font-size:clamp(18px,4.7vw,27px)}.footer{border-top:1px solid #166697;padding:25px 0;color:#c1d7e7;text-align:center}.productintro{text-align:center;padding:36px 0 12px}.productintro h1,.page-title{font-size:clamp(32px,7vw,55px);line-height:1;margin:8px 0 12px}.products-wrap{padding:28px 0 70px}.products-wrap .woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.products-wrap .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#062548;border:1px solid #1b7bbe;border-radius:17px;padding:11px;overflow:hidden}.woocommerce ul.products li.product a img{border-radius:10px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#087ee9;color:#fff;border-radius:13px;padding:13px;font-weight:800}.woocommerce div.product,.woocommerce table.shop_table,.woocommerce-cart-form,.woocommerce-checkout,.woocommerce form.checkout{color:#fff}.woocommerce .quantity .qty{padding:10px;border-radius:8px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:13px;border-radius:8px;background:#fff;color:#111}.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-result-count,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#bde6ff}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{color:#14253a}.woocommerce .woocommerce-error{color:#581619}.woocommerce .woocommerce-ordering select{padding:9px}.content{min-height:55vh;padding:30px 0}.content a:not(.btn){color:#90d9ff}.content h1{line-height:1.1}.screen-reader-text{position:absolute;left:-10000px}.skip{position:absolute;left:-9999px}.skip:focus{left:0;top:0;background:white;color:black;padding:12px;z-index:999}.woocommerce-cart .content,.woocommerce-checkout .content{max-width:1120px}.woocommerce table.shop_table th,.woocommerce table.shop_table td{color:#fff}.woocommerce table.shop_table a{color:#96ddff}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{color:#111}.woocommerce form .form-row label{color:#fff}@media(min-width:768px){.headrow{min-height:88px}.brand{font-size:23px}.brand img{width:65px;height:65px}.headnav a{font-size:16px;padding:12px 18px}.socialgrid{gap:15px}.btn{min-height:63px;font-size:19px}.promo-copy{padding:38px}.promo img{min-height:310px}.products-wrap .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:390px){.headrow{flex-direction:column;padding-block:10px}.headnav{width:100%;justify-content:center}.headnav a{flex:1;text-align:center}.hero-art img{max-height:330px}.promo{grid-template-columns:1fr}.promo img{max-height:235px;grid-row:1}.promo-copy{grid-row:2}.btn{font-size:14px}.socialgrid{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
