/* ===============================
   Firefox Compatibility Fixes
   =============================== */

/* 🌸 Thinner, elegant scrollbar for Firefox */
* {
    scrollbar-width: thin;               /* options: auto | thin | none */
    scrollbar-color: #aaa #f5f5f5;       /* thumb | track */
  }
  
  /* 🌸 Flexbox & Grid overflow fix */
  .row, .d-flex, [class*="col-"], .container, .content-wrapper {
    min-width: 0;
    min-height: 0;
  }
  
  /* 🌸 Prevent zooming or text scaling inconsistencies */
  body {
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 100%;
  }
  
  /* 🌸 Remove default Firefox styling from inputs/buttons */
  input, button, select, textarea {
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
  }
  
  /* 🌸 Custom focus outline for forms */
  input:focus, button:focus, textarea:focus, select:focus {
    outline: 2px solid #8cb4ff;
    outline-offset: 2px;
  }
  
  /* 🌸 Adjust scrolling behavior for smoother motion */
  html, body {
    overscroll-behavior: none;
    scroll-behavior: smooth;
  }
  
  /* 🌸 Smooth transitions for UI elements */
  * {
    -moz-transition: all 0.2s ease-in-out;
  }
  
  /* 🌸 Optional: hide scrollbars completely on mobile Firefox */
  @media (max-width: 768px) {
    * {
      scrollbar-width: none !important;
    }
  }