/* =========================================================
   CUSTOM BOOTSTRAP LOADER - Bootstrap 5.3.8
   Location expected in your project: css/custom_bootstrap.css

   Purpose:
   - Keep Bootstrap grid + utilities enabled by default.
   - Keep every other compiled Bootstrap CSS bundle documented but disabled.
   - During development, uncomment only the imports you need.

   Path assumption:
   - This file lives in: css/custom_bootstrap.css
   - Bootstrap dist CSS files live in: css/bootstrap/

   Include in your PHP/HTML:
   <link rel="stylesheet" href="css/custom_bootstrap.css">

   Note:
   Do not enable both the normal and RTL versions at the same time unless you
   intentionally need both and understand the cascade order.
========================================================= */

/* =========================================================
   ENABLED: GRID

   Contains Bootstrap's layout grid system:
   - .container, .container-fluid, .container-{breakpoint}
   - .row
   - .col, .col-*, .col-sm-*, .col-md-*, .col-lg-*, etc.
   - .row-cols-*
   - grid gutters such as .g-*, .gx-*, .gy-*

   Use this when you want Bootstrap layout without Bootstrap component UI.
========================================================= */
@import url("bootstrap/bootstrap-grid.min.css");

/* =========================================================
   ENABLED: UTILITIES

   Contains Bootstrap utility/helper classes:
   - display: .d-none, .d-block, .d-flex, .d-grid, etc.
   - flex alignment: .justify-content-*, .align-items-*, .flex-*
   - spacing: .m-*, .mt-*, .p-*, .px-*, .gap-*, etc.
   - sizing: .w-*, .h-*, .mw-100, .vh-100, etc.
   - positioning: .position-*, .top-*, .start-*, .translate-middle, etc.
   - text helpers: .text-center, .text-start, .text-end, etc.
   - overflow, visibility, opacity, z-index, borders, shadows, colors, etc.

   This is the main file you want for alignment, spacing, and helpers.
========================================================= */
@import url("bootstrap/bootstrap-utilities.min.css");

/* =========================================================
   DISABLED: FULL BOOTSTRAP

   Contains everything in Bootstrap's compiled CSS bundle:
   - Reboot/browser normalization
   - Typography defaults
   - Grid
   - Utilities
   - All component UI styles such as buttons, forms, cards, navbars,
     dropdowns, modals, alerts, tables, badges, pagination, etc.

   Leave this commented out if you do not want Bootstrap UI styles.
========================================================= */
/* @import url("bootstrap/bootstrap.min.css"); */

/* =========================================================
   DISABLED: FULL BOOTSTRAP RTL

   Same as bootstrap.min.css, but compiled for right-to-left layouts.
   Use only for RTL languages/layouts.

   Leave this commented out unless your page direction is RTL.
========================================================= */
/* @import url("bootstrap/bootstrap.rtl.min.css"); */

/* =========================================================
   DISABLED: GRID RTL

   RTL version of Bootstrap's grid system:
   - RTL-aware containers, rows, columns, and gutters.

   Use instead of bootstrap-grid.min.css for RTL layouts.
========================================================= */
/* @import url("bootstrap/bootstrap-grid.rtl.min.css"); */

/* =========================================================
   DISABLED: REBOOT

   Contains Bootstrap's browser normalization/reset layer:
   - box sizing normalization
   - default body margin/font smoothing assumptions
   - heading, paragraph, list, table, form, image baseline resets
   - native element consistency across browsers

   This can affect your custom UI, so keep it disabled unless you want
   Bootstrap's base reset behavior.
========================================================= */
/* @import url("bootstrap/bootstrap-reboot.min.css"); */

/* =========================================================
   DISABLED: REBOOT RTL

   RTL version of Bootstrap Reboot.
   Use only for RTL layouts where you also want Bootstrap's reset layer.
========================================================= */
/* @import url("bootstrap/bootstrap-reboot.rtl.min.css"); */

/* =========================================================
   DISABLED: UTILITIES RTL

   RTL version of Bootstrap utilities:
   - direction-aware helpers are flipped for RTL layouts.

   Use instead of bootstrap-utilities.min.css for RTL layouts.
========================================================= */
/* @import url("bootstrap/bootstrap-utilities.rtl.min.css"); */