/*
Theme Name: DKT 01
Template: kadence
Version: 1.1.2
Description: Mobile-first brand layer for detroitkingtape.com: Anton/DM Sans, black + gold, scroll-snap rails.
Text Domain: kadence-child
*/

/* ---------- Tokens (mobile base ~375px) ---------- */
:root{
  --dkt-ink:#0A0A0B; --dkt-ink-2:#16171C; --dkt-gold:#D4AF37; --dkt-gold-2:#B8952B;
  --dkt-steel:#6B6C7A; --dkt-taupe:#A4968C; --dkt-cream:#E8E0D7; --dkt-paper:#F5F2EE; --dkt-white:#FFFFFF;
  --dkt-radius:4px; --dkt-gap:clamp(12px,3vw,24px); --dkt-pad:clamp(16px,5vw,48px);
  --dkt-h1:clamp(2.6rem,11vw,6.5rem); --dkt-h2:clamp(1.9rem,7vw,3.6rem); --dkt-h3:clamp(1.25rem,4.5vw,1.75rem);
  --dkt-body:clamp(1rem,.95rem + .3vw,1.125rem); --dkt-ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"DM Sans",system-ui,sans-serif;font-size:var(--dkt-body);line-height:1.6;color:var(--dkt-ink);background:var(--dkt-paper)}
h1,h2,h3,h4,.dkt-display{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:1.02}
h1{font-size:var(--dkt-h1)} h2{font-size:var(--dkt-h2)} h3{font-size:var(--dkt-h3)}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--dkt-gold);outline-offset:3px}

/* ---------- Buttons / tap targets (>=44px) ---------- */
.wp-block-button__link,.button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.wc-block-components-button,.add_to_cart_button{
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.8em 1.4em;border-radius:var(--dkt-radius);border:2px solid var(--dkt-gold);
  background:var(--dkt-gold);color:var(--dkt-ink)!important;font-family:"DM Sans",sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;text-decoration:none;
  transition:transform .2s var(--dkt-ease),background .2s,color .2s}
.wp-block-button__link:hover,.button:hover,.woocommerce a.button:hover,.add_to_cart_button:hover{background:var(--dkt-gold-2);border-color:var(--dkt-gold-2)}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--dkt-white)!important;border-color:var(--dkt-white)}
.is-style-outline .wp-block-button__link:hover{background:var(--dkt-white);color:var(--dkt-ink)!important}
nav a,.menu a,.drawer-content a{min-height:44px;display:flex;align-items:center}

/* ---------- Header: sticky compact, dark ---------- */
#masthead,.site-header-wrap,#mobile-header{background:var(--dkt-ink)!important;color:var(--dkt-white)}
#mobile-header{position:sticky;top:0;z-index:1000}
#mobile-header .site-header-row-container-inner{min-height:60px}
.site-branding img.custom-logo{max-height:22px;width:auto}
#masthead a,#mobile-header a{color:var(--dkt-white)}
#masthead .menu>li>a{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
#masthead .menu>li>a:hover,#masthead .current-menu-item>a{color:var(--dkt-gold)}
.header-cart-button,.menu-toggle-open,.drawer-toggle{min-width:48px;min-height:48px;color:var(--dkt-white)!important}
.header-cart-total{background:var(--dkt-gold)!important;color:var(--dkt-ink)!important;font-weight:700}
#mobile-drawer .drawer-inner{background:var(--dkt-ink);color:var(--dkt-white)}
#mobile-drawer .drawer-content{padding:24px var(--dkt-pad)}
#mobile-drawer .mobile-navigation a{font-family:Anton,sans-serif;font-size:1.6rem;text-transform:uppercase;padding:.35em 0;border-bottom:1px solid rgba(255,255,255,.08)}
#mobile-drawer .sub-menu a{font-family:"DM Sans",sans-serif;font-size:1rem;color:var(--dkt-cream)}

/* ---------- Sections ---------- */
.dkt-section{padding:clamp(48px,10vw,120px) var(--dkt-pad)!important}
.dkt-dark{background:var(--dkt-ink);color:var(--dkt-white)}
.dkt-dark h2,.dkt-dark h3{color:var(--dkt-white)}
.dkt-eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--dkt-gold-2);margin:0 0 .5rem}
.dkt-dark .dkt-eyebrow{color:var(--dkt-gold)}
.dkt-head{gap:12px;margin-bottom:var(--dkt-gap)}
.dkt-head h2{margin:0}
.dkt-link a{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid var(--dkt-gold);text-decoration:none}

/* Hero: full-bleed, CTA in thumb zone on mobile */
.dkt-hero.wp-block-cover{min-height:100svh!important;align-items:flex-end;padding:0 var(--dkt-pad) calc(32px + env(safe-area-inset-bottom))}
.dkt-hero .wp-block-cover__inner-container{max-width:1200px;margin:0 auto;width:100%}
.dkt-hero h1{color:var(--dkt-white);margin:.2em 0;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.dkt-hero p{color:var(--dkt-cream);max-width:34ch}
.dkt-hero .wp-block-buttons{flex-direction:column;align-items:stretch;gap:10px}
.dkt-hero .wp-block-button,.dkt-hero .wp-block-button__link{width:100%}

/* ---------- Product grids ---------- */
.woocommerce ul.products,.wc-block-grid__products{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dkt-gap)!important;margin:0!important;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.wc-block-grid__product{width:auto!important;margin:0!important;float:none!important;
  background:var(--dkt-white);border-radius:var(--dkt-radius);overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 1px 0 rgba(10,10,11,.06);transition:transform .25s var(--dkt-ease),box-shadow .25s}
.dkt-dark .woocommerce ul.products li.product{background:var(--dkt-ink-2);color:var(--dkt-white)}
.woocommerce ul.products li.product img{aspect-ratio:1/1;object-fit:cover;width:100%;margin:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"DM Sans",sans-serif;text-transform:none;font-weight:700;font-size:.95rem;line-height:1.3;padding:12px 12px 0!important}
.woocommerce ul.products li.product .price{font-weight:700;color:var(--dkt-ink)!important;font-size:1rem;padding:4px 12px}
.dkt-dark .woocommerce ul.products li.product .price{color:var(--dkt-gold)!important}
.woocommerce ul.products li.product .button{margin:auto 12px 12px!important;width:calc(100% - 24px)}
.woocommerce ul.products li.product .star-rating{margin:4px 12px;color:var(--dkt-gold-2)}

/* ---------- Scroll-snap rails (mobile) ---------- */
.dkt-rail ul.products,.dkt-rail-track{
  display:grid!important;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none!important;
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  padding-bottom:12px!important;gap:var(--dkt-gap);scrollbar-width:thin;scrollbar-color:var(--dkt-gold) transparent}
.dkt-rail ul.products>li,.dkt-rail-track>*{scroll-snap-align:start}
.dkt-rail-track figure{margin:0;border-radius:var(--dkt-radius);overflow:hidden;background:#000}
.dkt-rail-track video{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}

/* ---------- Reviews ---------- */
.dkt-quotes{display:grid!important;gap:var(--dkt-gap)}
.dkt-quote{background:var(--dkt-white);padding:24px!important;border-left:4px solid var(--dkt-gold);border-radius:var(--dkt-radius);margin:0}
.dkt-quote p{margin:0 0 .75rem}
.dkt-quote cite{font-style:normal;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dkt-steel)}
.dkt-stars{color:var(--dkt-gold-2);letter-spacing:.15em;font-size:1.1rem}

/* ---------- Single product ---------- */
.single-product div.product .product_title{font-size:clamp(2rem,8vw,3.5rem)}
.single-product div.product p.price{font-size:1.5rem;font-weight:700}
.single-product .variations select{min-height:48px;width:100%;border-radius:var(--dkt-radius)}
.single-product form.cart .single_add_to_cart_button{width:100%}
.woocommerce .quantity .qty{min-height:48px;width:4.5em}

/* ---------- Footer ---------- */
.site-footer,#colophon{background:var(--dkt-ink);color:var(--dkt-cream)}
.site-footer a{color:var(--dkt-white)}
.site-footer a:hover{color:var(--dkt-gold)}

/* ---------- Motion (respectful) ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .dkt-reveal{animation:dkt-up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  }
  @keyframes dkt-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  .woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(10,10,11,.15)}
  .wp-block-button__link:active,.button:active{transform:scale(.98)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- 768 ---------- */
@media (min-width:768px){
  .dkt-hero.wp-block-cover{min-height:88vh!important;padding-bottom:64px}
  .dkt-hero .wp-block-buttons{flex-direction:row}
  .dkt-hero .wp-block-button,.dkt-hero .wp-block-button__link{width:auto}
  .woocommerce ul.products,.wc-block-grid__products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dkt-rail ul.products,.dkt-rail-track{grid-auto-columns:40%}
  .dkt-quotes{grid-template-columns:repeat(2,1fr)}
  .site-branding img.custom-logo{max-height:26px}
}
/* ---------- 1024 ---------- */
@media (min-width:1024px){
  .woocommerce ul.products,.wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dkt-rail ul.products{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible}
  .dkt-rail-track{grid-auto-columns:calc((100% - 3*var(--dkt-gap))/4)}
  .dkt-quotes{grid-template-columns:repeat(3,1fr)}
}
/* ---------- 1280 ---------- */
@media (min-width:1280px){
  .dkt-section>*{max-width:1200px;margin-left:auto;margin-right:auto}
}

/* 1.1.1: logo only in header, hide site title text */
.site-branding .site-title-wrap{display:none !important}

/* 1.1.2: footer credit */
.site-footer .footer-html{width:100%;text-align:center}.site-footer .footer-html p{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#6B6C7A}.site-footer .footer-html a{color:#D4AF37;text-decoration:none}