/*
 * Custom CSS Overrides
 * 
 * This file is loaded last to ensure our customizations take precedence
 * over all base styles. Add your CSS modifications here.
 * 
 * File: /public/skins/base/styles/modernisation.css
 */

/* Fix spacing on list filters - Override JavaScript inline styles */

/* Add space after the select box for filter buttons */
div.ui-wrapper {
  padding-bottom: 20px !important;
}

/* Ensure the select element doesn't take up the extra space */
select.resizablemultiselect {
  margin-bottom: -2px !important;
}

/* Position filter buttons properly within the available space */
.multiselect-selection {
  position: relative !important;
  top: 0 !important;
}

/* #ca-881 Billing Address and Shipping Address don't line up on Order screen */
/* The actual structure has billing/shipping fieldsets wrapped in div.orderMain.display-group */
/* Override the float layout with flexbox on the parent fieldset */
fieldset#Form_Order_Main {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1% !important;
}

/* Target the wrapper divs that contain the billing and shipping fieldsets */
fieldset#Form_Order_Main > .orderMain.display-group {
  float: none !important;
  width: 49% !important;
  flex: 0 0 49% !important;
  box-sizing: border-box !important;
}

/* Next change starts here */