/* ===== MN Nav (66160 LIGHT variant) : white sub-menu panels + camel accent (oak wood) ===== */
.mnnav-root { flex: 1; display: flex; justify-content: flex-end; align-items: center; }

/* desktop nav — top GNB stays light text over dark header (sync via JS) */
.mnnav-desktop { position: relative; display: flex; align-items: center; }
.mnnav-gnb { display: flex; gap: 60px; list-style: none; padding: 0; margin: 0; align-items: center; }
.mnnav-gnb > li { position: relative; }
.mnnav-gnb > li > a { text-decoration: none; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 15px; padding: 40px 14px; display: block; transition: color .2s; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.6); }
.mnnav-gnb > li > a:hover { color: #B08968 !important; }

/* mega panel : WHITE bg, dark text, lime hover */
.mnnav-mega { position: fixed; left: 0; right: 0; top: 100px; background: rgba(255,255,255,.97); display: none; padding: 10px 24px 40px 24px; z-index: 500; gap: 60px; box-shadow: 0 8px 24px rgba(0,0,0,.12); justify-content: flex-start; }
.mnnav-desktop:hover .mnnav-mega { display: flex; }
.mnnav-col { min-width: 80px; padding: 0 14px; box-sizing: border-box; }
.mnnav-col ul { list-style: none; padding: 0; margin: 0; }
.mnnav-col li { line-height: 2.4; }
.mnnav-col li a { color: #1A1A1A; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; white-space: nowrap; transition: color .2s; }
.mnnav-col li a:hover { color: #B08968; }

/* hamburger toggle — white bars over dark header */
.mnnav-toggle { display: none; background: none; border: 0; padding: 12px; cursor: pointer; flex-direction: column; gap: 5px; -webkit-tap-highlight-color: transparent; outline: none; }
.mnnav-toggle:focus, .mnnav-toggle:hover, .mnnav-toggle:active { background: none !important; outline: none !important; }
.mnnav-toggle span { display: block; width: 24px; height: 2px; background: #F5F5F5; transition: transform .3s, opacity .3s; }
.mnnav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mnnav-toggle.open span:nth-child(2) { opacity: 0; }
.mnnav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* mobile drawer : WHITE bg, dark text, camel accent (oak wood) */
.mnnav-drawer { display: none; position: fixed; top: 100px; left: 0; right: 0; bottom: 0; background: #FFFFFF; padding: 24px; z-index: 499; overflow-y: auto; }
.mnnav-drawer.open { display: block; }
.mnnav-drawer details { border-bottom: 1px solid #E5E5E5; padding: 8px 0; }
.mnnav-drawer summary { color: #1A1A1A; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 16px; padding: 12px 0; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.mnnav-drawer summary::-webkit-details-marker { display: none; }
.mnnav-drawer summary::after { content: '+'; color: #B08968; font-size: 20px; }
.mnnav-drawer details[open] summary::after { content: '\2212'; }
.mnnav-drawer ul { list-style: none; padding: 0 0 8px 16px; margin: 0; }
.mnnav-drawer ul li a { color: #525252; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; line-height: 2.4; text-decoration: none; display: block; }
.mnnav-drawer ul li a:hover { color: #B08968; }
.mnnav-drawer-top { color: #1A1A1A; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 16px; padding: 12px 0; text-decoration: none; display: block; border-bottom: 1px solid #E5E5E5; }

@media (max-width: 1024px) {
  .mnnav-desktop { display: none; }
  .mnnav-toggle { display: inline-flex; }
  /* header bar layout fix: keep logo + hamburger on one row, hamburger right */
  .elementor-element-e26e93d > .e-con-inner { flex-wrap: nowrap !important; }
  .elementor-element-6fb235c { flex: 0 1 auto !important; max-width: 62% !important; }
  .elementor-widget-shortcode { flex: 0 0 auto !important; }
  .mnnav-root { width: auto !important; flex: 0 0 auto !important; }
}

/* ===== 쇼핑하기 CTA button (mnnav-shop) — oak camel ===== */
.mnnav-gnb > li.mnnav-shop > a {
  background: #B08968; color: #0A0A0A !important;
  padding: 11px 26px; border-radius: 30px;
  font-size: 14px; line-height: 1; text-shadow: none;
  transition: background .2s, box-shadow .2s, color .2s;
}
.mnnav-gnb > li.mnnav-shop > a:hover {
  background: #C5A485; color: #0A0A0A !important;
  box-shadow: 0 4px 14px rgba(176,137,104,.45);
}
.mnnav-drawer-top.mnnav-shop {
  background: #B08968; color: #0A0A0A; text-align: center;
  border-radius: 30px; padding: 14px 0; margin-top: 18px; border-bottom: 0;
}
.mnnav-drawer-top.mnnav-shop:hover { background: #C5A485; color: #0A0A0A; }