/* Bootstrap 5 compatibility layer for the ported TARASTRO theme + own cookie notice. */

/* The original ran Bootstrap 4.5 with a hand-made dropdown; keep that layout under Bootstrap 5. */
.nav-item.dropdown { position: relative; }
.navbar .nav-item.dropdown > .dropdown-menu { top: 100%; left: 0; margin-top: .125rem; }
@media (max-width: 991.98px) {
  .navbar .nav-item.dropdown > .dropdown-menu { position: static; }
}
.dropdown-toggle .sub-arrow { display: none; }

/* Bootstrap 5 reboot differences */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }

/* Own cookie / storage notice (replaces the cookieconsent library) */
.tarastro-notice {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px;
  padding: 16px 24px; background: #25204A; color: #fff; font-size: 15px; line-height: 1.5;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .25);
}
.tarastro-notice[hidden] { display: none; }
.tarastro-notice p { margin: 0; max-width: 880px; }
.tarastro-notice a { color: #C8AD66; text-decoration: underline; }
.tarastro-notice button {
  border: 2px solid #f1d600; background: #f1d600; color: #25204A; font-weight: 700;
  border-radius: 6px; padding: 8px 20px; cursor: pointer;
}
.tarastro-notice button:hover, .tarastro-notice button:focus-visible { background: transparent; color: #f1d600; outline: none; }

/* Bootstrap 4 navbar/container padding (BS5 uses different defaults) */
.navbar { padding: .5rem 1rem; }
.navbar > .container-fluid { padding-left: 15px; padding-right: 15px; }
.navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem; }
@media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } }

/* Bootstrap 4 grid metrics (container widths and 30px gutters) */
.container, .container-fluid, .row { --bs-gutter-x: 30px; }
@media (min-width: 1200px) { .container, .container-xl, .container-lg, .container-md, .container-sm { max-width: 1140px; } }
@media (min-width: 1400px) { .container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { max-width: 1140px; } }

/* Bootstrap 4 look of the legal-page tabs and heroes (these templates use BS5 utility classes the original ignored) */
.bg-hero h1 { font-weight: 500; }
html:not([data-theme="dark"]) #agbTabs .nav-link:not(.active) { background: #efefef; color: #212529; border-radius: 0; }