/*
Theme Name: Hammered Handyman's Garage
Text Domain: hammered-handymans-garage
Version: 3.0.12
*/
:root{--ink:#171612;--cream:#eee7d7;--yellow:#e4bc24}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;color:#f5f0e6;background:#24231f}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:#24231f url('assets/images/garage-wall-build-308.webp') center center/cover no-repeat;pointer-events:none}
a{color:inherit}
.hh-site{position:relative;z-index:1;min-height:100vh}

/* HOME TV — one transparent assembly, normal flow, fixed wallpaper behind it */
.hh-tv-stage{position:relative;width:100%;min-height:0;padding:0;background:transparent}
.hh-tv-unit{position:relative;width:min(85vw,calc(82vh * 1536 / 1116));aspect-ratio:1536/1116;margin:0 auto;background:transparent url('assets/images/garage-tv-build-308.png') center top/contain no-repeat}
.hh-tv-video,.hh-tv-thumbnail{position:absolute;left:8.854167%;top:8.026476%;width:82.421875%;height:63.810484%;object-fit:fill;border:0;border-radius:0;box-shadow:none;background:#050505;overflow:hidden}
.hh-tv-video{display:none;z-index:2;pointer-events:none}
.hh-tv-thumbnail{display:block;z-index:1;pointer-events:none}
.hh-tv-unit.tv-on .hh-tv-video{display:block}
.hh-tv-unit.tv-on .hh-tv-thumbnail{display:none}
.hh-tv-hit{position:absolute;z-index:10;border:0;background:transparent;cursor:pointer;padding:0}
#hh-tv-youtube{position:absolute;z-index:11;left:3.6%;top:77%;width:21.5%;height:18.5%}
#hh-tv-prev{left:28.3%;top:79%;width:11.2%;height:10.5%}
#hh-tv-power{left:41.3%;top:79%;width:11.2%;height:10.5%}
#hh-tv-next{left:54.4%;top:79%;width:10.8%;height:10.5%}
#hh-tv-fullscreen{left:66.3%;top:79%;width:10.8%;height:10.5%}
.hh-media-status{position:absolute;left:50%;top:72%;transform:translateX(-50%);z-index:12;opacity:0;background:rgba(0,0,0,.8);padding:6px 10px;font-weight:800}
.hh-tv-unit.show-status .hh-media-status{opacity:1}
.hh-home-content{width:min(1180px,calc(100% - 28px));margin:30px auto 80px;padding:28px;background:rgba(22,20,17,.91);border:1px solid rgba(255,255,255,.15)}
.hh-shirt-box{display:block;width:min(620px,100%);margin:20px auto}.hh-shirt-box img{display:block;width:100%;height:auto}
.hh-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hh-home-card{padding:20px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.15)}

/* STORE — deliberately has NO TV markup/background of its own */
.hh-store-page{min-height:100vh;padding:clamp(28px,5vw,70px) clamp(14px,4vw,54px) 80px;background:transparent}
.hh-store-wrap{width:min(1180px,100%);margin:auto}
.hh-store-title,.hh-store-card{background:rgba(22,20,17,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 42px rgba(0,0,0,.35)}
.hh-store-title{padding:clamp(20px,4vw,42px);margin-bottom:22px}
.hh-store-title span{color:var(--yellow);font-weight:900;letter-spacing:.13em;font-size:.78rem}
.hh-store-title h1{margin:5px 0 0;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.92;text-transform:uppercase}
.hh-store-title p{color:#d8d0c1}.hh-store-card{padding:clamp(18px,3vw,38px)}
.hh-store-page .woocommerce{color:#f4efe5}.hh-store-page .woocommerce a{color:inherit}
.hh-store-page .woocommerce-message,.hh-store-page .woocommerce-info,.hh-store-page .woocommerce-error{background:var(--cream);color:var(--ink);border-top:4px solid var(--yellow);padding:18px}
.hh-store-page .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important}
.hh-store-page .woocommerce ul.products:before,.hh-store-page .woocommerce ul.products:after{display:none!important}
.hh-store-page .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px 14px 18px;background:var(--cream);color:var(--ink);border:1px solid #817966}
.hh-store-page .woocommerce ul.products li.product img{width:100%;margin:0 0 14px!important}
.hh-store-page .woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:900!important;text-transform:uppercase}
.hh-store-page .woocommerce ul.products li.product .price{color:var(--ink)!important;font-weight:900}
.hh-store-page .woocommerce a.button,.hh-store-page .woocommerce button.button,.hh-store-page .woocommerce input.button,.hh-store-page .wc-block-components-button{background:var(--yellow)!important;color:#111!important;border:0!important;border-radius:2px!important;font-weight:900!important;text-transform:uppercase!important}
.hh-store-page table.shop_table{background:var(--cream);color:var(--ink);border-collapse:collapse!important}
.hh-store-page table.shop_table th,.hh-store-page table.shop_table td{padding:14px!important;border:1px solid #b6ad9b!important}
.hh-store-page .cart_totals,.hh-store-page .woocommerce-checkout-review-order{background:var(--cream);color:var(--ink);padding:20px}
.hh-store-page input.input-text,.hh-store-page textarea,.hh-store-page select,.hh-store-page .select2-selection{background:#fff!important;color:var(--ink)!important;min-height:44px}
.hh-store-page #payment{background:#ded6c5!important;color:var(--ink)!important}
.hh-page{width:min(1180px,calc(100% - 28px));margin:40px auto;padding:28px;background:rgba(22,20,17,.94)}
@media(max-width:900px){
 .hh-tv-unit{width:100vw}
 .hh-home-grid{grid-template-columns:1fr}
 .hh-store-page .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:480px){.hh-store-page .woocommerce ul.products{grid-template-columns:1fr}}

/* v3.0.4 — MOBILE LANDSCAPE ONLY
   Fit the COMPLETE 1536x1024 TV assembly by viewport height so the
   video, bezel and control deck stay together and visible. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .hh-tv-stage{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    overflow:visible;
  }
  .hh-tv-unit{
    width:min(100vw, calc(96svh * 1.37634409));
    max-width:none;
    margin:0 auto;
    flex:0 0 auto;
  }
}

/* v3.0.10 — merch section only. TV/header above intentionally untouched. */
.hh-home-content.hh-merch-only{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:34px 18px 72px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hh-job-box-link{
  display:block;
  width:min(920px,94vw);
  margin:0 auto;
  line-height:0;
}
.hh-job-box-link img{
  display:block;
  width:100%;
  height:auto;
}
@media (hover:hover){
  .hh-job-box-link{transition:transform .18s ease,filter .18s ease}
  .hh-job-box-link:hover{transform:translateY(-4px);filter:drop-shadow(0 18px 16px rgba(0,0,0,.32))}
}
@media(max-width:700px){
  .hh-home-content.hh-merch-only{padding:20px 6px 48px}
  .hh-job-box-link{width:100%}
}

/* v3.0.12 — approved Back Room winner. */
.hh-backroom-stage{background:transparent;}
.hh-backroom-winner-wrap{position:relative;width:min(1536px,100%);margin:0 auto;line-height:0;}
.hh-backroom-winner-art{display:block;width:100%;height:auto;}
.hh-backroom-key-hit,.hh-backroom-youtube-hit{position:absolute;display:block;z-index:20;cursor:pointer;}
.hh-backroom-key-hit{left:57.8%;top:54.6%;width:33.2%;height:13.8%;}
.hh-backroom-youtube-hit{left:3.0%;top:78.0%;width:21.5%;height:20.0%;}
.hh-backroom-key-hit:focus-visible,.hh-backroom-youtube-hit:focus-visible{outline:4px solid #ffd400;outline-offset:3px;}