/*
  Bootstrap 3/4 compatibility shims on top of Bootstrap 5.
  Purpose: keep legacy markup (bs3/bs4-era classes & data-attrs) working
  while the project runs Bootstrap 5.3.x.
*/

/* --- Bootstrap 3 visibility helpers --- */
@media (max-width: 767.98px){
  .hidden-xs{display:none !important;}
}
@media (min-width: 768px) and (max-width: 991.98px){
  .hidden-sm{display:none !important;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
  .hidden-md{display:none !important;}
}
@media (min-width: 1200px){
  .hidden-lg{display:none !important;}
}
@media (min-width: 1200px){
  .hidden-xl{display:none !important;}
}

/* --- Old alignment utilities --- */
.text-left{ text-align:left !important; }
.text-right{ text-align:right !important; }
.pull-left{ float:left !important; }
.pull-right{ float:right !important; }

/* Bootstrap 3 screen-reader helper name */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* --- Input group legacy pieces --- */
.input-group-addon{
  display:flex;
  align-items:center;
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:var(--bs-body-color, #212529);
  text-align:center;
  white-space:nowrap;
  background-color:var(--bs-tertiary-bg, #e9ecef);
  border:var(--bs-border-width, 1px) solid var(--bs-border-color, #ced4da);
}
.input-group > .input-group-addon:first-child{
  border-top-left-radius:var(--bs-border-radius, .375rem);
  border-bottom-left-radius:var(--bs-border-radius, .375rem);
}
.input-group > .input-group-addon:last-child{
  border-top-right-radius:var(--bs-border-radius, .375rem);
  border-bottom-right-radius:var(--bs-border-radius, .375rem);
}
.input-group-btn{ display:flex; }
.input-group-btn > .btn{ position:relative; z-index:2; }

/* --- Legacy sizing --- */
.input-lg,
.btn.input-lg{
  padding:.5rem 1rem;
  font-size:1.25rem;
  border-radius:.3rem;
}
.form-control.input-lg{ min-height:calc(1.5em + 1rem + 2px); }

/* --- Bootstrap 3 'default' button --- */
.btn-default{
  --bs-btn-color:#333;
  --bs-btn-bg:#fff;
  --bs-btn-border-color:#ccc;
  --bs-btn-hover-color:#333;
  --bs-btn-hover-bg:#e6e6e6;
  --bs-btn-hover-border-color:#adadad;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#333;
  --bs-btn-active-bg:#e6e6e6;
  --bs-btn-active-border-color:#adadad;
  --bs-btn-disabled-color:#333;
  --bs-btn-disabled-bg:#fff;
  --bs-btn-disabled-border-color:#ccc;
}