/* ---------------------------------------------------------------------------
   GLB · WordPress bridging styles for the Ledger design.
   Loaded after styles/ledger.css. Only covers markup that exists because the
   site runs in WordPress (real language links, Customizer images, the map
   embed, post content from the block editor, pagination). Everything else is
   the design's own CSS, untouched.
--------------------------------------------------------------------------- */

/* Language links: the design draws "EN · FR" as buttons; here they are links
   (.glb-lang, see glb_ledger_lang_links() for why not the design's .lang). */
.seg .glb-lang { display: inline-flex; align-items: center; gap: 4px; }
.seg .glb-lang a { display: inline; color: var(--mute); padding: 0 2px; height: auto; border: 0; background: none; }
.seg .glb-lang a:hover { color: var(--txt); }
.seg .glb-lang .on { color: var(--txt); padding: 0 2px; }

/* Mobile drawer: other sections + languages (the segment bar is hidden < 1060px). */
.drawer .dsec { color: var(--mute); }
.drawer .dlang { padding-top: 14px; font-weight: 600; }
.drawer .dlang .glb-lang { display: flex; gap: 8px; align-items: center; }
.drawer .dlang a { padding: 0; border: 0; color: var(--gold-t); }
.drawer .dlang .on { color: var(--txt); }

/* Logged-in editors: keep the sticky nav below the admin bar. */
.admin-bar .nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav { top: 0; } }

/* Find a Branch: Google map embed (inc/map.php). */
.map { margin-top: 40px; }
.map .a4p-map { aspect-ratio: 21/9; border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); background: var(--s2); }
.map .a4p-map iframe { width: 100%; height: 100%; display: block; }
.map p a { color: var(--gold-t) !important; }
@media (max-width: 700px) { .map .a4p-map { aspect-ratio: 4/3; } }

/* Reports: empty state + download links styled as the design's buttons. */
.rl .empty { padding: 40px 0; color: var(--mute); text-align: center; }

/* News: pagination under the listing. */
.pg { margin-top: 40px; }
.pg .nav-links { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pg .page-numbers { min-width: 42px; height: 42px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line2); border-radius: var(--r); font-weight: 600; font-size: 14px; }
.pg .page-numbers.current { background: var(--gold); border-color: var(--gold); color: #07142B; }
.pg .screen-reader-text { position: absolute; left: -9999px; }
.sec .empty { padding: 40px 0; color: var(--mute); text-align: center; }

/* Post / page body from the block editor. */
.art-b img, .art-b figure { max-width: 100%; height: auto; border-radius: 6px; }
.art-b figure { margin: 28px 0; }
.art-b figcaption { font-size: 13px; color: var(--mute); margin-top: 8px; }
.art-b ol { margin: 0 0 22px; padding-left: 22px; display: grid; gap: 8px; }
.art-b h3 { font-size: 20px; font-weight: 700; margin: 28px 0 10px; }
.art-b table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 15px; }
.art-b th, .art-b td { border-bottom: 1px solid var(--line); padding: 10px 8px; text-align: left; }
.art-b .wp-block-button__link { display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: var(--r); background: var(--gold); color: #07142B; font-weight: 700; }
.art-b .alignleft { float: left; margin: 6px 24px 16px 0; }
.art-b .alignright { float: right; margin: 6px 0 16px 24px; }
.art-b .aligncenter { margin-left: auto; margin-right: auto; }
.g-content { max-width: 760px; }

/* The [hidden] attribute must always win. The design's own display rules
   (.rr{display:grid} on Reports rows, among others) outrank the browser's
   built-in [hidden]{display:none}, so the Reports year/category filter set
   row.hidden = true and the rows stayed on screen. */
[hidden] { display: none !important; }

/* Reports category buttons carry a document count. */
#ft button small { font-size: 12px; font-weight: 500; opacity: .7; margin-left: 2px; }