/* ---------- HEADER ---------- */
/* Keep colors; improve spacing and avoid "links glued together" */
.header .menu, .site-header .menu, nav .menu{ display:flex; flex-wrap:wrap; gap:8px }
.header .menu > li > a, .site-header .menu > li > a{ display:inline-flex; align-items:center; padding:8px 12px; border-radius:10px }
/* Icon-only menu label hidden on mobile */
@media (max-width: 920px){
  .menu-toggle .label{ display:none !important; }
  /* Hide header search on mobile to avoid overflow; can still search in drawer */
  .header .search-form, .site-header .search-form{ display:none }
}

/* Mobile drawer: apply to existing main nav as drawer without theme edits */
@media (max-width: 920px){
  .kcp-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:.2s; z-index:1000 }
  body.menu-open .kcp-overlay{ opacity:1; visibility:visible }
  .kcp-drawer{ position:fixed; top:0; left:0; width:86%; max-width:360px; height:100%; background:#fff; border-right:1px solid #e5e9f2; transform:translateX(-100%); transition:transform .25s; z-index:1001; overflow:auto; padding:14px }
  body.menu-open .kcp-drawer{ transform:translateX(0) }
  .kcp-drawer .menu{ list-style:none; margin:0; padding:0 }
  .kcp-drawer .menu li a{ display:block; padding:12px 6px; border-bottom:1px solid #eef2f7 }
}

/* ---------- FOOTER ---------- */
/* Keep existing colors; arrange items neatly */
.footer .inner, .site-footer .inner{ display:block }
.footer .menu, .site-footer .menu{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none }
@media (max-width: 920px){
  .footer .menu, .site-footer .menu{ grid-template-columns:1fr 1fr; gap:12px }
}
.footer .menu li a, .site-footer .menu li a{ display:inline-block; padding:4px 0; line-height:1.65 }
/* Footer note separator & mobile breathing room */
.footer .note, .site-footer .site-info{ border-top:1px solid rgba(255,255,255,.18); margin-top:12px; padding-top:10px; font-size:14px }
@media (max-width:560px){
  .footer .inner, .site-footer .inner, .site-footer{ padding-left:18px; padding-right:18px }
}
/* Hide footer logo if present to reduce clutter (color scheme intact) */
.footer img.custom-logo, .site-footer img.custom-logo{ display:none }

/* ---------- RESPONSIVE VIDEO ---------- */
.video-wrap{ position:relative; padding-top:56.25%; margin:16px 0; border-radius:12px; overflow:hidden; border:1px solid #e3e8f0; background:#000 }
.video-wrap iframe{ position:absolute; inset:0; width:100%; height:100% }