/*
 * [GiviaNav] sticky 헤더와 앵커 스크롤 최적화
 * - sticky 헤더 높이만큼 scroll-margin-top을 각 섹션에 적용
 * - 네비게이션 클릭 시 섹션이 헤더에 가려지지 않도록 함
 * - 반드시 헤더 높이와 동일하게 맞출 것!
 */
 /* 에디터에서만 적용 */

/*
.elementor-section[id] {
  scroll-margin-top: 77px;
}
@media (max-width: 767px) {
  .elementor-section[id] {
    scroll-margin-top:10px;
  }
}
*/
/* 헤더 스타일 */
header#masthead, .site-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 0;
}
@media (min-width: 768px) {
  .site-header {height:77px}
}
@media (max-width: 767px) {
  .site-header {height:60px}
}

/* 네비게이션 메뉴 스타일 */
.givia-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
}
.givia-nav ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.givia-nav ul li {
  display: flex;
}
.givia-nav ul li a {
  display: flex;
  align-items: center;
}
#menu-main.menu.nav-menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;
}
#menu-main .menu-item {
  margin: 0;
  padding: 0;
}
#menu-main .menu-item a.menu-item {
  display: flex;
  align-items: center;
  padding: 6px 18px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
#menu-main .menu-item a.menu-item:hover,
#menu-main .menu-item a.menu-item:focus {
  /* 원하는 hover 효과 추가 */
}

/* 모바일 네비게이션 스타일 */
@media (max-width: 767px) {
  .elementor-widget-givia_navigation {
    max-height: 48px !important;
    height: 48px !important;
    background: #fff;
    text-align: center;
    width: 100%;
    border-top: 1px solid #ddd;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-bottom: 0 !important;
  }
  .givia-nav ul {
    flex-wrap: nowrap !important;
  }
  .givia-nav ul a {
    padding: 12px 10px !important;
  }
  .hwidget_right {padding-right:14px}
  .elementor-widget-givia_site_logo {padding-left:14px}
  .btn-to-contact > div {
    align-items: center;
    justify-content: center;
    display: flex;
  }
}