/* ============================= */
/* BOOTSTRAP 5 CLEANUP LAYER */
/* ============================= */

/* REMOVE BS3 FLOAT DEPENDENCY */
.pull-left,
.pull-right {
  float: none !important;
}

/* Replace with flex utilities */
.pull-left { justify-content: flex-start; }
.pull-right { justify-content: flex-end; }

/* CLEARFIX (not needed in BS5 but kept safe) */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* ============================= */
/* GRID FIXES (CRITICAL) */
/* ============================= */

/* Replace old xs grid */
[class*="col-xs-"] {
  flex: 0 0 auto;
  width: 100%;
}

/* Ensure all columns behave correctly */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* ============================= */
/* NAVBAR MIGRATION */
/* ============================= */

/* Remove old toggle */
.navbar-toggle,
.icon-bar {
  display: none !important;
}

/* Fix navbar */
.navbar {
  display: flex;
  flex-wrap: wrap;
}

/* Dropdown fix */
.dropdown-menu {
  display: none;
}


/* ============================= */
/* FORM FIXES */
/* ============================= */

.form-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Replace control-label */
.control-label {
  font-weight: 600;
  display: block;
}

/* ============================= */
/* VISIBILITY FIXES */
/* ============================= */

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

/* Bootstrap 5 replacements */
@media (max-width: 576px) {
  .d-xs-block { display: block !important; }
}

/* ============================= */
/* BUTTON FIX */
/* ============================= */

.btn {
  border-radius: 0.375rem;
}

/* ============================= */
/* IMAGE FIX */
/* ============================= */

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

/* ============================= */
/* TABLE FIX */
/* ============================= */

.table {
  width: 100%;
}

/* ============================= */
/* CUSTOM FIXES FROM YOUR FILE */
/* ============================= */

/* Fix legacy fontawesome usage */
.fa {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* Fix old transitions */
* {
  transition: all 0.3s ease;
}

/* ============================= */
/* FLEX MODERNIZATION */
/* ============================= */

.profile-card,
.timeline-laybox-item,
.sabbi-post-wrap {
  display: flex;
  flex-wrap: wrap;
}

/* ============================= */
/* REMOVE LEGACY BOX SHADOWS */
/* ============================= */

.navbar-white {
  box-shadow: none !important;
}

/* ============================= */
/* FIX DROPDOWN POSITION */
/* ============================= */

.navbar-nav .dropdown-menu {
  position: absolute;
}

/* ============================= */
/* ACCESSIBILITY FIX */
/* ============================= */

a:focus {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}