/*
 * bs4-compat.css -- Bootstrap 4 compatibility shim for BS3 site
 * neoluxe.ru -- fixes 78/138 pages with broken layout
 * Date: 2026-03-04
 * Size: ~2 KB
 *
 * Contains:
 * 1. BS4 Flexbox utilities (used in article template + city pages)
 * 2. BS4 Spacing utilities (used in city pages + /about/)
 * 3. BS4 Display utilities
 * 4. BS4 Border utilities
 * 5. BS4 Carousel basics (for /about/)
 * 6. Purged BS3 classes (pull-right, btn-lg, tab-content, table-bordered)
 * 7. Missing BS3 grid columns (col-md-6, col-lg-*)
 */

/* === 1. Flexbox === */
.d-flex { display: flex !important; }
.align-items-center { align-items: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-center { justify-content: center !important; }
.flex-wrap { flex-wrap: wrap !important; }

/* === 2. Spacing === */
.mt-3 { margin-top: 15px !important; }
.mt-4 { margin-top: 30px !important; }
.mb-4 { margin-bottom: 30px !important; }
.my-5 { margin-top: 48px !important; margin-bottom: 48px !important; }
.mr-2 { margin-right: 10px !important; }
.p-4 { padding: 30px !important; }
.py-5 { padding-top: 48px !important; padding-bottom: 48px !important; }

/* === 3. Display === */
.d-block { display: block !important; }
.d-none { display: none !important; }

/* === 4. Border / Shape === */
.rounded-circle { border-radius: 50% !important; }

/* === 5. Text === */
.text-right { text-align: right !important; }

/* === 6. BS4 Carousel (for /about/) === */
.carousel-item { display: none; -webkit-transition: -webkit-transform .6s ease; transition: transform .6s ease; }
.carousel-item.active { display: block; }

/* === 7. Purged BS3 classes === */
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td { border: 1px solid #ddd; }

/* === 8. Missing BS3 grid columns === */
/* col-md-6 (used on /about/ team block) */
@media (min-width: 992px) {
  .col-md-6 { width: 50%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
}
/* col-lg-* (used on /about/) */
@media (min-width: 1200px) {
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
  }
}
/* col-md-* full set (only col-md-4 survived purge) */
@media (min-width: 992px) {
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-5, .col-md-6, .col-md-7,
  .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
  }
}