/* ============================================================
   iXBRL.one — "Підтримувані таксономії" page CSS
   Verbatim from ixbrl-taxonomies.html's <style> block. Every rule is
   scoped under .ixbrl-lp, same convention as the landing page. Note:
   .py-6 and .form-outline .form-notch div here are IDENTICAL to the
   same rules in ixbrl-lp.css -- both stylesheets are only ever enqueued
   on their own template (is_page_template() guard in functions.php),
   never together, so there's no real duplication in practice.
   ============================================================ */

/* vertical rhythm: MDB tops out at py-5, this page needs a larger section pad */
.ixbrl-lp .py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
@media (max-width: 767.98px) { .ixbrl-lp .py-6 { padding-top: 2.5rem; padding-bottom: 2.5rem; } }

.ixbrl-lp .tax-row { border-top: 1px solid var(--mdb-gray-200); transition: background .15s; }
.ixbrl-lp .tax-row:hover { background: var(--mdb-gray-100); }
.ixbrl-lp .tax-row:first-child { border-top: 0; }

/* year divider — label plus a rule that fills the remaining width */
.ixbrl-lp .yearline { display: flex; align-items: center; gap: 1rem; }
.ixbrl-lp .yearline::after { content: ""; flex: 1; height: 1px; background: var(--mdb-gray-300); }

/* country filter pills. Deliberately NOT MDB .nav-pills / .btn-group: they need to hold a
   flag icon plus a count badge and stay pill-shaped when the row wraps on mobile. */
.ixbrl-lp .cbtn { border: 1px solid var(--mdb-gray-300); background: #fff; color: var(--mdb-gray-700); border-radius: 999px; padding: .5rem 1.1rem; font-size: .9rem; font-weight: 500; display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; transition: all .15s; }
.ixbrl-lp .cbtn:hover { border-color: var(--mdb-primary); color: var(--mdb-primary); }
.ixbrl-lp .cbtn[aria-pressed="true"] { background: var(--mdb-primary); border-color: var(--mdb-primary); color: #fff; }
/* MDB's .flag carries a default margin meant for inline text runs; the pill uses gap instead */
.ixbrl-lp .cbtn .flag { margin: 0; }

/* MDB's notch borders compute to a sub-pixel width under page zoom and can round away to
   nothing on some fields; pin them to a whole pixel so every outline stays visible */
.ixbrl-lp .form-outline .form-notch div { border-width: 1px; }