.elementor-2057 .elementor-element.elementor-element-023abf1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-7d7227c *//* ==========================================================================
   OFF-CANVAS MOBILE DRAWER: SEPARATE LINES FOR ALL SUBCATEGORIES
   ========================================================================== */

.sirgikal-accordion-panel {
  display: none;
  padding: 8px 0 10px 10px;
  flex-direction: column;
  gap: 3px;
  border-left: 2px solid var(--sg-hd-accent, #0088cc);
  margin-top: 4px;
  max-height: 320px;
  overflow-y: auto;
}

.sirgikal-accordion-panel.sirgikal-acc-open {
  display: flex !important;
}

/* "View All" Button at Top */
.sirgikal-sub-all {
  display: block !important;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--sg-hd-accent, #0088cc) !important;
  text-decoration: none;
  padding: 6px 8px !important;
  border-radius: 4px;
  margin-bottom: 4px;
  background: #eef7fc;
}

/* Category Containers: Force Vertical Column */
#sirgikalMobileSurgicalList,
#sirgikalMobileDentalList,
#sirgikalMobileSingleUseList {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  width: 100% !important;
}

/* Individual Subcategory Items on Separate Lines */
.sirgikal-accordion-panel a:not(.sirgikal-sub-all) {
  display: block !important;
  width: 100% !important;
  font-size: 0.82rem !important;
  color: #475569 !important;
  text-decoration: none !important;
  padding: 6px 8px !important;
  border-radius: 4px !important;
  line-height: 1.35 !important;
  transition: all 0.15s ease !important;
}

.sirgikal-accordion-panel a:not(.sirgikal-sub-all):hover {
  color: var(--sg-hd-accent, #0088cc) !important;
  background: #f1f5f9 !important;
}

/* ==========================================================================
   GLOBAL LINK COLOR GUARDS (Prevents links from turning white on hover/click)
   ========================================================================== */

.sirgikal-header-wrap a:hover,
.sirgikal-header-wrap a:focus,
.sirgikal-header-wrap a:active,
.sirgikal-nav-link:hover,
.sirgikal-nav-link:focus,
.sirgikal-nav-link:active,
.sirgikal-mega-cat-items a:hover,
.sirgikal-mega-cat-items a:focus,
.sirgikal-mega-cat-items a:active,
.sirgikal-mega-cat-head a:hover,
.sirgikal-mega-cat-head a:focus,
.sirgikal-mega-cat-head a:active,
.sirgikal-drawer-link:hover,
.sirgikal-drawer-link:focus,
.sirgikal-drawer-link:active,
.sirgikal-accordion-panel a:hover,
.sirgikal-accordion-panel a:focus,
.sirgikal-accordion-panel a:active,
#sirgikalMobileSurgicalList a:hover,
#sirgikalMobileSurgicalList a:focus,
#sirgikalMobileSurgicalList a:active,
#sirgikalMobileDentalList a:hover,
#sirgikalMobileDentalList a:focus,
#sirgikalMobileDentalList a:active,
#sirgikalMobileSingleUseList a:hover,
#sirgikalMobileSingleUseList a:focus,
#sirgikalMobileSingleUseList a:active {
  color: #0088cc !important;
}

/* Maintain white text on solid colored buttons */
.sirgikal-top-rfq-link:hover,
.sirgikal-cart-btn:hover,
.sirgikal-d-rfq-btn:hover,
.sirgikal-d-rfq-btn {
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-023abf1 *//* ==========================================================================
   BASKET BUTTON HOVER STATE REFINEMENT
   ========================================================================== */

.sirgikal-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  color: #0a2540 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

/* Soft hover state (matches the menu links) */
.sirgikal-cart-btn:hover {
  background: #f0f7fc !important;
  color: #0088cc !important;
  border-color: #b9daf2 !important;
}

/* Ensure red counter badge stays vibrant */
.sirgikal-cart-badge {
  background: #ef4444 !important;
  color: #ffffff !important;
}/* End custom CSS */