/* =====================================================
   Flatsome Extend Utilities (compact version)
   Breakpoints:
   - small:  0–549px
   - medium: 550–849px
   - large:  ≥850px
   ===================================================== */

html { scroll-behavior: smooth; }
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}

/* ===== SMALL (MOBILE) ===== */
@media (max-width: 549px) {
  /* Display */
  .hide-small { display: none !important; }
  .block-small { display: block !important; }
  .flex-small { display: flex !important; }

  /* Spacing */
  .pt-small-0 { padding-top: 0 !important; }
  .pb-small-0 { padding-bottom: 0 !important; }
  .mt-small-0 { margin-top: 0 !important; }
  .mb-small-0 { margin-bottom: 0 !important; }

  /* Text */
  .text-small-left { text-align: left !important; }
  .text-small-center { text-align: center !important; }
  .text-small-right { text-align: right !important; }
  .order-small-1 {
    order: 1;
  }
  .order-small-2 {
    order: 2;
  }
  .order-small-3 {
    order: 3;
  }
}

/* ===== MEDIUM (TABLET) ===== */
@media (min-width: 550px) and (max-width: 849px) {
  .hide-medium { display: none !important; }
  .block-medium { display: block !important; }
  .flex-medium { display: flex !important; }

  .pt-medium-0 { padding-top: 0 !important; }
  .pb-medium-0 { padding-bottom: 0 !important; }
  .mt-medium-0 { margin-top: 0 !important; }
  .mb-medium-0 { margin-bottom: 0 !important; }

  .text-medium-left { text-align: left !important; }
  .text-medium-center { text-align: center !important; }
  .text-medium-right { text-align: right !important; }
  
  .order-medium-1 {
    order: 1;
  }
  .order-medium-2 {
    order: 2;
  }
  .order-medium-3 {
    order: 3;
  }
}

/* ===== LARGE (DESKTOP) ===== */
@media (min-width: 850px) {
  .order-large-1 {
    order: 1;
  }
  .order-large-2 {
    order: 2;
  }
  .order-large-3 {
    order: 3;
  }
  .hide-large { display: none !important; }
  .block-large { display: block !important; }
  .flex-large { display: flex !important; }

  .pt-large-0 { padding-top: 0 !important; }
  .pb-large-0 { padding-bottom: 0 !important; }
  .mt-large-0 { margin-top: 0 !important; }
  .mb-large-0 { margin-bottom: 0 !important; }

  .text-large-left { text-align: left !important; }
  .text-large-center { text-align: center !important; }
  .text-large-right { text-align: right !important; }
}