/* History of Brazil — overrides loaded after core/css/style.css: the
   inline SVG logo, four rulers-tab icons, ten At a Glance ages in one row,
   the governor / viceroy, regent and prime-minister cards in "Who Was in
   Power", and the map's live legend. The map itself uses core's .cm-*
   styles (js/brazil-map.js is the christianity map engine). */

/* Inline SVG logo (partials/logo.php, site.php logo_partial) — sized like
   the image logo of the other sites. */
#app-logo.app-logo-svg { height:auto; overflow:visible; }

/* ════════════════════════════════════════
   Rulers page — Kings of Portugal (crown), Governors & Viceroys (caravel),
   Emperors & Regents (imperial crown with a cross) and Prime Ministers
   (briefcase) tab icons; site.php gives those tabs icon 'none', so they
   are drawn here in the tab's text colour.
════════════════════════════════════════ */
.rp-tab[data-tab="crown"]::before,
.rp-tab[data-tab="colonial"]::before,
.rp-tab[data-tab="empire"]::before,
.rp-tab[data-tab="cabinet"]::before {
  content:''; flex-shrink:0; width:14px; height:14px;
  background-color:currentColor;
  -webkit-mask:var(--br-tab-icon) center / contain no-repeat;
  mask:var(--br-tab-icon) center / contain no-repeat;
}
.rp-tab[data-tab="crown"] {
  --br-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 13.5h11M3.2 11.2L2 4.6l3.5 2.6L8 2.6l2.5 4.6L14 4.6l-1.2 6.6z' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}
.rp-tab[data-tab="colonial"] {
  --br-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 10.5h13l-2 3.2h-9zM8 10.5V1.8M8 2.5c2.6 1 3.8 3.4 3.8 6.6H8M8 3.6c-1.9.9-2.9 2.8-2.9 5.5H8' fill='none' stroke='%23000' stroke-width='1.25' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}
.rp-tab[data-tab="empire"] {
  --br-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2v2.6M6.8 2.4h2.4M3 14h10M3.5 11.8c-.6-3.2.2-6.2 4.5-7.4 4.3 1.2 5.1 4.2 4.5 7.4zM8 4.4v7.4M5.4 6.1c-.6 1.8-.6 3.8-.2 5.7M10.6 6.1c.6 1.8.6 3.8.2 5.7' fill='none' stroke='%23000' stroke-width='1.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}
.rp-tab[data-tab="cabinet"] {
  --br-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.8' y='5' width='12.4' height='8.6' rx='1.3' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M5.8 5V3.6a1 1 0 0 1 1-1h2.4a1 1 0 0 1 1 1V5M1.8 8.8h12.4M7 8.8v1.4h2V8.8' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ════════════════════════════════════════
   At a Glance — ten ages: one column per age, all in a single row (core
   lays out eight); bibliography in four columns.
════════════════════════════════════════ */
@media (min-width:901px) {
  .ag-era-list { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); }
}
.bib-groups { grid-template-columns:repeat(4, minmax(0, 1fr)); }

/* ════════════════════════════════════════
   "Who Was in Power" — the ruler (King of Portugal, emperor, regent or
   president) beside the governor-general or viceroy (to 1808), the regent
   or co-regents, and the President of the Council of Ministers (1847–1889)
   or prime minister (1961–1963): the event's `primeMinister` card(s); the
   columns stack once each would drop below ~200px.
════════════════════════════════════════ */
.em-power {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap:12px 20px;
  align-items:start;
}
.em-power > .em-power-heading { grid-column:1 / -1; margin-bottom:1px; }
a.em-power-card--pm { color:inherit; text-decoration:none; }

/* ════════════════════════════════════════
   MAP — "Brazil Through Time": the legend lists only the powers shown in
   the year on screen (js/brazil-map.js sets .is-off).
════════════════════════════════════════ */
.cm-lg span.is-off { display:none; }