/*
 * Bootstrap 3 base rules the site CSS was written on top of, at Bootstrap 3's position in the cascade: after
 * bootstrap_package's Bootstrap 5 theme, before barcelona's and the site's CSS (BarcelonaTheme/Includes.typoscript), so
 * the site's own rules at the same specificity still win (e.g. font.css h2 {font-weight: 800}).
 * Only what a comparison with live proves.
 */

/* bootstrap_package pads every frame vertically (var(--frame-spacing)); barcelona's frames had none. Here rather than
   in lts14-compat.css so the site's own frame padding still wins (.image-100 {padding-top: 30px}, .thumbnail). */
.frame {
    padding-top: 0;
    padding-bottom: 0;
}

/* Bootstrap 3 body line-height (barcelona's compiled BS3: 1.55; BS5's theme: 1.5) */
body {
    line-height: 1.55;
}

/* bootstrap_package's ".frame-inner > :last-child {margin-bottom: 0}" also took BS3's bottom margin from lists and
   h4-h6 (e.g. the footer hotel lists). Same specificity, loaded later. h1-h3 left alone: on live a weaker site rule
   zeroes some of them, which this would override. */
.frame-inner > :last-child:where(ul, ol) {
    margin-bottom: 12px;
}
.frame-inner > :last-child:where(h4, h5, h6) {
    margin-bottom: 10px;
}

/* headings: BS5's theme has line-height 1.2 and weight 300 - 35 of 41 front page headings differed from live */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}