/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 12:47:44 */
/* === Bắt đầu Nổi bật phần chọn biến thể (Dropdown / Swatches) === */
/* --- Tên biến thể nổi bật --- */
.variations_form .variations label {
    color: #f44f53;       /* màu đỏ nổi bật cho tên biến thể */
    font-weight: bold;
    font-size: 16px;
}

/* --- Các dropdown / swatch --- */
.variations_form .variations select,
.variations_form .variations .swatch {
    border: 1px solid #ddd;    /* giữ viền nhạt */
    border-radius: 6px;
    padding: 5px 8px;
    color: #f44f53;            /* chữ trong dropdown / swatch */
    font-weight: 500;
}

/* --- Hover hiệu ứng nhẹ --- */
.variations_form .variations select:hover,
.variations_form .variations .swatch:hover {
    border-color: #f44f53;     /* viền khi hover */
}

/* --- Chữ "xóa" hiển thị khi đã chọn biến thể --- */
.variations_form .reset_variations {
    color: #f44f53;            /* màu chữ xóa */
    font-weight: bold;
    text-decoration: underline; /* gợi nhấn vào */
    margin-left: 8px;
    cursor: pointer;
}

/* Responsive: thu nhỏ trên mobile */
@media (max-width: 768px) {
    .variations_form .variations label {
        font-size: 14px;
    }
    .variations_form .variations select,
    .variations_form .variations .swatch {
        font-size: 14px;
    }
}
/* === Kết thúc Nổi bật phần chọn biến thể (Dropdown / Swatches) === */