/* ==========================================================================
   HIKASHOP STYLING FOR YOOTHEME PRO (Refined)
   ========================================================================== */

/* --- Base Font (Ensure Montserrat if it's your theme's default) --- */
.hikashop_checkout_cart_div,
#hikashop_checkout_page,
.hikashop_product_page_container /* Hypothetical product page container */ {
    font-family: 'Montserrat', var(--global-font-family, sans-serif);
}


/* --- HIKASHOP TABLES (Cart, Orders, etc.) --- */
.hikashop_checkout_cart table,
#hikashop_order_listing table,
.hikashop_products_table,
#hikashop_cart_product_listing {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--global-large-margin, 30px);
    font-size: var(--table-font-size, var(--global-font-size, 0.9rem));
    background-color: var(--table-background, transparent);
    border: 1px solid var(--table-border, var(--global-border, #e5e5e5));
    border-left: none;
    border-right: none;
}

/* Table Headers */
.hikashop_checkout_cart thead th,
#hikashop_order_listing th,
.hikashop_products_table thead th,
#hikashop_cart_product_listing th {
    padding: var(--table-header-padding-vertical, 12px) var(--table-header-padding-horizontal, 15px);
    text-align: left;
    vertical-align: middle;
    background-color: var(--table-header-background, var(--global-muted-background, #f8f8f8));
    color: var(--table-header-color, var(--global-emphasis-color, #333));
    font-family: 'Montserrat', var(--heading-font-family, sans-serif);
    font-weight: var(--table-header-font-weight, 600);
    font-size: var(--table-header-font-size, 0.875em);
    border-bottom: 2px solid var(--table-border-heavy, var(--global-border, #e5e5e5));
    text-transform: var(--table-header-text-transform, uppercase);
    letter-spacing: 0.03em;
}

/* Table Cells */
.hikashop_checkout_cart td,
#hikashop_order_listing td,
.hikashop_products_table td,
#hikashop_cart_product_listing td {
    padding: var(--table-cell-padding-vertical, 12px) var(--table-cell-padding-horizontal, 15px);
    vertical-align: middle;
    border-bottom: 1px solid var(--table-row-border, var(--global-border, #e5e5e5));
    color: var(--table-body-color, var(--global-color, #666));
}

.hikashop_checkout_cart tbody tr:last-child td,
#hikashop_order_listing tbody tr:last-child td,
.hikashop_products_table tbody tr:last-child td,
#hikashop_cart_product_listing tbody tr:last-child td {
    border-bottom: none;
}

/* Striping */
.hikashop_checkout_cart tr.row0,
#hikashop_order_listing .row0,
.hikashop_products_table tr:nth-of-type(odd),
#hikashop_cart_product_listing tr.row0 {
    background-color: var(--table-striped-background, #f9f9f9);
}
.hikashop_checkout_cart tr.row1,
#hikashop_order_listing .row1,
.hikashop_products_table tr:nth-of-type(even),
#hikashop_cart_product_listing tr.row1 {
    background-color: transparent;
}

/* === HOVER EFFECT CONTROL === */
/* Force NO hover effect for CHECKOUT TABLE rows */
.hikashop_checkout_cart tr:hover td {
    background-color: inherit !important; /* Inherits from tr.row0/row1, effectively no change on hover */
}
/* Retain hover effect for OTHER Hikashop tables (if desired) */
#hikashop_order_listing tr:hover td, /* Target td for consistent override */
.hikashop_products_table tr:hover td,
#hikashop_cart_product_listing tr:hover td {
    background-color: var(--table-hover-background, #f0f0f0) !important; /* Apply hover to other tables */
}


/* Specific text alignments for table headers in Hikashop cart */
.hikashop_checkout_cart table th.hikashop_cart_product_price_title, /* Still target for alignment if column was just blanked */
.hikashop_checkout_cart table th#hikashop_cart_product_total_title { /* Target ID for "Total price" header */
    text-align: right;
}
.hikashop_checkout_cart table th.hikashop_cart_product_quantity_title {
    text-align: center;
}


/* === COLUMN VISIBILITY CONTROL FOR CHECKOUT CART === */
/* 1. Hide 'Unit price' column completely (header AND data cells) */
#hikashop_cart_product_price_title, /* Unit price header */
td.hikashop_cart_product_price_value, /* Unit price data cells */
td[data-title="Unit price"] /* Unit price data cells (alternative selector) */ {
    display: table-cell !important;
    font-size: 0 !important;
}

/* 2. Hide ONLY the TEXT of the 'Total price' header, keep the column space and data cells */
#hikashop_cart_product_total_title {
    font-size: 0 !important; /* Makes text content take no space */
    color: transparent !important; /* Makes text invisible */
    /* The cell itself will still exist and take up space due to padding/borders */
}
/* Ensure the 'Total price' DATA cells for items remain visible */
td.hikashop_cart_product_total_value,
td[data-title="Total price"] {
    display: table-cell !important; /* Ensure data cell is visible */
    text-align: right; /* Align the price data to the right */
}


/* --- ENSURE SUMMARY TOTALS (Subtotal, Shipping, Final Total) REMAIN VISIBLE --- */
th#hikashop_checkout_cart_total2_title,
td#hikashop_checkout_cart_total2_title,
td.hikashop_cart_subtotal_value,
th#hikashop_checkout_cart_shipping_title,
td#hikashop_checkout_cart_shipping_title,
td.hikashop_cart_shipping_value,
th#hikashop_checkout_cart_final_total_title,
td#hikashop_checkout_cart_final_total_title,
td.hikashop_cart_total_value {
    display: table-cell !important;
}
td#hikashop_checkout_cart_total2_title,
td#hikashop_checkout_cart_shipping_title,
td#hikashop_checkout_cart_final_total_title {
    text-align: right;
    font-weight: var(--table-header-font-weight, 600);
    padding-right: var(--global-margin, 20px);
}
td.hikashop_cart_subtotal_value,
td.hikashop_cart_shipping_value,
td.hikashop_cart_total_value {
    text-align: right;
    font-weight: var(--text-bold-font-weight, 700);
}
td.hikashop_cart_total_value { /* Final total value more prominent */
    font-size: 1.1em;
    color: var(--global-primary-background, #1e87f0);
}


/* --- MODERN QUANTITY SELECTOR --- */
td.hikashop_cart_product_quantity_value {
    text-align: center;
    vertical-align: middle;
}
div.hikashop_product_quantity_div {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--input-border, #dbdfe4);
    border-radius: var(--input-border-radius, 4px);
    overflow: hidden;
    margin-bottom: var(--global-small-margin, 8px);
    background-color: var(--input-background, #fff);
}
div.hikashop_product_quantity_div .input-prepend,
div.hikashop_product_quantity_div .input-append { margin-bottom: 0; }
div.hikashop_product_quantity_div .add-on {
    padding: 0;
    background-color: transparent;
    border: none;
    display: flex;
}
input.hikashop_product_quantity_field.form-control {
    display: inline-block;
    -webkit-appearance: none;
    box-shadow: none !important;
    width: 45px;
    height: var(--input-height, 38px);
    padding: 0 5px;
    background-color: transparent;
    color: var(--input-color, var(--global-color));
    border: none;
    border-left: 1px solid var(--input-border, #dbdfe4);
    border-right: 1px solid var(--input-border, #dbdfe4);
    border-radius: 0;
    text-align: center;
    font-family: 'Montserrat', var(--global-font-family-sans-serif, sans-serif) !important;
    font-weight: 500;
    font-size: var(--input-font-size, 1rem);
    line-height: var(--input-line-height, normal);
    transition: background-color 0.1s ease-in-out;
}
input.hikashop_product_quantity_field.form-control:focus {
    background-color: var(--input-focus-background, rgba(0,0,0,0.03));
    outline: none;
}
a.hikashop_product_quantity_field_change.uk-button {
    background-color: transparent;
    color: var(--button-text-color, var(--global-muted-color));
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: auto;
    width: calc(var(--input-height, 38px) - 2px);
    height: calc(var(--input-height, 38px) - 2px);
    line-height: calc(var(--input-height, 38px) - 2px);
    font-size: 1.3em;
    font-weight: 400;
    border-radius: 0;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.hikashop_product_quantity_field_change.uk-button.uk-button-small {
    font-size: 1.3em;
    padding: 0;
}
a.hikashop_product_quantity_field_change.uk-button:hover {
    background-color: var(--button-muted-hover-background, rgba(0,0,0,0.05));
    color: var(--button-text-hover-color, var(--global-emphasis-color));
}
td.hikashop_cart_product_quantity_value > div:not(.hikashop_product_quantity_div) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--global-small-margin, 10px);
}
.hikashop_cart_product_quantity_refresh a,
.hikashop_cart_product_quantity_delete a {
    color: var(--global-muted-color, #999);
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1;
    padding: 3px;
    border-radius: 50%;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.hikashop_cart_product_quantity_refresh a i,
.hikashop_cart_product_quantity_delete a i {
    font-size: 1.3em;
    display: block;
}
.hikashop_cart_product_quantity_refresh a:hover {
    color: var(--global-primary-background, #1e87f0);
    background-color: var(--global-primary-background-hover-subtle, rgba(30,135,240,0.1));
}
.hikashop_cart_product_quantity_delete a:hover {
    color: var(--global-danger-background, #f0506e);
    background-color: var(--global-danger-background-hover-subtle, rgba(240,80,110,0.1));
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #4B525C;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #4B525C;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #4B525C;
    /* --- MODIFIED LINE BELOW --- */
    --bs-table-hover-bg: transparent; /* Changed from rgb(233 12 12 / 8%) */
    width: 100%;
    margin-bottom: 1rem;
    color: #4b525c;
    vertical-align: top;
    border-color: #e5e9ed;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg:rgba(0, 0, 0, 0.1);
    color: var(--bs-table-striped-color)
}


/* ==========================================================================
   HIKASHOP BUTTONS - YOOTHEME PRO / UIKIT STYLE INTEGRATION
   ========================================================================== */

/* --- Base styling for ALL Hikashop buttons to match .uk-button --- */
.hika_j2 .btn, /* General Bootstrap-like class Hikashop might use */
.hikabtn, /* General Hikashop button class */
.hikabtn-primary,
.hikabtn-success,
.hikabtn-danger,
.hikabtn-warning,
.hikabtn-info,
a.hikashop_cart_button, /* Common Hikashop button */
.hikashop_cart_input_button /* Often an input type=submit or button */ {
    /* Reset Hikashop's specific styling if necessary */
    background-image: none !important; /* Remove gradients */
    text-shadow: none !important;
    box-shadow: none !important; /* YOOtheme will provide its own or none */

    /* Apply YOOtheme/UIkit base button styles */
    display: inline-block;
    box-sizing: border-box; /* Important for padding and border */
    padding: var(--button-default-padding-vertical, 0) var(--button-default-padding-horizontal, 15px);
    vertical-align: middle;
    font-size: var(--button-font-size, 1rem);
    line-height: var(--button-line-height, var(--input-height, 38px)); /* Often matches input height */
    text-align: center;
    text-decoration: none !important; /* Override Hikashop's potential underline */
    border-style: solid;
    border-width: var(--button-border-width, 1px);
    border-radius: var(--button-border-radius, 3px);
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    cursor: pointer;
    font-family: var(--global-font-family, sans-serif); /* Your theme's font */
    text-transform: var(--button-text-transform, none);
    margin: 5px; /* Or var(--global-small-margin) for consistency */

    /* Default button appearance (like .uk-button or .uk-button-default) */
    color: var(--button-default-color, #333);
    background-color: var(--button-default-background, #f8f8f8);
    border-color: var(--button-default-border, #e5e5e5);
}

/* Default button hover & focus */
.hika_j2 .btn:hover, .hika_j2 .btn:focus,
.hikabtn:hover, .hikabtn:focus,
.hikabtn-primary:hover, .hikabtn-primary:focus, /* Will be overridden by more specific below */
.hikabtn-success:hover, .hikabtn-success:focus,
.hikabtn-danger:hover, .hikabtn-danger:focus,
.hikabtn-warning:hover, .hikabtn-warning:focus,
.hikabtn-info:hover, .hikabtn-info:focus,
a.hikashop_cart_button:hover, a.hikashop_cart_button:focus,
.hikashop_cart_input_button:hover, .hikashop_cart_input_button:focus {
    color: var(--button-default-hover-color, #333);
    background-color: var(--button-default-hover-background, #e8e8e8);
    border-color: var(--button-default-hover-border, #d9d9d9);
    text-decoration: none !important;
    outline: none; /* Remove default focus outline if YOOtheme handles it differently */
    /* YOOtheme might add a box-shadow on focus, e.g., box-shadow: var(--button-focus-box-shadow); */
}


/* --- Hikashop .btn-primary / .hikabtn-primary -> YOOtheme .uk-button-primary --- */
.hika_j2 .btn-primary,
.hikabtn-primary {
    color: var(--button-primary-color, #fff) !important; /* Use !important to override Hikashop's initial color if needed */
    background-color: var(--button-primary-background, var(--global-primary-background, #1e87f0)) !important;
    border-color: var(--button-primary-border, var(--global-primary-background, #1e87f0)) !important;
}
.hika_j2 .btn-primary:hover, .hika_j2 .btn-primary:focus,
.hikabtn-primary:hover, .hikabtn-primary:focus {
    color: var(--button-primary-hover-color, #fff) !important;
    background-color: var(--button-primary-hover-background, var(--global-primary-background-hover, #0f7ae5)) !important;
    border-color: var(--button-primary-hover-border, var(--global-primary-background-hover, #0f7ae5)) !important;
}

/* --- Hikashop .btn-success / .hikabtn-success -> YOOtheme .uk-button-success --- */
.hika_j2 .btn-success,
.hikabtn-success {
    color: var(--button-success-color, #fff) !important;
    background-color: var(--button-success-background, var(--global-success-background, #1d386d)) !important;
    border-color: var(--button-success-border, var(--global-success-background, #1d386d)) !important;
}
.hika_j2 .btn-success:hover, .hika_j2 .btn-success:focus,
.hikabtn-success:hover, .hikabtn-success:focus {
    color: var(--button-success-hover-color, #fff) !important;
    background-color: var(--button-success-hover-background, #25b880)) !important; /* Darken success */
    border-color: var(--button-success-hover-border, #25b880)) !important;
}

/* --- Hikashop .btn-danger / .hikabtn-danger -> YOOtheme .uk-button-danger --- */
.hika_j2 .btn-danger,
.hikabtn-danger {
    color: var(--button-danger-color, #fff) !important;
    background-color: var(--button-danger-background, var(--global-danger-background, #f0506e)) !important;
    border-color: var(--button-danger-border, var(--global-danger-background, #f0506e)) !important;
}
.hika_j2 .btn-danger:hover, .hika_j2 .btn-danger:focus,
.hikabtn-danger:hover, .hikabtn-danger:focus {
    color: var(--button-danger-hover-color, #fff) !important;
    background-color: var(--button-danger-hover-background, #dc3554)) !important; /* Darken danger */
    border-color: var(--button-danger-hover-border, #dc3554)) !important;
}

/* --- Hikashop .btn-warning / .hikabtn-warning -> YOOtheme .uk-button-warning --- */
/* Note: UIkit doesn't have a distinct .uk-button-warning by default.
   It often uses a yellow or orange from the global palette.
   We'll assume you have a --global-warning-background or use primary/secondary.
   If YOOtheme has specific warning button variables, use those.
   For this example, I'll use --global-warning-background if it exists, otherwise I'll make one up. */
.hika_j2 .btn-warning,
.hikabtn-warning {
    color: var(--button-warning-color, #fff) !important; /* Often white or dark text on yellow/orange */
    background-color: var(--button-warning-background, var(--global-warning-background, #faa05a)) !important;
    border-color: var(--button-warning-border, var(--global-warning-background, #faa05a)) !important;
}
.hika_j2 .btn-warning:hover, .hika_j2 .btn-warning:focus,
.hikabtn-warning:hover, .hikabtn-warning:focus {
    color: var(--button-warning-hover-color, #fff) !important;
    background-color: var(--button-warning-hover-background, #f9812a)) !important; /* Darken warning */
    border-color: var(--button-warning-hover-border, #f9812a)) !important;
}

/* --- Hikashop .btn-info / .hikabtn-info -> YOOtheme Style (No direct .uk-button-info) --- */
/* UIkit doesn't have .uk-button-info. Often, this is similar to secondary or a muted primary.
   We'll use YOOtheme's secondary button variables, or primary if secondary isn't defined for buttons. */
.hika_j2 .btn-info,
.hikabtn-info {
    color: var(--button-secondary-color, var(--button-primary-color, #fff)) !important;
    background-color: var(--button-secondary-background, var(--button-primary-background-muted, #5bc0de)) !important; /* Using the original info color as a fallback */
    border-color: var(--button-secondary-border, var(--button-primary-background-muted, #5bc0de)) !important;
}
.hika_j2 .btn-info:hover, .hika_j2 .btn-info:focus,
.hikabtn-info:hover, .hikabtn-info:focus {
    color: var(--button-secondary-hover-color, var(--button-primary-hover-color, #fff)) !important;
    background-color: var(--button-secondary-hover-background, var(--button-primary-background-muted-hover, #31b0d5))) !important; /* Darken info */
    border-color: var(--button-secondary-hover-border, var(--button-primary-background-muted-hover, #31b0d5))) !important;
}

.uk-link,
a {
    /* Use YOOtheme Pro's variable for the default link color */
    color: var(--link-color, var(--global-primary-background, #1d386d)); /* Primary fallback if --link-color isn't set */
    text-decoration: var(--link-text-decoration, none); /* Use YOOtheme's default or 'none' */
    cursor: pointer;
    transition: color 0.1s ease-in-out; /* Add a smooth transition if desired */
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
    /* Use YOOtheme Pro's variable for the link hover color */
    color: var(--link-hover-color, var(--global-primary-background-hover, #0f7ae5)); /* Primary hover fallback */
    text-decoration: var(--link-hover-text-decoration, none); /* Use YOOtheme's default or 'none'/'underline' */
}
/* ==========================================================================
   HIKASHOP PRODUCT PAGE/LISTING - BORDERLESS MODERN QUANTITY SELECTOR
   ========================================================================== */

/* --- Parent .controls div (optional, for context or spacing if needed) --- */
.controls {
    /* display: flex; */ /* Uncomment if you want quantity and add-to-cart button to be flex items */
    /* align-items: center; */
    /* gap: var(--global-small-margin, 10px); */ /* Space between quantity and add-to-cart */
}

/* --- Main Quantity Input Group (input and +/- buttons) --- */
/* Targets: div.hikashop_product_quantity_div.hikashop_product_quantity_change_div_leftright */
.hikashop_product_quantity_div.hikashop_product_quantity_change_div_leftright {
    display: inline-flex; /* Key for grouping and horizontal alignment */
    align-items: center; /* Vertical alignment of items within */
    border: none !important; /* --- REMOVE ALL BORDERS FROM THE MAIN CONTAINER --- */
    border-radius: var(--input-border-radius, 4px); /* Optional: keep radius for buttons or set to 0 for sharp edges */
    /* background-color: var(--input-background, #fff); */ /* Optional: background for the group or make transparent */
    background-color: transparent; /* Make the group background transparent */
    float: none !important;
    vertical-align: middle;
}

/* Neutralize Bootstrap .input-prepend/append wrappers and .add-on styling */
.hikashop_product_quantity_div.hikashop_product_quantity_change_div_leftright .input-prepend,
.hikashop_product_quantity_div.hikashop_product_quantity_change_div_leftright .input-append,
.hikashop_product_quantity_div.hikashop_product_quantity_change_div_leftright .add-on {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: stretch;
}

/* --- Quantity +/- Buttons ( tags) --- */
a.hikashop_product_quantity_field_change {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--button-small-width, 34px); /* Slightly smaller for a tighter look */
    height: var(--button-small-height, 34px); /* Match YOOtheme small button size if applicable */
    line-height: 1;
    color: var(--button-text-color, var(--global-muted-color));
    background-color: transparent; /* Give buttons a distinct background */
    border: none !important; /* --- ENSURE NO BORDERS ON BUTTONS --- */
    text-decoration: none !important;
    font-size: 1.2em; /* Adjust symbol size */
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Apply border-radius to the outer buttons */
a.hikashop_product_quantity_field_change_minus {
    border-top-left-radius: var(--input-border-radius, 4px);
    border-bottom-left-radius: var(--input-border-radius, 4px);
}
a.hikashop_product_quantity_field_change_plus {
    border-top-right-radius: var(--input-border-radius, 4px);
    border-bottom-right-radius: var(--input-border-radius, 4px);
}

a.hikashop_product_quantity_field_change:hover {
    background-color: var(--button-muted-hover-background, #e0e0e0);
    color: var(--button-text-hover-color, var(--global-emphasis-color));
}

/* --- Quantity Input Field --- */
input.hikashop_product_quantity_field.form-control {
    display: inline-block;
    -webkit-appearance: none;
    box-shadow: none !important;
    float: none !important;
    width: 40px; /* Slightly narrower input */
    height: var(--button-small-height, 34px); /* Match button height */
    padding: 0 5px;
    background-color: var(--input-background, #fff); /* Input background can be different or same as buttons */
    color: var(--input-color, var(--global-color));
    border: none !important; /* --- ENSURE NO BORDERS ON INPUT --- */
    /* Optional: Add subtle side borders IF you want separation from buttons but no outer shell
    border-top: 1px solid var(--button-muted-background, #f0f0f0);
    border-bottom: 1px solid var(--button-muted-background, #f0f0f0);
    */
    border-radius: 0; /* Input has no radius, buttons at ends have it */
    text-align: center;
    font-family: 'Montserrat', var(--global-font-family-sans-serif, sans-serif) !important;
    font-weight: 500;
    font-size: var(--input-font-size, 0.9rem); /* Slightly smaller font for compact look */
    line-height: var(--button-small-height, 34px); /* Ensure text is centered vertically */
    transition: background-color 0.1s ease-in-out;
    margin: 0 !important;
    vertical-align: top; /* Or middle, experiment for best alignment */
}
input.hikashop_product_quantity_field.form-control:focus {
    background-color: var(--input-focus-background, #f8f8f8); /* Slightly different focus background */
    outline: none;
}

/* --- Add to Cart Button Container (for spacing) --- */
.hikashop_product_quantity_add_to_cart_div {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--global-small-margin, 10px);
}