/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* 專屬於 mohoo-flavor-toggle 模塊，避免影響其他區塊 */
.mohoo-flavor-toggle {
  font-family: Arial, sans-serif;
  margin: 20px 0;
  border: 2px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.toggle-input {
  display: none;
}

.toggle-label {
  display: block;
  padding: 12px 16px;
  font-weight: bold;
  background: #f4f4f4;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  user-select: none;
}

.toggle-content {
  display: none;
  padding: 10px;
}

.toggle-input:checked + .toggle-label + .toggle-content {
  display: block;
}

.mohoo-flavor-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.mohoo-flavor-table th,
.mohoo-flavor-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.mohoo-flavor-table th {
  background: #fafafa;
}

.flavor-thumb {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
}

/* 調整星星顯示 */
.mohoo-stars {
  display: inline-block;
  font-size: 0;
  position: relative;
  width: 80px;
  height: 16px;
  background: transparent;
  border-radius: 4px;
  overflow: hidden;
}

.mohoo-stars::before {
  content: '★★★★★';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 16px;
  color: #ffb400; /* 金黃色 */
  white-space: nowrap;
  overflow: hidden;
}

.mohoo-stars.stars-0::before { width: 0%; }
.mohoo-stars.stars-1::before { width: 20%; }
.mohoo-stars.stars-2::before { width: 40%; }
.mohoo-stars.stars-3::before { width: 60%; }
.mohoo-stars.stars-4::before { width: 80%; }
.mohoo-stars.stars-5::before { width: 100%; }

/* RWD: 手機端優化 */
@media (max-width: 768px) {
  .mohoo-flavor-table th, .mohoo-flavor-table td {
    padding: 6px;
  }
  .flavor-thumb {
    width: 32px;
    height: 32px;
  }
  .mohoo-stars {
    width: 60px;
    height: 14px;
  }
  .mohoo-stars::before {
    font-size: 14px;
    line-height: 14px;
  }
}