/*
Theme Name: HK DIGITAL
Theme URI: https://example.com/
Author: HK DIGITAL
Description: Full-width WordPress theme designed for the HK Digital Catalog plugin.
Version: 1.4.0
Text Domain: hk-digital
*/

:root{
  --hk-ink:#071827;
  --hk-ink2:#24354a;
  --hk-blue:#0066ff;
  --hk-paper:#f6f4ef;
  --hk-white:#ffffff;
  --hk-line:#d7dde5;
  --hk-muted:#6f7d91;
}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--hk-paper);color:var(--hk-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto}
body.admin-bar .hk-site-header{top:32px}
.hk-theme-wrap{width:min(1180px,92%);margin:0 auto}

.hk-site-header{
  position:sticky;top:0;z-index:1000;background:rgba(246,244,239,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(7,24,39,.09)
}
.hk-site-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.hk-site-logo img,.hk-site-logo .custom-logo{display:block;width:172px;max-height:68px;object-fit:contain}
.hk-menu{display:flex;align-items:center;gap:25px;font-size:13px}
.hk-menu a{text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
.hk-menu a:hover{border-color:var(--hk-ink)}
.hk-menu .hk-all-products{
  padding:11px 17px;border:1px solid var(--hk-blue);border-radius:999px;
  background:var(--hk-blue);color:#fff;font-weight:700
}
.hk-menu .hk-all-products:hover{border-color:var(--hk-blue);background:#0056d9;color:#fff}
.hk-menu .hk-whatsapp{
  padding:11px 17px;border:1px solid #25D366;border-radius:999px;
  background:#25D366;color:#fff;font-weight:700
}
.hk-menu .hk-whatsapp:hover{border-color:#1fb95a;background:#1fb95a;color:#fff}

.hk-header-search{display:flex;align-items:center;border:1px solid #c9d0d9;border-radius:999px;background:#fff;overflow:hidden;height:38px}
.hk-header-search input{width:128px;border:0;outline:0;background:transparent;padding:0 4px 0 13px;font-size:12px;color:var(--hk-ink)}
.hk-header-search button{height:100%;border:0;border-left:1px solid #e0e4e8;background:#fff;padding:0 11px;font-size:10px;font-weight:700;cursor:pointer;color:var(--hk-ink)}
.hk-header-search:focus-within{border-color:var(--hk-blue)}

.hk-menu-toggle{display:none;border:0;background:none;font-size:26px;cursor:pointer;color:var(--hk-ink)}

.hk-weekly-offer{background:#d71920;color:#fff;overflow:hidden;border-top:1px solid #b71219;border-bottom:1px solid #b71219}
.hk-offer-viewport{width:100%;overflow:hidden;white-space:nowrap}
.hk-offer-track{display:flex;width:max-content;animation:hkOfferTicker 18s linear infinite;will-change:transform}
.hk-offer-segment{display:flex;align-items:center;gap:26px;min-height:44px;padding:0 64px 0 0;white-space:nowrap;font-size:12px}
.hk-offer-label{font-size:10px;letter-spacing:1.9px;font-weight:900;color:#fff}
.hk-offer-text{color:#fff;font-weight:600}
.hk-offer-link{color:#fff;text-decoration:none;font-weight:900;border-bottom:1px solid rgba(255,255,255,.8);padding-bottom:2px}
.hk-offer-link:hover{border-bottom-color:#fff}
@keyframes hkOfferTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hk-weekly-offer:hover .hk-offer-track{animation-play-state:paused}

.hk-main{min-height:70vh}
.hk-normal-page{width:min(1180px,92%);margin:0 auto;padding:60px 0 90px}
.hk-normal-page h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,64px);margin:0 0 30px}

.hk-site-footer{border-top:1px solid var(--hk-line);background:#fff}
.hk-footer-grid{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:55px;padding:48px 0 40px}
.hk-footer-brand img,.hk-footer-brand .custom-logo{display:block;width:165px;max-height:66px;object-fit:contain;margin-bottom:16px}
.hk-footer-brand p{margin:0;max-width:380px;color:var(--hk-muted);font-size:13px;line-height:1.65}
.hk-footer-col h4{margin:0 0 15px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--hk-blue)}
.hk-footer-col a{display:block;width:max-content;max-width:100%;margin:0 0 11px;text-decoration:none;color:var(--hk-ink2);font-size:13px}
.hk-footer-col a:hover{text-decoration:underline}
.hk-footer-bottom{border-top:1px solid var(--hk-line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--hk-muted);font-size:11px}

/* Keep plugin pages full width; prevent another WordPress wrapper from squeezing them */
body .hkdc-site,body .hkdc-shell{width:100%;max-width:none;margin:0}
body .hkdc-wrap{width:min(1180px,92%);max-width:none;margin-left:auto;margin-right:auto}
.wp-site-blocks,.site,.site-content,.content-area,.site-main,.entry-content,.wp-block-post-content,.is-layout-constrained,.is-layout-flow{max-width:none!important;width:100%;margin-left:0;margin-right:0}
.entry-content>.hkdc-site,.wp-block-post-content>.hkdc-site{margin-left:0!important;margin-right:0!important}
.entry-title,.wp-block-post-title{display:none!important}

@media(max-width:782px){
  body.admin-bar .hk-site-header{top:46px}
}
@media(max-width:950px){
  .hk-menu{
    display:none;position:absolute;top:82px;left:4%;right:4%;padding:18px;
    background:var(--hk-paper);border:1px solid var(--hk-line);flex-direction:column;align-items:flex-start
  }
  .hk-menu.open{display:flex}
  .hk-menu-toggle{display:block}
  .hk-header-search{width:100%;height:42px}
  .hk-header-search input{width:100%;flex:1}
  .hk-offer-segment{min-height:42px;gap:18px;padding-right:44px;font-size:11px}
  .hk-offer-track{animation-duration:14s}
  .hk-footer-grid{grid-template-columns:1fr;gap:30px}
}