/* =========================================================================
   화사한봄날 — nav.css
   모든 페이지가 함께 쓰는 공통 상단 메뉴.
   전용 이름공간(.bs-nav)을 써서 각 페이지에 남아 있는 옛 메뉴 CSS와 충돌하지
   않는다. (옛 인라인 메뉴 CSS는 매칭되는 요소가 없어 자동으로 죽은 코드가 됨)
   ========================================================================= */

.bs-nav{
  position:fixed; top:0; left:0; right:0; z-index:200;
  /* 아래 4줄은 각 페이지에 남아 있는 옛 'nav {}' 요소 선택자가 새어들지
     못하게 하는 방어용 리셋 (클래스 선택자가 우선순위가 높아 항상 이긴다) */
  display:block; width:100%; max-width:none; margin:0; padding:0;
  background:rgba(249,245,239,0.92);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(196,160,122,0.18);
  font-family:'DM Sans','Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.bs-nav *{box-sizing:border-box;}
.bs-nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 52px;
}
.bs-nav-logo{
  font-family:'Cormorant Garamond','Noto Serif KR',serif;
  font-size:20px; font-weight:400; letter-spacing:0.04em;
  color:#6B5040; line-height:1.2; text-decoration:none;
}
.bs-nav-logo span{
  display:block;
  font-family:'DM Sans','Pretendard',sans-serif;
  font-size:10px; letter-spacing:0.16em; color:#C4A07A; margin-top:1px;
}
.bs-nav-menu{display:flex; align-items:center; gap:24px; margin-left:auto;}
.bs-nav-menu a{
  font-size:13px; color:#6B5040; text-decoration:none;
  opacity:0.65; transition:opacity 0.2s;
}
.bs-nav-menu a:hover{opacity:1;}
.bs-nav-menu a.active{color:#C97B6E; opacity:1; font-weight:600;}

/* 언어 토글 (한국어·영어 두 버전이 있는 페이지에만 들어간다)
   메뉴 오른쪽 끝에 붙고, 모바일에서는 햄버거 옆에 항상 보인다 */
.bs-nav-lang{
  display:inline-flex; align-items:center;
  margin-left:24px; padding:5px 12px;
  font-size:12px; letter-spacing:0.04em; color:#6B5040; text-decoration:none;
  border:1px solid rgba(196,160,122,0.45); border-radius:20px;
  white-space:nowrap; transition:color 0.2s, border-color 0.2s;
}
.bs-nav-lang:hover{border-color:#C97B6E; color:#C97B6E;}

/* 햄버거 버튼 (데스크톱 숨김) */
.bs-nav-toggle{
  display:none; background:none; border:none; cursor:pointer;
  padding:8px; z-index:1001;
}
.bs-nav-toggle span{
  display:block; width:22px; height:2px; background:#27201C;
  margin:5px 0; transition:0.3s;
}

/* 모바일 (≤900px): 링크 숨기고 햄버거 → 아래로 2열 그리드 메뉴가 펼쳐진다 */
@media (max-width:900px){
  .bs-nav-inner{padding:14px 24px;}
  .bs-nav-menu{
    display:none;
    position:absolute; top:100%; left:0; right:0;
    background:#F9F5EF;
    border-bottom:1px solid rgba(196,160,122,0.2);
    box-shadow:0 10px 24px rgba(107,80,64,0.10);
    grid-template-columns:1fr 1fr; gap:8px; padding:14px;
    margin-left:0;
    z-index:1000;
  }
  .bs-nav-menu.open{display:grid;}
  /* 언어 토글은 햄버거 왼쪽에 항상 보이게 */
  .bs-nav-lang{order:2; margin-left:auto; margin-right:10px;}
  .bs-nav-toggle{order:3;}
  .bs-nav-menu a{
    text-align:center; padding:16px 10px; opacity:1;
    border:1px solid rgba(196,160,122,0.28); border-radius:12px;
    background:#fff; color:#6B5040; font-size:14px;
  }
  .bs-nav-menu a.active{border-color:#C97B6E; color:#C97B6E; background:#fff;}
  .bs-nav-toggle{display:block;}
}