/* Typhoon Qty Buttons */
.tqb-wrap {
    margin: 20px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.tqb-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #003B32;
}

.tqb-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.tqb-btn {
    min-width: 55px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    background: #F5F5F5;
    color: #003B32;
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.tqb-btn:hover {
    background: #00826E;
    color: #FFFFFF;
    transform: translateY(-1px);
}

.tqb-btn.tqb-active {
    background: #00826E;
    color: #FFFFFF;
}

.tqb-btn.tqb-bulk {
    background: #E4FFFA;
    border: 2px dashed #00826E;
    color: #003B32;
}

.tqb-btn.tqb-bulk:hover,
.tqb-btn.tqb-bulk.tqb-active {
    background: #00826E;
    color: #FFFFFF;
    border-style: solid;
}

.tqb-hidden-qty {
    display: none !important;
}

.tqb-total {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid #eee;
}

.tqb-total-label {
    font-size: 14px;
    color: #666;
}

.tqb-total-price {
    font-size: 18px;
    font-weight: 700;
    color: #00826E;
}

/* Bulk message - Typhoon brand colours */
.tqb-bulk-msg {
    background: #E4FFFA;
    border: 2px solid #00826E;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
    text-align: center;
}

.tqb-bulk-msg p {
    margin: 0 0 15px;
    color: #003B32;
    font-size: 14px;
    font-weight: 500;
}

.tqb-bulk-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    background: #00826E !important;
    color: #FFFFFF !important;
}

.tqb-bulk-btn:hover {
    background: #006B5A !important;
    color: #FFFFFF !important;
    text-decoration: none;
}

/* Hide WooCommerce default quantity input */
.tqb-wrap ~ .quantity,
form.cart .quantity:not(.tqb-wrap),
.single-product form.cart .quantity,
.woocommerce div.product form.cart .quantity,
form.cart .e-atc-qty-button-holder .quantity {
    display: none !important;
}

/* Hide WooCommerce variation price display */
form.cart .woocommerce-variation-price {
    display: none !important;
}

/* Hide standalone qty input */
.single-product form.cart input[type="number"].qty:not(.tqb-hidden-qty) {
    display: none !important;
}

@media (max-width: 480px) {
    .tqb-btn {
        min-width: 45px;
        padding: 8px 12px;
        font-size: 13px;
    }
}