/* HYDROPRESTA Cart Extras Styling - Independent File */

/* Ensure the cart container takes full width if needed */
.cart-grid-body.col-xs-12.col-lg-9 {
    /* Ensure no weird padding messes up the layout */
}

/* Scoped styles for the product line extras */
.product-line-extras {
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 15px !important;
    background: #d2d0d0  !important;
    border: 1px solid #e1e3ec !important;
    border-left: 3px solid #007cba !important;
    padding: 15px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    clear: both !important; /* Prevent floating issues */
}

/* Reset form groups within our container */
.product-line-extras .form-group {
    margin-bottom: 12px !important;
    display: block !important;
    width: 100% !important;
}

.product-line-extras label {
    display: block !important;
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    text-align: left !important;
    
}

.product-line-extras .matrix-select-cart {
    width: 100% !important;
    max-width: 350px !important;
    height: 34px !important; /* Force height */
    padding: 6px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.product-line-extras .radio-option {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 6px !important;
    cursor: pointer !important;
}

.product-line-extras input[type="radio"] {
    margin-right: 8px !important;
    cursor: pointer !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

.product-line-extras .courier-cost-info {
    font-weight: 600;
    color: #e04f5f;
    margin-left: 5px;
    font-size: 0.9em;
}

.product-line-extras .sampling-details-section {
    background-color: #fff !important;
    border: 1px solid #eee !important;
    padding: 12px 15px !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
    margin-left: 20px !important;
    position: relative;
    top:10px;
}

.product-line-extras input.datepicker-input,
.product-line-extras input.datepicker-delivery,
.product-line-extras input.datepicker-pickup,
.product-line-extras input.datepicker-visit {
    display: block !important;
    width: 100% !important;
    max-width: 200px !important;
    border: 1px solid #ddd !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    height: 34px !important;
    background: #fff !important;
}

.product-line-extras small.text-muted {
    display: block !important;
    margin-top: 3px !important;
    font-size: 11px !important;
    color: #888 !important;
}

/* Layout overrides specifically for cart */
body#cart .cart-grid-body {
    /* Force left column width if it was getting squashed */
}

/* Ensure jQuery UI Datepicker is visible on top */
#ui-datepicker-div {
    z-index: 9999 !important;
}


.form-group {
    position: relative !important;
    float: none !important; 
 }


 .hp-product-extras label{
    text-align: left !important;
 }


 .clearFix{
    width: 100%;
    height: 1px;;
    display: inline-block;
 }