/*
 * Compatibility helpers for CMS content created before Bootstrap 5.3.
 * Keep this file small: it only restores legacy helper names used by
 * generated frontend markup and does not change CMS behavior.
 */

.btn-default {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #adb5bd;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #e9ecef;
  --bs-btn-active-border-color: #adb5bd;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #ced4da;
}

.navbar-inverse {
  --bs-navbar-color: rgba(255, 255, 255, .75);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-disabled-color: rgba(255, 255, 255, .35);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  background-color: #222;
  border-color: #080808;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  display: none !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 575.98px) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none !important;
  }

  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none !important;
  }

  .visible-md {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }

  .visible-lg {
    display: block !important;
  }
}