/*
Theme Name: Hista Kitchen Dense
Description: Original compact mobile-first GeneratePress child theme for Hista Kitchen.
Author: Hista Kitchen
Template: generatepress
Version: 1.0.4
Text Domain: hista-kitchen-dense
License: GPL-2.0-or-later
*/
:root{--hk-theme-ink:#17243a;--hk-theme-muted:#607085;--hk-theme-max:1320px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hk-theme-ink);font-size:15px;line-height:1.6;background:#fff}
.grid-container{max-width:var(--hk-theme-max)}.site-header{background:#fff;border-bottom:1px solid #e5eaf1}.inside-header{max-width:var(--hk-theme-max);padding:14px 22px;min-height:69px}.site-logo img{max-height:46px;width:auto}.main-navigation{background:#fff}.main-navigation .main-nav ul li a{color:var(--hk-theme-ink);font-size:13px;font-weight:640;padding-left:14px;padding-right:14px;line-height:48px}.main-navigation .main-nav ul li:hover>a{color:#215fcb;background:#f3f7fd}.site-footer,.site-info{font-size:12px}.site-info{background:#101e31;color:#fff}.site-info a{color:#fff}.inside-site-info{max-width:var(--hk-theme-max)}.entry-title{font-size:clamp(28px,3vw,40px);line-height:1.25}.entry-content{font-size:15px}.hk28-wrap{font-family:inherit}
@media(min-width:1025px){.site-content{padding-top:15px}.inside-header{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.inside-header{padding:9px 14px}.site-logo img{max-height:39px}body{font-size:15px}}

/* HK-UX-003 · Website-wide design tokens. Parent theme remains update-safe. */
:root {
  --hk-site-ink: #19283a;
  --hk-site-muted: #586a7d;
  --hk-site-line: #e2e8f0;
  --hk-site-blue: #215fcb;
  --hk-site-content: 1320px;
}
body {color:var(--hk-site-ink);font-size:15px;line-height:1.55;letter-spacing:0;background:#fff;overflow-x:clip}
:where(.grid-container,.inside-header,.inside-navigation,.inside-site-info){max-width:var(--hk-site-content)}
.site-header {position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:110;box-shadow:0 1px 2px rgb(20 36 60 / 3%)}
.inside-header{padding-top:11px;padding-bottom:11px;min-height:62px}
.site-logo img{max-height:44px;object-fit:contain}
.main-navigation .main-nav ul li a{font-size:13px;line-height:44px;white-space:nowrap}
.main-navigation .main-nav ul li.current-menu-item>a{color:var(--hk-site-blue);background:#f4f8ff}
.main-navigation .main-nav ul li a:focus-visible,.site-header :is(a,button):focus-visible{outline:2px solid var(--hk-site-blue);outline-offset:2px}
.site-content{min-width:0}
.entry-title{font-size:clamp(27px,2.8vw,38px);line-height:1.22;letter-spacing:-.025em}
.entry-content{font-size:15px;line-height:1.65}
.entry-content :is(h2,h3){line-height:1.28;letter-spacing:-.015em}
.entry-content h2{font-size:clamp(21px,2vw,28px)}
.entry-content h3{font-size:clamp(18px,1.6vw,22px)}
:where(.entry-content,.widget) :is(button,input[type=submit],.button){border-radius:7px}
:where(.entry-content,.widget) :is(input:not([type=checkbox]):not([type=radio]), select, textarea){border-radius:7px;max-width:100%}
.site-footer a:focus-visible{outline:2px solid var(--hk-site-blue);outline-offset:3px}
@media(max-width:1024px){.inside-header{padding-left:17px;padding-right:17px}}
@media(max-width:760px){
  .inside-header{padding:8px 13px;min-height:56px}
  .site-logo img{max-height:38px}
  .site-header{top:var(--wp-admin--admin-bar--height,0px)}
  .entry-title{font-size:clamp(25px,7vw,32px)}
  .entry-content{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* HK-UX-004 · One-row GeneratePress mobile masthead. */
@media(max-width:760px){
 .site-header .inside-header {display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:8px 13px;min-height:62px}
 .site-header .inside-header .site-logo,
 .site-header .inside-header .site-branding {flex:0 0 auto;margin-right:auto;min-width:0}
 .site-header .inside-header .site-logo img {max-height:39px;max-width:min(148px,38vw);width:auto}
 .site-header .inside-header #site-navigation,
 .site-header .inside-header .main-navigation {width:auto;max-width:none;flex:0 0 auto;margin:0 0 0 auto;background:transparent}
 .site-header .inside-header .inside-navigation {display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0}
 .site-header .inside-header .menu-bar-items {display:flex;align-items:center;order:1;flex:0 0 auto}
 .site-header .inside-header .main-navigation .menu-toggle {order:2;min-width:44px;width:44px;height:44px;line-height:44px;padding:0;margin:0;text-align:center}
 .site-header .inside-header .main-navigation .main-nav {order:3}
}

/* HK-UX-006 · Uniform pill hover for every current and future primary menu entry. */
@media(min-width:761px){
 .main-navigation .main-nav > ul {display:flex;align-items:center;gap:6px;}
 .main-navigation .main-nav > ul > li {margin:0;}
 .main-navigation .main-nav > ul > li > a {
   border-radius:8px;
   line-height:44px;
   padding-inline:13px;
   transition:background-color .15s ease,color .15s ease;
 }
 .main-navigation .main-nav > ul > li:hover > a,
 .main-navigation .main-nav > ul > li:focus-within > a,
 .main-navigation .main-nav > ul > li > a:hover {
   background:#f1f5fb!important;
   color:#215fcb!important;
 }
 .main-navigation .main-nav > ul > li.current-menu-item > a,
 .main-navigation .main-nav > ul > li.current-menu-ancestor > a {
   background:#f1f5fb;
   color:#215fcb;
 }
}