/* Homepage-only styling, layered on top of the structural style.css. */

/* Shared module-category card styling. Started as a Știri-only look, now
   generalized to every card (module-card) — all categories share the same
   compact, icon-free, hand-drawn look. No per-slug special casing. */
.module-card .card-body {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

/* Bootstrap's .row is a flex container with the default align-items:
   stretch, so every column in a row matches the tallest sibling's height
   regardless of its own content. Opt every module card's column out of
   that so each box shrinks to its own (now short) content. */
.row > div:has(> .module-card) {
    align-self: flex-start;
}

/* Rubik Doodle Shadow ships as a static, single-width file (no `fvar`
   axes table — confirmed by inspecting the woff2), so "wider" is faked
   with letter-spacing rather than font-stretch/font-variation-settings.
   font-size is 2.5rem, not the original 2.75rem: measuring real glyph
   advance widths from the font showed "Imobiliare" (a single unbreakable
   word) came within ~3px of overflowing the card at the narrowest
   3-column desktop width (960px container) at 2.75rem. 2.5rem keeps
   comfortable margin there for every current title, while multi-word
   titles like "Locuri de muncă" still wrap cleanly at their word spaces
   without any extra rule needed. */
.module-card .card-title {
    font-family: 'Rubik Doodle Shadow', cursive;
    font-size: 2.5rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 0.5rem !important;
}

.module-card .card-text {
    font-family: 'Kalam', cursive;
    font-size: 1.125rem;
}