/* =============================================
   VFT Shop — biến màu dùng chung cho toàn bộ
   giao diện thương mại điện tử.

   Nguồn màu: themes/thuythu/assets/css/frontend.css
     --main-cl: #006AA4   (xanh thương hiệu)
     --sub-cl:  #F27325   (cam nhấn)
   Navy #002453 lấy từ trạng thái hover của .cus_btn.

   Mọi file CSS khác của vft-shop khai báo file này làm
   dependency, không tự đặt mã màu thương hiệu.
   ============================================= */

:root {
    --vft-primary: #006AA4;
    --vft-primary-dark: #002453;
    --vft-primary-hover: #00588a;
    --vft-primary-soft: #E6F2F9;
    --vft-accent: #F27325;
    --vft-accent-dark: #d75f16;

    --vft-danger: #E03131;
    --vft-success: #1B7F3B;

    --vft-text: #1F2937;
    --vft-muted: #6B7280;
    --vft-line: #E2E8F0;
    --vft-bg-soft: #F8FAFC;

    --vft-radius: 10px;
    --vft-radius-sm: 6px;
    --vft-shadow: 0 2px 10px rgba(0, 36, 83, .06);
}

/* Ẩn mũi tên spinner mặc định trên input số lượng đã có nút +- */
.vft-buybox input[type=number]::-webkit-inner-spin-button,
.vft-buybox input[type=number]::-webkit-outer-spin-button,
.woocommerce-cart input[type=number]::-webkit-inner-spin-button,
.woocommerce-cart input[type=number]::-webkit-outer-spin-button,
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    display: none !important;
}

.vft-buybox input[type=number],
.woocommerce-cart input[type=number],
.quantity input[type=number] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}