/* views_fortune_zodiac ONLY */
.zodiac-action-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:0px;
}

.zodiac-action-btn{
  appearance:none;
  border:0;
  border-radius:999px;

  padding:10px 18px;
  min-height:38px;

  font-size:13px;
  font-weight:800;
  letter-spacing:-0.01em;

  cursor:pointer;
  white-space:nowrap;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#0f172a;
  color:#ffffff;
  box-shadow:0 6px 16px rgba(15,23,42,.25);

  transition:transform .15s ease, box-shadow .15s ease;
}

.zodiac-action-btn:active{
  transform:scale(0.96);
}

/* 저장 완료 상태 (나중에 사용) */
.zodiac-action-btn.is-saved{
  background:#16a34a;
  box-shadow:0 6px 16px rgba(22,163,74,.25);
}




/* 띠별 바로가기 */
.zodiac-scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.zodiac-item {
  flex: 0 0 calc(16.666% - 8px);   /* 🔥 한 줄 6개 */
  max-width: calc(16.666% - 8px);
  text-align: center;
  padding: 8px 4px;
  border-radius: 12px;
  background: #f1f5f9;
  text-decoration: none;
  color: #334155;
  font-size: 11px;
}

.zodiac-emoji {
  display: block;
  font-size: 20px;   /* 🔽 작게 */
  margin-bottom: 2px;
}

.zodiac-name {
  font-weight: 600;
  line-height: 1.2;
}

.zodiac-item.active {
  background: #6366f1;
  color: #fff;
}

@media (max-width: 360px) {
  .zodiac-item {
    font-size: 10px;
    padding: 6px 2px;
  }

  .zodiac-emoji {
    font-size: 18px;
  }
}





/* 어제 오늘 내일 운세 이동 */
.when-tabs{
  display:flex;
  gap:10px;
  margin:6px 0 18px;
}

.when-tab{
  flex:1;
  text-align:center;
  padding:12px 10px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  background:#fff;
  font-weight:800;
  color:#334155;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.when-tab:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(15, 23, 42, .08);
  border-color:#cbd5e1;
  background:#f8fafc;
}

.when-tab.active{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
  box-shadow:0 10px 24px rgba(15, 23, 42, .18);
}