/**
 * 사이트 공통 헤더 (Divi 기본 헤더) — 검정 헤더, 시안 v2 NAV 기준
 * 내용(메뉴 항목)은 WordPress 메뉴 설정 그대로, CSS 로만 모양을 바꾼다.
 * Log In / Register / Log Out 항목은 Cosmosfarm Members 가 메뉴 끝에 붙인다(.cosmosfarm-members-*).
 */

/* ---------- 바탕 ---------- */
#main-header,
#main-header.et-fixed-header{
  background-color:#0D1412 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) !important;
}

/* ---------- 로고 + 글자 로고 (시안 v2: 로고 옆 UB ONLINE WORK / REMOTE · FREELANCE) ---------- */
#main-header .logo_container > a{
  display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;column-gap:12px;
  height:100%;text-decoration:none;
}
#main-header #logo{grid-row:1 / 3;grid-column:1;align-self:center;width:54px;height:54px;max-width:none !important;max-height:none !important;object-fit:contain} /* 그리드 안이라 % 대신 px, 정사각형 유지 */
#main-header.et-fixed-header #logo{width:42px;height:42px}
@media (max-width:980px){#main-header #logo{width:46px;height:46px}}
#main-header .logo_container > a::after{
  content:"UB ONLINE WORK";grid-row:1;grid-column:2;align-self:end;
  font-family:'Unbounded','Manrope',sans-serif;font-size:15px;font-weight:700;line-height:1;letter-spacing:.02em;color:#fff;
}
#main-header .logo_container > a::before{
  content:"REMOTE · FREELANCE";grid-row:2;grid-column:2;align-self:start;margin-top:6px;
  font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:.28em;color:#1FD1A5;
}
@media (max-width:420px){
  #main-header .logo_container > a::after{font-size:12px}
  #main-header .logo_container > a::before{font-size:9px;letter-spacing:.2em}
}

/* ---------- 메뉴 ---------- */
#main-header #top-menu > li{padding-right:26px}
#main-header #top-menu > li:last-child{padding-right:0}
#main-header #top-menu a{
  font-family:'Manrope','Pretendard',system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;
  color:rgba(255,255,255,.72) !important;opacity:1 !important;transition:color .2s;
}
#main-header #top-menu a:hover{color:#fff !important}
/* 현재 페이지: 흰 글자 + 라임 점 */
#main-header #top-menu > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item) > a{color:#fff !important}
#main-header #top-menu > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item) > a::before{
  content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#D9FF3F;
}
#main-header #top-menu > li.menu-item-has-children:is(.current-menu-item,.current-menu-ancestor) > a::before{left:calc(50% - 10px)}
/* 드롭다운 화살표 색 */
#main-header #top-menu .menu-item-has-children > a:first-child::after{color:rgba(255,255,255,.5)}

/* ---------- Log In(글자) / Register(라임 알약) / Log Out ---------- */
#main-header #top-menu li.cosmosfarm-members-register > a,
#main-header #top-menu li.cosmosfarm-members-register.current-menu-item > a{
  display:inline-flex;align-items:center;gap:6px;margin-top:-10px;margin-bottom:-10px;padding:10px 18px !important;
  border-radius:999px;background:#D9FF3F;color:#0D1412 !important;font-weight:800;
}
#main-header #top-menu li.cosmosfarm-members-register > a::before{display:none}
#main-header #top-menu li.cosmosfarm-members-register > a:hover{box-shadow:0 10px 26px rgba(217,255,63,.3)}
#main-header #top-menu li.cosmosfarm-members-logout > a{color:rgba(255,255,255,.5) !important;font-weight:600}
#main-header #top-menu li.cosmosfarm-members-logout > a:hover{color:#fff !important}

/* ---------- 드롭다운: 검정 카드 ---------- */
#main-header #top-menu li ul.sub-menu{
  padding:10px 0;border:1px solid rgba(255,255,255,.08) !important;border-top:1px solid rgba(255,255,255,.08) !important; /* 사이트 CSS 의 초록 윗선 !important 덮어씀 */
  border-radius:16px;background:#16201D;box-shadow:0 24px 50px rgba(0,0,0,.35);
}
#main-header #top-menu li ul.sub-menu li{padding:0 10px}
#main-header #top-menu li ul.sub-menu a{
  width:220px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.4;color:rgba(255,255,255,.75) !important;
}
#main-header #top-menu li ul.sub-menu a:hover{background:rgba(255,255,255,.06);color:#fff !important;opacity:1}
#main-header #top-menu li ul.sub-menu li.current-menu-item > a{color:#D9FF3F !important;background:rgba(217,255,63,.06)}

/* ---------- 검색 ---------- */
#main-header #et_search_icon:before{color:rgba(255,255,255,.72)}
#main-header #et_search_icon:hover:before{color:#fff}
#main-header .et_search_outer .et-search-form input{color:#fff}
#main-header .et_search_outer .et-search-form input::placeholder{color:rgba(255,255,255,.5)}
#main-header .et_close_search_field:after{color:#fff}

/* ---------- 모바일 메뉴 ---------- */
#main-header .mobile_menu_bar:before{color:#fff !important} /* 사이트 CSS 의 청록 덮어씀 */
#main-header .et_mobile_menu{
  padding:10px 12px 14px;border-top:0 !important;border-radius:0 0 18px 18px;background:#16201D !important;
  box-shadow:0 24px 50px rgba(0,0,0,.35);
}
#main-header .et_mobile_menu li a{
  padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);
  font-family:'Manrope','Pretendard',sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.8) !important;
}
#main-header .et_mobile_menu li a:hover{background:rgba(255,255,255,.05);opacity:1}
#main-header .et_mobile_menu li li a{font-size:14px;font-weight:600;color:rgba(255,255,255,.65) !important}
#main-header .et_mobile_menu li.current-menu-item > a{color:#D9FF3F !important}
#main-header .et_mobile_menu li.cosmosfarm-members-register > a{
  margin-top:10px;border:0;border-radius:999px;background:#D9FF3F;color:#0D1412 !important;text-align:center;font-weight:800;
}