/* History of Great Britain — overrides loaded after core/css/style.css, the
   rulers-groups module CSS and css/map.css. */

/* Typography: Inria Serif headings, Source Sans 3 text (fonts_url in site.php). */
:root {
  --f-heading:   'Inria Serif', Georgia, serif;
  --f-body:      'Source Sans 3', 'Crimson Text', Georgia, serif;
  --f-ui:        'Source Sans 3', system-ui, sans-serif;
}

/* The British History logo is wider than the core default. */
#app-logo { width:216px; }
@media (max-width:1200px) { #app-logo { width:171px; } }
@media (max-width:960px)  { #app-logo { width:204px; } }
@media (max-width:760px)  { #app-logo { width:180px; } }
@media (max-width:520px)  { #app-logo { width:156px; } }

/* Royal Houses & Parties: portrait tiles and tabs in the rulers-tab style;
   heraldry artwork sits inside the round logo. */
.rpp-grid { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
.rpp-tab { font-family:var(--f-ui); font-size:12.5px; font-weight:600; letter-spacing:0.8px; padding:10px 18px; }
.rpp-logo img { object-fit:contain; }

/* Rulers search: 30% wider than the core 280px, with a lighter border,
   icon and placeholder so it reads clearly against the dark panel. */
.rp-search-wrap { border-color:rgba(255,255,255,0.3); color:var(--white); }
.rp-search-wrap:focus-within { border-color:rgba(201,168,68,0.7); }
.rp-search-icon { opacity:0.9; }
.rp-search-input::placeholder { color:var(--white-mid); }
@media (min-width:901px) { .rp-search-wrap { width:364px; } }

.rp-accomplishments li strong { font-weight:600; color:var(--white); }
@media (max-width:1200px) and (min-width:761px) { .legacy-grid { grid-template-columns:1fr 1fr; } }

/* "Great Britain in YEAR" map thumbnails (BritishMap.renderThumb): land,
   that year's polities, and the British home realm, empire and Dominions
   in gold over the modern UK outline. */
.em-map-thumb path { vector-effect:non-scaling-stroke; }
.em-map-thumb .land { fill:#2e2c38; stroke:none; }
.em-map-thumb .reg { fill:#4a4756; stroke:rgba(255,255,255,0.16); stroke-width:0.5px; }
.em-map-thumb .ref { fill:var(--gold); fill-opacity:0.55; stroke:none; }
.em-map-thumb .reg.gb, .em-map-thumb .reg.emp, .em-map-thumb .reg.dom { fill:var(--gold); stroke:rgba(201,168,68,0.9); }
.em-map-thumb .reg.emp { fill-opacity:0.75; }
.em-map-thumb .reg.dom { fill-opacity:0.55; }
.em-map-thumb .ref, .em-map-thumb .reg.gb { filter:drop-shadow(0 0 6px rgba(201,168,68,0.6)); }