/*
 * Dalga Blog category pages (includes/category.php). Builds on dalga-article.css (the colour header, #dla)
 * and dalga-blog.css (rows and category tabs, #dlb); only the differences live here.
 * Tagged dracula-ignore like the other two, so both palettes are authored here.
 */

/* A shorter colour header than the post page: the title is a category name, not a long headline. */
#dla.dlc-top .dlc-field .dla-field-in{min-height:clamp(360px,32vw,480px)}
#dla.dlc-top .dlc-field .dla-title{max-width:16ch}

/* The list sits on the same ground as the post page. */
#dlb.dlc-body{--dlb-ground:#f6f5fd}
html[data-dracula-scheme="dark"] #dlb.dlc-body{--dlb-ground:#0f0e25}
#dlb.dlc-body .dlc-list{padding-top:clamp(40px,5vw,64px)}
#dlb.dlc-body .dlc-others{padding-bottom:clamp(56px,7vw,96px)}
#dlb .dlc-empty{padding:24px 0;color:var(--dlb-ink-2)}
#dlb .dlc-empty a{color:var(--dlb-accent);text-decoration:underline}

/* Numbered page links (WordPress pagination), styled like the blog page pager. */
#dlb .dlc-pager{margin-top:32px}
#dlb .dlc-pager ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
#dlb .dlc-pager :is(a,span).page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--dlb-line-2);background:var(--dlb-surface);color:var(--dlb-ink);font:600 15px/1 var(--dlb-display);font-variant-numeric:tabular-nums}
#dlb .dlc-pager a.page-numbers:hover{background:var(--dlb-surface-2)}
#dlb .dlc-pager span.page-numbers.current{background:var(--dlb-ink);border-color:var(--dlb-ink);color:var(--dlb-ground)}
#dlb .dlc-pager span.page-numbers.dots{border-color:transparent;background:none}

/* Tag pages: the tag description (with its links) sits under the header, before the list. */
#dlb .dlc-intro{padding-top:clamp(36px,4.5vw,56px)}
#dlb .dlc-intro-tx{display:grid;gap:14px;max-width:72ch;font:400 18px/1.7 var(--dlb-body);color:var(--dlb-ink-2)}
#dlb .dlc-intro-tx p{margin:0}
#dlb .dlc-intro-tx strong{font-weight:700;color:var(--dlb-ink)}
#dlb .dlc-intro-tx a{color:var(--dlb-accent)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:.22em}
#dlb .dlc-intro-tx a:hover{text-decoration-thickness:2px}
#dlb.dlc-body .dlc-list.has-intro{padding-top:clamp(32px,4vw,48px)}