/* ==========================================================================
   Hanamori — child theme CSS (header/menu/logo, mobile hamburger, base font)
   Colors: navy #2E4A57 · brown #8A6A4F · sage #8B9A7C · ink #2B2822
   ========================================================================== */

:root{
  --hana-navy:#2E4A57; --hana-brown:#8A6A4F; --hana-sage:#8B9A7C;
  --hana-ink:#2B2822; --hana-muted:#7A7469; --hana-cream:#F4EFE4;
  --hana-page:#E7E0D2; --hana-shop:#EDE6D8;
}

/* Low-specificity base font so non-Elementor markup matches (Elementor globals still win) */
body,button,input,select,textarea{
  font-family:"Kanit",sans-serif;
}
html,body{max-width:100%;overflow-x:hidden;}

/* --------------------------------------------------------------------------
   HEADER — masthead shell (HFE injects into #masthead)
   -------------------------------------------------------------------------- */
#masthead{background:#F4EFE4;}

/* Logo */
.site-logo img{height:46px;width:auto;display:block;}
.site-logo--text{
  font-family:"Shippori Mincho",serif;font-size:26px;letter-spacing:5px;
  color:var(--hana-navy);font-weight:500;text-decoration:none;line-height:1;
}
.site-logo--text .dot{color:var(--hana-brown);}
.site-logo--footer.site-logo--text{color:var(--hana-cream);}
.site-logo--footer img{height:40px;}

/* --------------------------------------------------------------------------
   MENU — real WP menu rendered by shortcode
   -------------------------------------------------------------------------- */
/* .hana-menu IS the <ul> (wp_nav_menu menu_class) */
.hdr-menu-wrap nav{margin:0;}
ul.hana-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:34px;}
.hana-menu li{margin:0;list-style:none;}
.hana-menu a{
  text-decoration:none;color:#4A463F;font-family:"Kanit",sans-serif;
  font-size:16px;letter-spacing:.4px;transition:color .18s ease;
}
.hana-menu--main a:hover,.hana-menu--main .current-menu-item>a{color:var(--hana-navy);font-weight:600;}

/* Footer menu = vertical */
ul.hana-menu--footer{flex-direction:column;align-items:flex-start;gap:12px;}
.hana-menu--footer a{color:#C9B7A0;font-size:14px;}
.hana-menu--footer a:hover{color:#F6F0E2;}

/* --------------------------------------------------------------------------
   MOBILE HAMBURGER + DROPDOWN
   -------------------------------------------------------------------------- */
/* hide the whole burger widget on desktop so it doesn't take the far-right flex slot */
.burger-wrap{display:none;}
.site-burger{
  display:flex;width:44px;height:44px;padding:0;flex-direction:column;
  justify-content:center;align-items:center;gap:5px;cursor:pointer;
}
.site-burger,.site-burger:hover,.site-burger:focus,.site-burger:active,.site-burger:focus-visible{
  background:transparent!important;border:0!important;outline:none!important;
  box-shadow:none!important;-webkit-appearance:none;appearance:none;
}
.site-burger span{display:block;width:24px;height:2px;background:var(--hana-navy);transition:transform .25s ease,opacity .2s ease;}
.site-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.site-burger.is-open span:nth-child(2){opacity:0;}
.site-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:1024px){
  .burger-wrap{display:block;margin-left:auto;}
  .site-burger{display:flex;}
  /* the menu Shortcode widget in the header collapses into a dropdown */
  .hdr-menu-wrap{
    position:absolute;left:0;right:0;top:100%;z-index:120;
    background:#F4EFE4;box-shadow:0 18px 40px rgba(46,74,87,.14);
    max-height:0;overflow:hidden;transition:max-height .28s ease;
  }
  .hdr-menu-wrap.is-open{max-height:70vh;}
  .hdr-menu-wrap nav{display:block;width:100%;}
  ul.hana-menu--main{flex-direction:column;align-items:stretch;width:100%;gap:0;}
  .hana-menu--main li{width:100%;border-bottom:1px solid rgba(46,74,87,.10);}
  .hana-menu--main a{display:block;padding:16px 28px;font-size:17px;}
}

/* process line-art icons */
.hana-proc-icon{text-align:center;}
.hana-ic{display:inline-block;line-height:0;}
.hana-ic svg{display:inline-block;}

/* small-caps latin labels helper (usable via _css_classes: hana-eyebrow) */
.hana-eyebrow{font-family:"Shippori Mincho",serif!important;}
.hana-script{font-family:"Parisienne",cursive!important;}