/* Home Page Button Styling - Match Screenshot Design */
/* Product card "More Info" buttons styling - HIGH SPECIFICITY */
body section#other-solutions .card .btn-primary,
body section#other-solutions .btn-primary,
body .text-center .btn-primary,
body section#other-solutions .card .btn.btn-primary.btn-block,
section#other-solutions .card .btn-primary,
section#other-solutions .btn-primary {
  background-color: #1e2a4a !important;
  border-color: #1e2a4a !important;
  color: #17a2b8 !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  box-shadow: none !important;
}

body section#other-solutions .card .btn-primary:hover,
body section#other-solutions .btn-primary:hover,
body .text-center .btn-primary:hover,
section#other-solutions .card .btn-primary:hover,
section#other-solutions .btn-primary:hover {
  background-color: #2c3e50 !important;
  border-color: #2c3e50 !important;
  color: #17a2b8 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(30, 42, 74, 0.3) !important;
  text-decoration: none !important;
}

/* "View All Products" button styling - HIGH SPECIFICITY */
body .text-center .btn-primary.btn-lg,
section#other-solutions .text-center .btn-primary.btn-lg,
.text-center .btn-primary.btn-lg {
  background-color: #1e2a4a !important;
  border-color: #1e2a4a !important;
  color: #17a2b8 !important;
  font-weight: 600 !important;
  padding: 12px 30px !important;
  border-radius: 6px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
  width: auto !important;
  box-shadow: none !important;
}

body .text-center .btn-primary.btn-lg:hover,
section#other-solutions .text-center .btn-primary.btn-lg:hover,
.text-center .btn-primary.btn-lg:hover {
  background-color: #2c3e50 !important;
  border-color: #2c3e50 !important;
  color: #17a2b8 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(30, 42, 74, 0.3) !important;
  text-decoration: none !important;
}

/* Focus and active states - HIGH SPECIFICITY */
body section#other-solutions .card .btn-primary:focus,
body section#other-solutions .card .btn-primary:active,
body .text-center .btn-primary.btn-lg:focus,
body .text-center .btn-primary.btn-lg:active,
section#other-solutions .card .btn-primary:focus,
section#other-solutions .card .btn-primary:active,
.text-center .btn-primary.btn-lg:focus,
.text-center .btn-primary.btn-lg:active {
  background-color: #1e2a4a !important;
  border-color: #1e2a4a !important;
  color: #17a2b8 !important;
  box-shadow: 0 0 0 0.2rem rgba(30, 42, 74, 0.25) !important;
  text-decoration: none !important;
}

/* Enhanced BioMedAI Button Styling - Make them stand out */
.btn-biomedai,
.btn-biomedai.btn-lg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border: none !important;
  color: white !important;
  padding: 16px 40px !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
  position: relative !important;
  overflow: hidden !important;
  text-decoration: none !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(0) !important;
}

.btn-biomedai:hover,
.btn-biomedai.btn-lg:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
  color: white !important;
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5) !important;
  text-decoration: none !important;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

.btn-biomedai:focus,
.btn-biomedai:active,
.btn-biomedai.btn-lg:focus,
.btn-biomedai.btn-lg:active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.4) !important;
  text-decoration: none !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Enhanced Outline BioMedAI Button */
.btn-outline-biomedai,
.btn-outline-biomedai.btn-lg {
  border: 3px solid #667eea !important;
  color: #667eea !important;
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 13px 37px !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.25) !important;
  position: relative !important;
  text-decoration: none !important;
  transform: translateY(0) !important;
  backdrop-filter: blur(10px) !important;
}

.btn-outline-biomedai:hover,
.btn-outline-biomedai.btn-lg:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border-color: transparent !important;
  color: white !important;
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4) !important;
  text-decoration: none !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.btn-outline-biomedai:focus,
.btn-outline-biomedai:active,
.btn-outline-biomedai.btn-lg:focus,
.btn-outline-biomedai.btn-lg:active {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: #667eea !important;
  color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.4) !important;
  text-decoration: none !important;
}

/* BioMedAI Button Shimmer Effects */
.btn-biomedai::before,
.btn-biomedai.btn-lg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.6s;
}

.btn-biomedai:hover::before,
.btn-biomedai.btn-lg:hover::before {
  left: 100%;
}

.btn-outline-biomedai::before,
.btn-outline-biomedai.btn-lg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.2), transparent);
  transition: left 0.6s;
}

.btn-outline-biomedai:hover::before,
.btn-outline-biomedai.btn-lg:hover::before {
  left: 100%;
}

/* Button spacing and isolation for better layout */
.biomedai-cta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.biomedai-cta .btn {
  display: inline-block !important;
  isolation: isolate !important;
  will-change: transform !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Ensure clean button isolation - prevent cross-button interference */
.btn-biomedai,
.btn-biomedai.btn-lg {
  isolation: isolate !important;
  contain: layout style paint !important;
}

.btn-outline-biomedai,
.btn-outline-biomedai.btn-lg {
  isolation: isolate !important;
  contain: layout style paint !important;
}

/* Prevent pseudo-element overflow */
.btn-biomedai::before,
.btn-biomedai.btn-lg::before,
.btn-outline-biomedai::before,
.btn-outline-biomedai.btn-lg::before {
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Ensure button content is above pseudo-elements */
.btn-biomedai > *,
.btn-biomedai.btn-lg > *,
.btn-outline-biomedai > *,
.btn-outline-biomedai.btn-lg > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Strict hover isolation - only affect the specific button being hovered */
.btn-biomedai:not(:hover),
.btn-biomedai.btn-lg:not(:hover) {
  transform: translateY(0) !important;
}

.btn-outline-biomedai:not(:hover),
.btn-outline-biomedai.btn-lg:not(:hover) {
  transform: translateY(0) !important;
}

/* Prevent cascading transform effects */
.biomedai-cta .btn:not(:hover) {
  transform: translateY(0) scale(1) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}