/* Layout fixes for extracted CMS content, over the ported theme.
 * Colours and logos stay in brand.css; this file is layout only.
 */

/* Tariff tables (Koersen en tarieven, Tak/Branche 21 and 26).
 * The old editor left per-cell pixel widths that differed from one product table to the
 * next, so the columns did not line up across products (Laura, 26/10/2026). The inline
 * widths are stripped from the content and the tables are normalised here: full width and
 * a fixed layout, so every product table lays out identically. */
table.stacked-cards { width: 100%; table-layout: fixed; border-collapse: collapse; }
table.stacked-cards td,
table.stacked-cards th {
  padding: 0.4em 0.6em;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
  border: 1px solid #e0e0e0;
}
table.stacked-cards th { font-weight: 700; }

/* Landing pages met donkere achtergrondfoto (node 6 kredieten, 7 hypotheken, 8/9 overzicht).
 * Het thema geeft daar witte bodytekst op .field-name-body. De FSMA-integratie gebruikt de
 * class .field-name-field-body, waardoor die witte tekst wegviel en de donkere tekst
 * onleesbaar werd op de donkere foto (Aster). Zelfde witte behandeling op field-name-field-body. */
.page-node-6 .main-container .container-content .field-name-field-body,
.page-node-7 .main-container .container-content .field-name-field-body,
.page-node-8 .main-container .container-content .field-name-field-body,
.page-node-9 .main-container .container-content .field-name-field-body {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-align: left;
}
.page-node-6 .main-container .container-content .field-name-field-body a,
.page-node-7 .main-container .container-content .field-name-field-body a,
.page-node-8 .main-container .container-content .field-name-field-body a,
.page-node-9 .main-container .container-content .field-name-field-body a { color: #7a85b2; }
.page-node-6 .main-container .container-content .field-name-field-body a:hover,
.page-node-6 .main-container .container-content .field-name-field-body a:focus,
.page-node-7 .main-container .container-content .field-name-field-body a:hover,
.page-node-7 .main-container .container-content .field-name-field-body a:focus,
.page-node-8 .main-container .container-content .field-name-field-body a:hover,
.page-node-8 .main-container .container-content .field-name-field-body a:focus,
.page-node-9 .main-container .container-content .field-name-field-body a:hover,
.page-node-9 .main-container .container-content .field-name-field-body a:focus { color: #152346; }