/**
 * Force All Booking Sections Visible
 * Ensures extras, contact, and price sections are always visible
 */

/* Force all md-form-section elements to be visible */
.md-form-section,
section.md-form-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

/* Ultra-specific rules to override any hiding */
#extras-section,
#contact-section,
#price-section,
section#extras-section,
section#contact-section,
section#price-section,
body #extras-section,
body #contact-section,
body #price-section,
html body #extras-section,
html body #contact-section,
html body #price-section,
html body main #extras-section,
html body main #contact-section,
html body main #price-section,
html body main form #extras-section,
html body main form #contact-section,
html body main form #price-section,
html body .booking-flow-container #extras-section,
html body .booking-flow-container #contact-section,
html body .booking-flow-container #price-section,
html body form .booking-flow-container #extras-section,
html body form .booking-flow-container #contact-section,
html body form .booking-flow-container #price-section,
[data-state] #extras-section,
[data-state] #contact-section,
[data-state] #price-section,
[data-state="browse"] #extras-section,
[data-state="browse"] #contact-section,
[data-state="browse"] #price-section,
[data-state="quoted"] #extras-section,
[data-state="quoted"] #contact-section,
[data-state="quoted"] #price-section,
[data-state="selected"] #extras-section,
[data-state="selected"] #contact-section,
[data-state="selected"] #price-section,
.booking-flow-container[data-state="browse"] #extras-section,
.booking-flow-container[data-state="browse"] #contact-section,
.booking-flow-container[data-state="browse"] #price-section,
.booking-flow-container[data-state="quoted"] #extras-section,
.booking-flow-container[data-state="quoted"] #contact-section,
.booking-flow-container[data-state="quoted"] #price-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  pointer-events: auto !important;
  z-index: auto !important;
}

/* Remove any classes that might hide sections */
#extras-section.hidden,
#contact-section.hidden,
#price-section.hidden,
#extras-section.section-hidden,
#contact-section.section-hidden,
#price-section.section-hidden,
#extras-section.d-none,
#contact-section.d-none,
#price-section.d-none,
#extras-section[hidden],
#contact-section[hidden],
#price-section[hidden] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure sections take up space */
#extras-section:not(:empty),
#contact-section:not(:empty),
#price-section:not(:empty) {
  min-height: 50px !important;
  padding: 20px !important;
}

/* Visual indicators removed for production */