/**
 * Maternal Support Co. - Doula Living Wage & Pricing Calculator Styles
 * Luxury Atelier Perinatal Aesthetics & Print Media Formatting
 */

/* Custom Range Slider Styling */
.range-slider-msc {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #EFE9DF;
  border-radius: 9999px;
  outline: none;
  transition: background 0.2s ease;
  cursor: pointer;
}

.range-slider-msc:focus {
  outline: none;
}

.range-slider-msc::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #C47353;
  border: 3px solid #FFFFFF;
  box-shadow: 0 2px 6px rgba(196, 115, 83, 0.35);
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.range-slider-msc::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  background: #B25F40;
  box-shadow: 0 3px 8px rgba(196, 115, 83, 0.45);
}

.range-slider-msc::-webkit-slider-thumb:active {
  transform: scale(1.05);
  box-shadow: 0 1px 4px rgba(196, 115, 83, 0.5);
}

.range-slider-msc::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #C47353;
  border: 3px solid #FFFFFF;
  box-shadow: 0 2px 6px rgba(196, 115, 83, 0.35);
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.range-slider-msc::-moz-range-thumb:hover {
  transform: scale(1.15);
  background: #B25F40;
}

/* Preset active state */
.preset-pill.active {
  background: #FAF3ED !important;
  color: #C47353 !important;
  border-color: #C47353 !important;
  box-shadow: 0 2px 8px rgba(196, 115, 83, 0.12) !important;
}

/* Print Rate Sheet Media Queries */
@media screen {
  #print-rate-sheet {
    display: none !important;
  }
}

@media print {
  @page {
    margin: 12mm 15mm;
    size: portrait;
  }

  body {
    background: #FFFFFF !important;
    color: #1A1A1A !important;
    font-size: 11pt !important;
    padding: 0 !important;
  }

  /* Hide screen elements */
  header,
  footer,
  #bottom-app-nav,
  #mobile-menu-toggle,
  .no-print,
  #screen-calculator-container,
  #faq-section,
  #upsell-banner-section,
  #cross-tools-section,
  #hero-calculator-intro {
    display: none !important;
  }

  /* Show and format print rate card */
  #print-rate-sheet {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .print-page-break {
    page-break-before: always;
  }
}