/* ==================================================
   OOXOO Weather – spacing only (rollback-safe)
   ================================================== */

:root{
  --wx-gap: 28px; /* 여기 값 하나로 페이지 전체 간격 통일 */
}

/* 날씨 페이지에서만 쓰는 스택 */
.wx-stack{
  display:block;
}

/* 큰 블록 기본 마진 제거 */
.wx-stack .wx-section{
  margin:0 !important;
}

/* 큰 블록들 사이 간격을 하나로 통일 */
.wx-stack .wx-section + .wx-section{
  margin-top: var(--wx-gap) !important;
}

/* (안전) 카드 자체가 갖고 있는 외부 여백 제거 */
.wx-stack .wx-section.card{
  margin:0 !important;
}
/* ====== 일출·일몰 진행바: 해 마커 업그레이드 ====== */

/* 선(트랙) 두께 + 밝게 */
.sun-track{
  height: 8px;
  border-radius: 999px;
  overflow: visible; /* 마커가 밖으로 커져도 안 잘리게 */
  background: linear-gradient(90deg, #FFE9B3, #FFD38A);
}

/* 채움(필) 색상 */
.sun-fill{
  height: 100%;
  border-radius: inherit;
  position: relative;
  background: linear-gradient(90deg, #FFC94A, #FFB04A);
}

/* 해 마커(채움 끝에 크게 표시) */
.sun-fill::after{
  content: "☀";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%); /* 선 밖으로 반만 튀어나오게 */
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(255, 193, 74, 0.75);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;  /* 해 이모지 크기 */
  line-height: 1;
}