/* Merovex Press site-specific styles, loaded after the Oatmeal theme.
   Kept unlayered so they reliably win over the theme's @layer rules. */

/* Sticky footer — make the page at least viewport-tall and let <main> absorb
   the slack, so the footer rests at the bottom even when content is short. */
body.layout-oatmeal {
  display: flex;
  flex-direction: column;
  min-block-size: 100vh;
  min-block-size: 100dvh;
}

body.layout-oatmeal > main {
  flex: 1 0 auto;
}

/* News cards are links (<a class="oatmeal-card">); the theme only clears the
   underline on its named link classes, so kill it here for a clean, non-linky
   look. */
a.oatmeal-card,
a.oatmeal-card:hover,
a.oatmeal-card:focus {
  text-decoration: none;
}

/* Dark mode: lift cards one neutral stop above the canvas (Stone-950 →
   Stone-900) so they read as clearly elevated rather than a faint tint.
   Mirrors the theme's own dark-mode selectors. */
html[data-theme="dark"] .theme-oatmeal {
  --card: var(--color-stone-900);
  --card-hover: var(--color-stone-800);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .theme-oatmeal {
    --card: var(--color-stone-900);
    --card-hover: var(--color-stone-800);
  }
}