/* History of Argentina — overrides loaded after core/css/style.css: the
   inline SVG logo, three rulers-tab icons, ten At a Glance ages in one row,
   the viceroy and Chief of the Cabinet cards in "Who Was in Power", and the
   map's live legend. The map itself uses core's .cm-* styles
   (js/argentina-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 — Incas, Kings & Viceroys (crowned tower), Juntas &
   Governors (cabildo arcade) and Chiefs of Cabinet (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="provinces"]::before,
.rp-tab[data-tab="cabinet"]::before {
  content:''; flex-shrink:0; width:14px; height:14px;
  background-color:currentColor;
  -webkit-mask:var(--ar-tab-icon) center / contain no-repeat;
  mask:var(--ar-tab-icon) center / contain no-repeat;
}
.rp-tab[data-tab="crown"] {
  --ar-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.2V5.5h2V7h1.5V5.5h3V7H11V5.5h2v8.7zM6.4 14.2v-2.6a1.6 1.6 0 0 1 3.2 0v2.6M1.8 14.2h12.4' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}
.rp-tab[data-tab="provinces"] {
  --ar-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 14.2h13M2.5 6.5h11L8 2.2zM3.3 14.2V9.6a1.4 1.4 0 0 1 2.8 0v4.6M6.6 14.2V9.6a1.4 1.4 0 0 1 2.8 0v4.6M9.9 14.2V9.6a1.4 1.4 0 0 1 2.8 0v4.6M2.5 6.5v1.6h11V6.5' fill='none' stroke='%23000' stroke-width='1.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}
.rp-tab[data-tab="cabinet"] {
  --ar-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 (Sapa Inca, King of Spain or head of
   state) beside the viceroy of the Río de la Plata (1776–1810) or the
   Chief of the Cabinet of Ministers (since 1995), the event's
   `primeMinister` card; 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 — "Argentina Through Time": the legend lists only the powers shown
   in the year on screen (js/argentina-map.js sets .is-off).
════════════════════════════════════════ */
.cm-lg span.is-off { display:none; }