/* Calm look (owner, 2026-09-30: "the site is full of strong colours, users get lost").
   Loaded last. Product pictures become one classic folder style (soft manila folder, grey icon, neutral background, grey
   platform tag) instead of a different strong colour per platform / collection. */
html body .auto-cover,
html body .auto-cover.cover-mt5, html body .auto-cover.cover-dual, html body .auto-cover.cover-oldkings, html body .auto-cover.cover-bundle {
  --cover-bg: #f5f6f8; --folder: #f3d98b; --folder-tab: #e8c664; --folder-ink: #6b5418;
  background: var(--cover-bg) !important;
}
html body .auto-cover .cover-folder {
  background: var(--folder) !important; color: var(--folder-ink) !important;
  border-radius: 3px 8px 8px 8px !important; box-shadow: inset 0 -3px 0 rgba(107, 84, 24, .12), 0 2px 5px rgba(60, 50, 20, .12);
}
html body .auto-cover .cover-folder::before { background: var(--folder-tab) !important; border-radius: 5px 5px 0 0 !important; }
html body .auto-cover .cover-folder svg { stroke-width: 2.2; opacity: .85; }
html body .auto-cover .cover-platform {
  background: #e7ebf1 !important; color: #3b4658 !important; font-weight: 700 !important; letter-spacing: .02em;
}
html body .auto-cover .cover-category { color: #6b7485 !important; }
html body .cover-crown { color: #7a6a44 !important; background: #fff !important; border-color: #e6dcc3 !important; }

html[data-theme=dark] body .auto-cover,
html[data-theme=dark] body .auto-cover:is(.cover-mt5, .cover-dual, .cover-oldkings, .cover-bundle) { --cover-bg: #1a2233; --folder: #c9ad62; --folder-tab: #b39545; --folder-ink: #3d2f0c; }
html[data-theme=dark] body .auto-cover .cover-name { color: #e6edf8 !important; }
html[data-theme=dark] body .auto-cover .cover-platform { background: #2a3448 !important; color: #c9d3e3 !important; }
html[data-theme=dark] body .auto-cover .cover-category { color: #9aa6ba !important; }
html[data-theme=dark] body .cover-crown { color: #d9c28a !important; background: #222b3d !important; border-color: #3a4560 !important; }

/* Sidebar: the result count is a white card (not a big blue block); category icons one grey tone, blue only when selected. */
html body .sidebar.sb > .sb-summary { background: var(--surface, #fff) !important; border: 1px solid var(--line, #e6e5ee) !important; color: var(--text, #242337) !important; }
html body .sb-summary-action { background: #eaf3ff !important; color: #0068d6 !important; border-color: transparent !important; }
html body .sb-summary-action:hover { background: #dcebff !important; }
html body .sb-summary-action.is-clear { background: #0068d6 !important; color: #fff !important; }
html body .sb-cat:not(.active) .sb-cat-icon, html body .sb-cat:not(.active) .sb-cat-icon svg, html body .sb-cat:not(.active) .sb-cat-icon .ui-icon { color: #5b6b82 !important; }
html[data-theme=dark] body .sb-summary-action { background: #15304f !important; color: #9fcbff !important; }
html[data-theme=dark] body .sb-cat:not(.active) .sb-cat-icon, html[data-theme=dark] body .sb-cat:not(.active) .sb-cat-icon svg { color: #a5b4c8 !important; }
/* the PolyMaria "P" logo (assets/favicon.svg): the SVG carries its own colours, so no tile behind it */
.brand .brand-mark.pm-logo { background: none !important; box-shadow: none; border-radius: 0; color: inherit; }
.brand .brand-mark.pm-logo svg { width: 100%; height: 100%; }