/**
 * WCAG 1.4.3 Contrast (Minimum): Bootstrap's uncustomized `.navbar-default .navbar-nav > li > a` color (`#777777`)
 * measures 4.22:1 against the `.navbar-default` background (`#f8f8f8`), just below the 4.5:1 AA threshold for normal
 * text. Scoped to the fixed-bottom footer nav (Aanmelden / Voorwaarden en Condities / Privacy Statement / Over ons)
 * since that is the only `.navbar-default` instance measured so far; `#595959` gives ~6.6:1 on the same background.
 */
nav.navbar-fixed-bottom.navbar-default .navbar-nav > li > a {
    color: #595959;
}

/**
 * WCAG 2.2 2.5.8 Target Size (Minimum): the footer social-media icon links (e.g. Facebook) render as a plain inline
 * `<a>` sized only to the glyph's own box, measuring well under the 24x24 CSS px minimum. `inline-flex` plus a
 * min-width/min-height grows the clickable hit area without changing the icon's visual size or position.
 */
.shopforceViewHelperPartySocialMediaAccountsList a.bootstrapViewHelperHyperlink {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 24px;
    min-width: 24px;
}

/**
 * WCAG 2.2 2.5.8 Target Size (Minimum): Bootstrap sizes icon-only dismiss buttons to the multiplication glyph's box,
 * leaving the clickable target smaller than 24x24 CSS px in both alerts and dialogs.
 */
button.close {
    min-height: 24px;
    min-width: 24px;
}

/**
 * WCAG 1.4.3 Contrast (Minimum): customized ListItem hover/focus styling can give a Bootstrap badge a white
 * background while its text retains Bootstrap's default white badge color. Inherit the interactive ListItem's
 * foreground color in those states so the badge remains readable.
 */
a.list-group-item:hover > .badge,
a.list-group-item:focus > .badge {
    color: inherit;
}