/*
 * Shim de compatibilidade Bootstrap 3 → Bootstrap 5
 * Mantém classes antigas funcionando sem quebrar o layout
 */

/* BS3: pull-left / pull-right */
.pull-left  { float: left  !important; }
.pull-right { float: right !important; }

/* BS3: text-left / text-right */
.text-left  { text-align: left  !important; }
.text-right { text-align: right !important; }

/* BS3: hidden-xs / visible-xs (mantém compatibilidade básica) */
@media (max-width: 767.98px) {
  .hidden-xs { display: none !important; }
}
@media (min-width: 768px) {
  .visible-xs { display: none !important; }
}
@media (max-width: 767.98px) {
  .visible-xs { display: block !important; }
}

/* BS3: col-xs-* → BS5 já tem col-* mas vamos garantir */
.col-xs-12 { flex: 0 0 100%;    max-width: 100%; }
.col-xs-6  { flex: 0 0 50%;     max-width: 50%;  }
.col-xs-4  { flex: 0 0 33.333%; max-width: 33.333%; }
.col-xs-3  { flex: 0 0 25%;     max-width: 25%;  }

/* BS3: navbar-right */
.navbar-right { margin-left: auto !important; }

/* BS3: .form-group (removido no BS5) */
.form-group { margin-bottom: 1rem; }

/* BS3: panel → card (apelido) */
.panel            { border: 1px solid transparent; border-radius: .375rem; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); margin-bottom: 1rem; }
.panel-body       { padding: 1rem; }
.panel-heading    { padding: .75rem 1rem; border-bottom: 1px solid rgba(0,0,0,.1); border-radius: .375rem .375rem 0 0; }
.panel-footer     { padding: .75rem 1rem; border-top: 1px solid rgba(0,0,0,.1); }
.panel-default    { border-color: #dee2e6; }
.panel-primary    { border-color: #0d6efd; }
.panel-primary .panel-heading { background: #0d6efd; color: #fff; }
.panel-success    { border-color: #198754; }
.panel-success .panel-heading { background: #198754; color: #fff; }
.panel-danger     { border-color: #dc3545; }
.panel-danger .panel-heading  { background: #dc3545; color: #fff; }

/* BS3: .btn-default */
.btn-default { background: #fff; border: 1px solid #dee2e6; color: #212529; }
.btn-default:hover { background: #f8f9fa; }

/* BS3: .label (badge) */
.label            { display: inline-block; padding: .25em .5em; font-size: .75em; border-radius: .25rem; }
.label-default    { background: #6c757d; color: #fff; }
.label-primary    { background: #0d6efd; color: #fff; }
.label-success    { background: #198754; color: #fff; }
.label-warning    { background: #ffc107; color: #000; }
.label-danger     { background: #dc3545; color: #fff; }
.label-info       { background: #0dcaf0; color: #000; }

/* BS3: .well */
.well { background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: .375rem; padding: 1rem; margin-bottom: 1rem; }

/* BS3: .input-group-addon */
.input-group-addon { padding: .375rem .75rem; background: #e9ecef; border: 1px solid #ced4da; border-radius: 0; }

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

/* BS3: .img-responsive */
.img-responsive { max-width: 100%; height: auto; }

/* Glyphicons → ocultos no BS5 (usar Font Awesome) */
.glyphicon { font-family: inherit; display: none; }
