/* Bootstrap 5 foundation adapter for Avedi's approved recruitment layouts.
 * Load directly after Bootstrap, before template/page styles. These are layout
 * values, not a second component implementation or a bundled legacy framework.
 */
:root { --bs-body-font-size: 1rem; }
small, .small { font-size: .875em; font-weight: 400; }
/* Avedi resets padding-inline-start; neutralize v5's physical list padding
 * so editorial role guidance retains its approved indentation and wrapping. */
ul { padding-left: 0; }
.container, .container-fluid { padding-right: 15px; padding-left: 15px; }
.row { --bs-gutter-x: 30px; --bs-gutter-y: 0; }
[class^="col-"], [class*=" col-"] { position: relative; padding-right: 15px; padding-left: 15px; }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.text-right { text-align: right !important; }
.form-group { margin-bottom: 1rem; }
.form-control { font-size: 1rem; line-height: 1.5; border-radius: .25rem; }
.card { border-radius: .25rem; }
.card-body { padding: 1.25rem; }
.card-header { padding: .75rem 1.25rem; }
.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Bootsnav owns its hover/click dropdowns; Bootstrap owns only the collapse. */
nav.bootsnav .dropdown-toggle::after { display: none; }
[data-bs-toggle="collapse"][role="button"]:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
/* The original template's BS3-era .active fade rule must not override v5's
 * directional transition classes. Keep the approved manual cross-fade. */
#bootcarousel.carousel-fade .carousel-inner .carousel-item { opacity: 0; }
#bootcarousel.carousel-fade .carousel-inner .carousel-item.active,
#bootcarousel.carousel-fade .carousel-inner .carousel-item-next.carousel-item-start,
#bootcarousel.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-end { opacity: 1; }
#bootcarousel.carousel-fade .carousel-inner .active.carousel-item-start,
#bootcarousel.carousel-fade .carousel-inner .active.carousel-item-end { opacity: 0; }