/* 가격안내 카드 기본 */
.price-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:24px;
  transition:all .2s ease;
  cursor:pointer;
}
.price-card:hover{
  border-color:rgba(255,233,122,0.5);
  transform:translateY(-2px);
}

/* 선택된 카드 */
.price-card.selected{
  border:2px solid #FFE97A;
  background:rgba(255,233,122,0.06);
}

/* 카드 제목/설명 간격 보정 */
.price-card h2,
.price-card h3,
.price-card h4{
  margin:0 0 10px 0;
}
.price-card p{
  margin:0 0 10px 0;
  color:rgba(255,255,255,0.75);
}

/* 가격 표시 */
.price-card .price-value{
  margin-top:14px;
  font-size:20px;
  font-weight:700;
  color:#9fe7ff;
}

/* 최종금액 강조용 (나중에 쓸 클래스) */
.total-price{
  font-size:28px;
  font-weight:800;
}
/* 선택한 서비스(요약) 박스 리디자인 */
.price-summary{
  max-width: 980px;        /* 너무 커지는 거 방지 */
  margin: 48px auto 0;     /* 가운데 정렬 + 위 여백 */
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px !important; /* 모서리 둥글게 강제 */
  padding: 28px 28px 22px;
  overflow: hidden;        /* 내부 요소가 모서리 튀어나오는 거 방지 */
}

/* 요약 박스 안 텍스트 톤 */
.price-summary h1,
.price-summary h2,
.price-summary h3,
.price-summary h4{
  margin: 0 0 14px 0;
}

.price-summary p{
  margin: 0 0 10px 0;
  color: rgba(255,255,255,0.78);
}

/* 선택 목록이 길어져도 박스가 괴물처럼 안 커지게 */
.price-summary .selected-list{
  max-height: 160px;       /* 목록 영역 높이 제한 */
  overflow: auto;
  padding-right: 6px;
  margin-bottom: 16px;
}

/* 최종금액 강조 */
.price-summary .total-price{
  font-size: 30px;
  font-weight: 900;
  margin-top: 6px;
  color: #FFE97A;
}
/* 모바일 전용 간격/텍스트 최적화 */
@media (max-width: 782px) {

  /* 섹션 간 과한 여백 제거 */
  .wp-block-group {
    margin-bottom: 32px !important;
  }

  /* 카드 내부 여백 살짝 축소 */
  .price-card,
  .card-box {
    padding: 20px !important;
  }

  /* 히어로 타이틀 가독성 */
  h1 {
    font-size: 28px;
    line-height: 1.3;
  }

  h2 {
    font-size: 22px;
  }

  /* 버튼 터치 영역 확보 */
  .wp-block-button__link {
    padding: 14px 20px !important;
    font-size: 16px;
  }
}
.home-trust{
  position: relative;
}

.home-trust::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-24px;
  height:24px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.35));
}
/* 상단 메뉴 드롭다운(서브메뉴) 가독성 fix */
.main-navigation ul.sub-menu,
.primary-menu ul.sub-menu,
.nav-menu ul.sub-menu {
  background: #0B0B0B !important;           /* 검은 배경 */
  border: 1px solid rgba(255,255,255,.10) !important;
}

.main-navigation ul.sub-menu a,
.primary-menu ul.sub-menu a,
.nav-menu ul.sub-menu a {
  color: #FFFFFF !important;                /* 흰 글씨 */
}

.main-navigation ul.sub-menu a:hover,
.primary-menu ul.sub-menu a:hover,
.nav-menu ul.sub-menu a:hover {
  background: rgba(255,255,255,.06) !important;
}
/* 드롭다운 모서리/그림자 */
.main-navigation ul.sub-menu,
.primary-menu ul.sub-menu,
.nav-menu ul.sub-menu,
.wp-block-navigation__submenu-container {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  padding: 8px !important;
}
/* =========================
   WORK STATUS - TABLE STYLE
   ========================= */
#work-status.ws-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 16px 70px;
}

#work-status .ws-top{
  text-align: center;
  margin-bottom: 18px;
}

#work-status .ws-headline{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 700;
  color: rgba(255,255,255,.92);
}

#work-status .ws-divider{
  height: 1px;
  background: rgba(255,255,255,.14);
  margin: 18px 0 12px;
}

/* Table header row */
#work-status .ws-row{
  display: grid;
  grid-template-columns: 160px 1fr 120px;
  gap: 12px;
  align-items: center;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#work-status .ws-row-head{
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgba(255,255,255,.9);
  font-weight: 800;
}

#work-status .ws-col-title,
#work-status .ws-col-author{
  text-align: center;
}

/* Filter */
#work-status .ws-filter{
  display: flex;
  align-items: center;
  gap: 10px;
}

#work-status .ws-select{
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.4);
  color: rgba(255,255,255,.92);
  outline: none;
}

/* su_posts output -> row style */
#work-status .ws-list .su-post{
  display: grid;
  grid-template-columns: 160px 1fr 120px;
  gap: 12px;
  align-items: center;
  padding: 14px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Hide thumbnail/excerpt */
#work-status .ws-list .su-post-thumbnail,
#work-status .ws-list .su-post-excerpt{
  display: none !important;
}

/* Title */
#work-status .ws-list .su-post-title{
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}

#work-status .ws-list .su-post-title a{
  color: rgba(255,255,255,.92);
  text-decoration: none !important;
}

#work-status .ws-list .su-post-title a:hover{
  color: #9FE7FF;
}

/* Meta (we'll use category + author) */
#work-status .ws-list .su-post-meta{
  margin: 0;
  font-size: 12px;
}

/* Category badge look */
#work-status .ws-list .su-post-meta a{
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.88);
}

/* working / done badge */
#work-status .ws-list .su-post-meta a[href*="/category/working"]{
  border-color: rgba(159,231,255,.35);
  background: rgba(159,231,255,.10);
  color: #9FE7FF;
}

#work-status .ws-list .su-post-meta a[href*="/category/done"]{
  border-color: rgba(255,233,122,.40);
  background: rgba(255,233,122,.12);
  color: #FFE97A;
}

/* Author column alignment trick:
   default-loop에서 작성자 텍스트가 meta에 섞이면,
   오른쪽 칸 정렬을 위해 meta를 1칸(상태)로 보내고,
   작성자는 오른쪽 칸에만 보이게 “최소 표 스타일”로 맞춤.
   (작성자가 meta에 제대로 안 나오면, 다음 단계에서 템플릿 커스텀로 깔끔하게 확정 가능)
*/
#work-status .ws-list .su-post-meta{
  grid-column: 1 / 2;
}

#work-status .ws-list .su-post-title{
  grid-column: 2 / 3;
}

#work-status .ws-list .su-post-comments{
  display:none !important;
}

/* Floating write button */
#work-status .ws-fab{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: #ff9a00;
  color: #000;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Mobile */
@media (max-width: 860px){
  #work-status .ws-row,
  #work-status .ws-list .su-post{
    grid-template-columns: 110px 1fr 80px;
  }
  #work-status .ws-col-author{
    display: none;
  }
  #work-status .ws-row-head{
    grid-template-columns: 110px 1fr;
  }
}
/* 관리자(로그인)에게만 글쓰기 버튼 노출 */
body:not(.logged-in) #work-status .ws-fab { display: none !important; }
#work-status .ws-fab{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: #ff9a00;
  color: #000;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
#work-status .ws-fab:hover{ transform: translateY(-1px); }