/**
 * Footer colours + alignment, restored from the original D7 theme
 * (omegabridgeart/css/global.css: `div#region-footer-first { background-color:
 * #EEEEEE }` and `table.footer td { vertical-align: top }`).
 *
 * Olivero renders the footer with a dark gradient background and light text, and
 * its `.text-content table td` forces vertical-align: middle. Recolour to the D7
 * light grey with dark, readable text/links, and top-align the footer link
 * columns like D7.
 */

/* Footer background (was Olivero's dark gradient) + dark text. `background`
   (not background-color) to remove the gradient. The `footer.site-footer`
   (element + class) raises specificity above Olivero's own `.site-footer`
   rule, which loads after this module's CSS. */
footer.site-footer {
  color: #1b1b1b;
  background: #EEEEEE;
}

/* Links were white for the dark footer (Olivero's
   `.site-footer .text-content a { color: white }`); make them a readable blue on
   the grey. The `footer.site-footer .text-content a` selector (and :hover) is
   specific enough to beat Olivero's rule, which loads after this module's CSS. */
footer.site-footer .text-content a,
footer.site-footer .text-content a:hover {
  color: var(--color--primary-50);
}

/* Top-align the footer link columns (beats Olivero's `.text-content table td`
   middle-align via higher specificity) and drop the `.table` component's dark
   cell borders so the footer reads as a clean D7-style grey block. */
.site-footer table.footer td,
.site-footer table.footer th {
  vertical-align: top;
  border: 0;
}
