/* ROOFSTACK_MOBILE_WHITE_LABEL_OVERRIDES_20260702 */
@media (max-width: 900px) {
  .text-orange-500, .text-orange-600, .text-orange-700, .text-\[\#d35400\], .text-\[\#c95202\], .text-\[\#f97316\], .text-\[\#ea580c\] {
    color: var(--rs-brand-primary, #d35400) !important;
  }
  .bg-orange-50, .bg-orange-100, .bg-orange-500, .bg-orange-600, .bg-\[\#d35400\], .bg-\[\#c95202\], .bg-\[\#f97316\], .bg-\[\#ea580c\] {
    background-color: color-mix(in srgb, var(--rs-brand-primary, #d35400) 12%, white) !important;
  }
  .border-orange-100, .border-orange-200, .border-orange-300, .border-orange-500, .border-orange-600, .border-\[\#d35400\], .border-\[\#c95202\], .border-\[\#f97316\], .border-\[\#ea580c\] {
    border-color: color-mix(in srgb, var(--rs-brand-primary, #d35400) 45%, white) !important;
  }
  .bg-orange-500.text-white, .bg-orange-600.text-white, button.bg-orange-500, button.bg-orange-600, .active.bg-orange-500, .active.bg-orange-600 {
    background-color: var(--rs-brand-primary, #d35400) !important;
    color: #fff !important;
  }
  .ring-orange-500, .focus\:ring-orange-500:focus, .focus\:border-orange-500:focus {
    --tw-ring-color: var(--rs-brand-primary, #d35400) !important;
    border-color: var(--rs-brand-primary, #d35400) !important;
  }
}