/* HKTX polish — deep industrial blue + slate, orange accent. Loaded after Storefront/Woo. */
:root{
  --hktx-blue:#0e2a47; --hktx-blue-2:#16406b; --hktx-blue-dark:#0a1f33;
  --hktx-ink:#1e293b; --hktx-slate:#54687c; --hktx-line:#dde4ea;
  --hktx-accent:#f26d21; --hktx-accent-dark:#d95a12; --hktx-bg:#f5f7f9;
  --hktx-radius:12px;
}
::selection{background:var(--hktx-blue);color:#fff}
a{transition:color .2s ease}
.entry-content a:not(.hktx-btn):not(.hktx-chip):not(.button){text-decoration-thickness:1px;text-underline-offset:2px}

/* ---------- header & nav ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--hktx-line);padding-top:18px;margin-bottom:0}
.site-branding .custom-logo-link img,.custom-logo{height:62px;width:auto;max-width:78vw}
.site-title a{color:var(--hktx-blue)}
.storefront-primary-navigation{background:linear-gradient(90deg,var(--hktx-blue) 0%,#143a5e 55%,var(--hktx-blue-2) 100%);margin-top:14px;box-shadow:0 2px 10px rgba(14,42,71,.18)}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{color:#e9f1f8;font-weight:600;padding:.95em 1em}
.main-navigation ul.menu>li>a:hover,.main-navigation ul.nav-menu>li>a:hover{background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 -3px 0 var(--hktx-accent)}
.main-navigation ul li.current-menu-item>a,.main-navigation ul li.current-menu-ancestor>a{box-shadow:inset 0 -3px 0 var(--hktx-accent);color:#fff}
.main-navigation ul.sub-menu{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 18px 34px rgba(14,42,71,.22);padding:8px;min-width:250px}
.main-navigation ul.sub-menu li a{color:var(--hktx-ink);font-weight:500;padding:.55em .8em;border-radius:6px}
.main-navigation ul.sub-menu li a:hover{background:#eef3f7;color:var(--hktx-blue)}
button.menu-toggle{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
button.menu-toggle:hover{border-color:#fff;color:#fff}
.handheld-navigation{background:var(--hktx-blue-dark)}
.handheld-navigation ul.menu li a{color:#d7e3ef}
.handheld-navigation ul.sub-menu{background:rgba(255,255,255,.05)}

/* ---------- footer ---------- */
.site-footer{background:var(--hktx-blue-dark);color:#b7c7d6;padding:52px 0 26px}
.site-footer a{color:#e8eff6}
.site-footer a:hover{color:var(--hktx-accent)}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{color:#fff}
.footer-widgets{border-bottom-color:rgba(255,255,255,.12)}
.site-info{color:#8fa5b8}

/* ---------- type hierarchy & sections ---------- */
h1.page-title,.woocommerce-products-header__title{color:var(--hktx-blue);letter-spacing:-.01em}
.entry-content h2,.page-template-template-homepage .entry-content h2{
  color:var(--hktx-blue);font-size:27px;margin:46px 0 14px;padding-bottom:10px;
  background:linear-gradient(90deg,var(--hktx-accent) 64px,var(--hktx-line) 64px) bottom left/100% 2px no-repeat;
}
.entry-content h2:first-child{margin-top:0}
h2.hktx-center{text-align:center;background:linear-gradient(90deg,transparent calc(50% - 32px),var(--hktx-accent) calc(50% - 32px),var(--hktx-accent) calc(50% + 32px),var(--hktx-line) calc(50% + 32px)) bottom left/100% 2px no-repeat}
.hktx-section-sub{color:var(--hktx-slate);margin-top:-6px}
.woocommerce-breadcrumb{color:var(--hktx-slate)}
.woocommerce-breadcrumb a{color:var(--hktx-slate)}
.woocommerce-result-count{color:var(--hktx-slate)}
select,.input-text,input[type="text"],input[type="email"],input[type="search"],textarea{border-radius:8px;border-color:var(--hktx-line)}
.button,button,input[type="submit"]{border-radius:8px;background-color:var(--hktx-blue);transition:background-color .2s ease,transform .2s ease}
.button:hover,button:hover,input[type="submit"]:hover{background-color:var(--hktx-blue-2)}

/* ---------- hero / badges / brand wall / CTA (homepage blocks) ---------- */
.hktx-hero{background:linear-gradient(135deg,var(--hktx-blue) 0%,#143a5e 58%,#1b4a77 100%);color:#fff;padding:64px 32px 58px;border-radius:14px;text-align:center;margin-bottom:30px;border-top:4px solid var(--hktx-accent);box-shadow:0 20px 44px rgba(14,42,71,.28)}
.hktx-hero h1{color:#fff;margin:0 0 14px;font-size:42px;letter-spacing:-.01em}
.hktx-hero-sub{font-size:19px;line-height:1.55;max-width:780px;margin:0 auto 24px;color:#dce8f2}
.hktx-hero-ctas{margin:0}
.hktx-hero-btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:700;text-decoration:none!important;margin:4px;transition:transform .2s ease,background-color .2s ease}
.hktx-hero-btn:hover{transform:translateY(-2px)}
.hktx-hero-btn-wa{background:#25d366;color:#fff!important}
.hktx-hero-btn-wa:hover{background:#1eb856}
.hktx-hero-btn-mail{background:#fff;color:var(--hktx-blue)!important}
.hktx-hero-btn-mail:hover{background:#ffe9d6}
.hktx-badges{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px;text-align:center}
.hktx-badge{flex:1 1 180px;background:#fff;border:1px solid var(--hktx-line);border-top:3px solid var(--hktx-accent);border-radius:10px;padding:20px 12px;box-shadow:0 2px 8px rgba(14,42,71,.05)}
.hktx-badge strong{font-size:16px;color:var(--hktx-blue)}
.hktx-badge-sub{color:var(--hktx-slate);font-size:14px}
.hktx-brandwall{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.hktx-brandwall-note{text-align:center;color:var(--hktx-slate);margin-top:-6px}
.hktx-brandchip{border:1px solid var(--hktx-line);border-radius:999px;padding:12px 22px;font-size:17px;font-weight:700;color:var(--hktx-blue);background:#fff;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.hktx-brandchip:hover{border-color:var(--hktx-accent);color:var(--hktx-accent-dark);transform:translateY(-2px)}
.hktx-cta{background:linear-gradient(135deg,#10283f,var(--hktx-blue-2));border-radius:14px;padding:36px 28px;text-align:center;margin-top:16px;color:#dce8f2}
.hktx-cta h2{color:#fff;background:none;margin-top:0}
.hktx-cta a{color:#ffb37e}
.hktx-cta a:hover{color:#fff}

/* ---------- brand x category cards ---------- */
.hktx-brandgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:20px 0 44px}
.hktx-brandcard{border:1px solid var(--hktx-line);border-radius:var(--hktx-radius);padding:20px 20px 16px;background:#fff;box-shadow:0 2px 8px rgba(14,42,71,.05);transition:transform .3s ease,box-shadow .3s ease}
.hktx-brandcard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(14,42,71,.12)}
.hktx-brandcard h3{margin:0;font-size:21px}
.hktx-brandcard h3 a{color:var(--hktx-blue);text-decoration:none}
.hktx-brandcard h3 a:hover{color:var(--hktx-accent-dark)}
.hktx-brandcard .hktx-count{color:var(--hktx-accent-dark);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.hktx-brandblurb{color:var(--hktx-slate);font-size:14px;margin:8px 0 0}
.hktx-typelist{list-style:none;margin:14px 0;padding:0}
.hktx-typelist li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px dashed #e6ecf1;padding:6px 0;font-size:14.5px}
.hktx-typelist li a{color:var(--hktx-ink);text-decoration:none}
.hktx-typelist li a:hover{color:var(--hktx-accent-dark)}
.hktx-typelist li span{color:var(--hktx-slate);font-size:13px}
.hktx-card-more{font-weight:700;color:var(--hktx-blue);font-size:14.5px;text-decoration:none}
.hktx-card-more:hover{color:var(--hktx-accent-dark)}

/* ---------- chip bars & collection pages ---------- */
.hktx-chipbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}
.hktx-chipbar-label{font-weight:700;color:var(--hktx-blue);margin-right:4px;font-size:14.5px}
a.hktx-chip{border:1px solid var(--hktx-line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--hktx-blue);text-decoration:none!important;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
a.hktx-chip:hover{border-color:var(--hktx-accent);color:var(--hktx-accent-dark)}
a.hktx-chip small{color:var(--hktx-slate);font-weight:400}
a.hktx-chip.is-active{background:var(--hktx-blue);border-color:var(--hktx-blue);color:#fff}
a.hktx-chip.is-active small{color:#c8d8e6}
.hktx-coll-intro{font-size:16.5px;color:var(--hktx-slate);max-width:860px;line-height:1.6}

/* ---------- product cards ---------- */
ul.products li.product{background:#fff;border:1px solid var(--hktx-line);border-radius:var(--hktx-radius);padding:14px 12px 16px;box-shadow:0 1px 3px rgba(14,42,71,.05);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(14,42,71,.15);border-color:#c9d5df}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;overflow:hidden;border-radius:8px}
ul.products li.product img{transition:transform .5s ease;border-radius:8px}
ul.products li.product:hover img{transform:scale(1.06)}
ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;color:var(--hktx-ink);line-height:1.35;padding-top:10px}
ul.products li.product .hktx-stock{color:#1e7d46}
.hktx-inquiry .hktx-btn{border-radius:8px}
.hktx-inquiry a.hktx-btn-wa{background:#25d366}
.hktx-inquiry a.hktx-btn-mail{background:var(--hktx-blue)}
.hktx-inquiry a.hktx-btn-mail:hover{background:var(--hktx-blue-2)}

/* ---------- pagination ---------- */
.woocommerce-pagination ul.page-numbers li a,.woocommerce-pagination ul.page-numbers li span{border-radius:8px}
.woocommerce-pagination ul.page-numbers li span.current{background:var(--hktx-blue);color:#fff;border-color:var(--hktx-blue)}
.woocommerce-pagination ul.page-numbers li a:hover{background:#eef3f7;color:var(--hktx-blue)}

/* ---------- single product ---------- */
.single-product div.product .product_title{color:var(--hktx-blue)}
.single-product div.product .woocommerce-product-gallery img{border-radius:10px}
.hktx-inquiry-single .hktx-btn{border-radius:8px}
.single-product .hktx-btn-mail{background:var(--hktx-blue)}

/* ---------- sidebar widgets ---------- */
.widget .widget-title,.widget h3{color:var(--hktx-blue);border-bottom:2px solid var(--hktx-line);padding-bottom:6px}
.widget ul li a{color:var(--hktx-ink)}
.widget ul li a:hover{color:var(--hktx-accent-dark)}

/* ---------- scroll reveal ---------- */
html.hktx-anim .hktx-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
html.hktx-anim .hktx-reveal.hktx-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html.hktx-anim .hktx-reveal{opacity:1;transform:none;transition:none}
  ul.products li.product,ul.products li.product img,.hktx-brandcard{transition:none}
}

/* ---------- "model not listed" inquiry band & card ask line ---------- */
.hktx-askband{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;background:linear-gradient(135deg,#eef3f7,#e3ecf4);border:1px solid var(--hktx-line);border-top:3px solid var(--hktx-accent);border-radius:var(--hktx-radius);padding:20px 22px;margin:0 0 24px;box-shadow:0 2px 8px rgba(14,42,71,.05)}
.hktx-askband-text{flex:1 1 320px}
.hktx-askband-text h3{margin:0 0 4px;font-size:19px;color:var(--hktx-blue)}
.hktx-askband-text p{margin:0;color:var(--hktx-slate);font-size:14.5px;line-height:1.55}
.hktx-askband-btns{display:flex;flex-wrap:wrap;gap:8px}
.hktx-askband .hktx-btn{flex:0 0 auto;padding:11px 20px;border-radius:8px;font-size:14.5px}
.hktx-askband a.hktx-btn-wa{background:#25d366;color:#fff!important}
.hktx-askband a.hktx-btn-wa:hover{background:#1eb856}
.hktx-askband a.hktx-btn-mail{background:var(--hktx-blue);color:#fff!important}
.hktx-askband a.hktx-btn-mail:hover{background:var(--hktx-blue-2)}
.hktx-card-ask{margin:12px 0 2px;padding-top:10px;border-top:1px dashed #e6ecf1;font-size:13.5px;color:var(--hktx-slate)}
.hktx-card-ask a{font-weight:700;color:var(--hktx-blue);text-decoration:none}
.hktx-card-ask a:hover{color:var(--hktx-accent-dark)}

/* ---------- responsive ---------- */
@media (max-width:768px){
  .hktx-hero{padding:42px 20px 38px}
  .hktx-hero h1{font-size:31px}
  .hktx-hero-sub{font-size:17px}
  .site-branding .custom-logo-link img,.custom-logo{height:50px}
  .entry-content h2{font-size:23px}
  .hktx-brandgrid{grid-template-columns:1fr}
  .hktx-askband{padding:16px;margin-bottom:18px}
  .hktx-askband-btns{width:100%}
  .hktx-askband .hktx-btn{flex:1 1 130px;text-align:center}
}