/* ================================================
   TOTAL_FOOD1 - 오늘의 식단 카드
   모든 값 CSS 변수 → 실시간 반영 가능
   ================================================ */

.TOTAL_FOOD1 {
  width: 100%;
  float: left;
}

.TOTAL_FOOD1 .food1_card {
  width: 100%;
  float: left;
  text-align: center;
  box-sizing: border-box;
}

/* 아이콘 */
.TOTAL_FOOD1 .food1_icon {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: clamp(12px, calc(0.78vw + 9.5px), 20px);
}

.TOTAL_FOOD1 .food1_icon img {
  width: var(--food1-icon-size, clamp(100px, calc(3.91vw + 87.5px), 150px));
  height: auto;
  max-height: 130px;
  object-fit: contain;
}

/* 타이틀 */
.TOTAL_FOOD1 .food1_title {
  font-size: var(--food1-title-size, clamp(20px, calc(0.78vw + 17.5px), 30px));
  font-weight: var(--food1-title-weight, 800);
  color: var(--food1-title-color, #fff);
  letter-spacing: -1px;
  margin-bottom: var(--food1-title-mb, clamp(4px, calc(0.31vw + 3px), 8px));
}

/* 날짜 */
.TOTAL_FOOD1 .food1_date {
  font-size: var(--food1-date-size, clamp(18px, calc(0.63vw + 16px), 26px));
  font-weight: var(--food1-date-weight, 700);
  color: var(--food1-date-color, #fff);
  letter-spacing: -0.5px;
  margin-bottom: var(--food1-date-mb, clamp(14px, calc(0.78vw + 11.5px), 22px));
}

/* 칼로리 박스 */
.TOTAL_FOOD1 .food1_calorie_box {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  border-radius: var(--food1-cal-box-radius, 100px);
  padding: clamp(8px, calc(0.47vw + 6.5px), 14px) clamp(18px, calc(0.94vw + 15px), 30px);
  margin-bottom: var(--food1-cal-box-mb, clamp(14px, calc(0.78vw + 11.5px), 22px));
}

.TOTAL_FOOD1 .food1_calorie_label {
  font-size: var(--food1-cal-size, clamp(14px, calc(0.31vw + 13px), 18px));
  font-weight: 600;
  color: #333;
}

.TOTAL_FOOD1 .food1_calorie_value {
  font-size: var(--food1-cal-size, clamp(14px, calc(0.31vw + 13px), 18px));
  font-weight: var(--food1-cal-weight, 800);
  color: #111;
}

/* 메뉴 목록 */
.TOTAL_FOOD1 .food1_menu {
  font-size: var(--food1-menu-size, clamp(13px, calc(0.31vw + 12px), 17px));
  font-weight: var(--food1-menu-weight, 400);
  color: var(--food1-menu-color, rgba(255, 255, 255, 0.9));
  line-height: 1.7;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

/* 빈 상태 */
.TOTAL_FOOD1 .food1_empty {
  font-size: clamp(14px, calc(0.31vw + 13px), 18px);
  color: rgba(255, 255, 255, 0.7);
  padding: 20px 0;
}

/* 웹접근성: 포커스 */
.TOTAL_FOOD1 a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ================================================
   모바일
   ================================================ */
@media only all and (max-width: 767px) {
  .TOTAL_FOOD1 .food1_icon img {
    max-height: 100px;
  }
}