/*
 * Julbordsguiden – listningssidorna (städer, landskap, stadsdelar och kategorisidor), oktober 2026.
 * Laddas från templates/yootheme_child/index.php efter temats CSS.
 *
 * Överst på sidorna ligger YOOthemes textelement från sidornas layouter:
 *   h1.el-title          rubriken
 *   .el-meta             den röda ingressen (ifylld på Stockholm, Malmö och Uppsala)
 *   .el-content          introtexten med raden av kategorilänkar
 * Filtret och resultatlistan under (modulen mod_jp_julbords) påverkas inte.
 */

/* Ingressen: tydligt större än brödtexten (16px). Färg och typsnitt som tidigare. */
.uk-panel > h1.el-title + .el-meta.uk-text-primary {
    font-size: 18px;
    line-height: 1.4;
}

@media (min-width: 960px) {
    .uk-panel > h1.el-title + .el-meta.uk-text-primary {
        font-size: 21px;
    }
}

/* Introtexten får en läsbar radlängd – bara på sidor med julbordslistan.
   Ingressen radbryts på samma bredd. 75ch räknas från elementets egen text, och ingressen har
   större text i ett annat typsnitt, så den får introtextens bredd i px: 75ch i 16px PT Sans = 654px. */
body:has(.jbf) .uk-panel > h1.el-title ~ .el-content {
    max-width: 75ch;
}

body:has(.jbf) .uk-panel > h1.el-title + .el-meta.uk-text-primary {
    max-width: 654px;
}