/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 13:00:39 */
/* ============================= */
/* BẮT ĐẦU CỤM SỐ LƯỢNG WOOCOMMERCE - BO TRÒN 10PX, CHỮ XANH + HOVER */
/* ============================= */
.woocommerce div.product form.cart .quantity {
    display: inline-flex;
    align-items: center;
    border: 2px solid #5fac3c; /* viền xanh */
    border-radius: 10px; /* bo tròn mềm mại */
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover cho toàn cụm */
.woocommerce div.product form.cart .quantity:hover {
    border-color: #00aa6f; /* viền sáng hơn khi hover */
    box-shadow: 0 2px 6px rgba(0, 136, 79, 0.25); /* bóng nhẹ */
}

/* Input số lượng */
.woocommerce div.product form.cart .quantity input.qty {
    border: none; 
    background-color: transparent; 
    width: 60px;
    text-align: center;
    padding: 6px 10px;
    outline: none;
    font-weight: bold;
    font-size: 14px;
    color: #5fac3c;
    transition: color 0.3s ease;
}

/* Nút + / - */
.woocommerce div.product form.cart .quantity .minus,
.woocommerce div.product form.cart .quantity .plus {
    border: none;
    padding: 0px 12px;
    cursor: pointer;
    font-size: 16px;
    background-color: transparent; 
    color: #5fac3c; 
    transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover cho nút + / - */
.woocommerce div.product form.cart .quantity .minus:hover,
.woocommerce div.product form.cart .quantity .plus:hover {
    color: #00aa6f; /* xanh sáng hơn */
    transform: scale(1.1); /* phóng to nhẹ */
}
/* ============================= */
/* KẾT THÚC CỤM SỐ LƯỢNG WOOCOMMERCE - BO TRÒN 10PX, CHỮ XANH + HOVER */
/* ============================= */