/**
 * HikaShop Quantity Controls - Horizontal Layout
 *
 * File: templates/cassiopeia_sash2025/css/com_hikashop/show_quantity.css
 * Purpose: Style horizontal [−] [quantity] [+] layout with HikaShop 6.1 override
 * Compatible: HikaShop 6.1+ with show_quantity.php override
 *
 * This CSS recreates the original #productQuantityBox styling from frontend_custom.css
 */

/* Main container - CSS Grid layout matching original */
.hikashop_product_quantity_input_div_default_main {
    display: grid;
    grid-template-columns: 50px 150px 50px;
    gap: 0;
}

/* Minus button styling */
.hikashop_product_quantity_change_div_minus_default a {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    text-align: center;
    border-color: var(--grey-1) !important;
    background: var(--grey-3);
    border-right: none !important;
}

/* Input field styling */
.hikashop_product_quantity_input_div_default input.hikashop_product_quantity_field {
    width: 150px;
    max-width: 150px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    text-align: center;
    border-color: var(--grey-1) !important;
    border-left: none !important;
    border-right: none !important;
    background: var(--grey-3);
}

/* Plus button styling */
.hikashop_product_quantity_change_div_plus_default a {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    text-align: center;
    border-color: var(--grey-1) !important;
    background: var(--grey-3);
    border-left: none !important;
}