/*
 * Page-specific colour theming, ported verbatim from the live kinoarmata.org
 * inline <style> block on /en/news. Activated by body class:
 *   body.right-side                  → News (purple #555BD9 background)
 *   body.right-side.program-archive  → Program Archive (beige #BCB4BF)
 *   body.search-page                 → Search results (grey)
 */

.logo-color svg { fill: #000000; }

.left-side { background-color: #BCB4BF; }

.left-text,
.left-text a,
.sp-open:hover .left-text .element { color: black; }

.mobile-footer .left-text,
.mobile-footer .left-text a,
.mobile-footer .left-text input[type="submit" i] { color: black; }

.button-text {
  color: #BCB4BF;
  background-color: black;
}

.search-page .button-text {
  color: #dcdcdc;
  background: #000;
}

.search-page .element.tags span { border-color: #000; }

.buttons a.button {
  color: #555BD9;
  background: black;
}

.sp-hold:not(.sp-open):hover { background-color: black; }
.search-page .sp-hold:not(.sp-open):hover { background: #000; }

.news.sp-hold:not(.sp-open):hover { background-color: black; }
.search-page .news.sp-hold:not(.sp-open):hover { background: #000; }

.sp-hold:not(.sp-open):hover .single-programme .element { color: #BCB4BF; }

.secondary .single-programme { border-color: black; }
.search-page .secondary .single-programme { border-color: #000; }

.secondary .sp-hold:hover .single-programme .element { color: #555BD9; }
.search-page .secondary .sp-hold:hover .single-programme .element { color: #000; }

.element.tags span,
.programme-buttons.tag { border-color: black; }

.search-page .programme-buttons.tag { border-color: #000; }

.sp-hold:not(.sp-open):hover .element.tags span { border-color: #BCB4BF; }
.search-page .sp-hold:not(.sp-open):hover .element.tags span { border-color: #dcdcdc; }

.sp-hold:not(.sp-open):hover .element.tags span.kind {
  border-color: #BCB4BF;
  background-color: #BCB4BF;
  color: black;
}

.search-page .sp-hold:not(.sp-open):hover .element.tags span.kind {
  background: #dcdcdc;
  border-color: #000;
  color: #000;
}

.element.day { border-color: black; }

.top,
.menu-mobile { background-color: #BCB4BF; }

.top-special,
.menu-special { background-color: #555BD9; }

.menu-mobile .right-text a { color: black; }
.menu-special .right-text a { color: black; }

.lang,
.search {
  background-color: black;
  color: #BCB4BF;
}

.top-special .lang,
.top-special .search {
  background-color: black;
  color: #555BD9;
}

.search-page .lang { background: #000; }

.vertical .lang,
.right-text a.lang-solo {
  color: #555BD9;
  background-color: black;
}

.vertical .lang.left-text {
  color: #BCB4BF;
  background-color: black;
}

.right-side .all-menu-elements a:hover {
  color: #555BD9;
  background: black;
}

.right-side.program-archive .all-menu-elements a:hover {
  color: #BCB4BF;
  background: black;
}

.right-side .vertical .all-menu-elements { background: #555BD9; }
.right-side.program-archive .vertical .all-menu-elements { background: #BCB4BF; }

.search svg,
.search input,
.search input::placeholder { color: #BCB4BF; }

.top-special .search svg,
.top-special .search input,
.top-special .search input::placeholder { color: #555BD9; }

.search input::placeholder { opacity: .35; }

.colors,
.menu-tri { color: black; }

.top-special .colors,
.top-special .menu-tri { color: black; }

.border-color,
.border-color a { border-color: black; }

.right-side .border-color,
.right-side .border-color a { border-color: black; }

.search-page.right-side .border-color,
.search-page.right-side .border-color a { border-color: #000; }

.program-archive .border-color,
.program-archive .border-color a { border-color: black; }

.program-archive .subscribe.border-color { border-color: black; }

.right-side { background-color: #555BD9; }

.search-page { background: #dcdcdc; }
.search-page a { color: #000; }
.search-page .lang-solo { color: #dcdcdc; }
.search-page .secondary .sp-hold:not(.sp-open):hover .single-programme .element { color: #dcdcdc; }

.right-text,
.right-text a,
.right-text svg {
  color: black;
  fill: black;
}

.search-page .right-text,
.search-page .right-text a,
.search-page .right-text svg {
  color: #000;
  fill: #000;
}

.right-text .article p a { border-color: black; }

.projects a .image-white { display: none; }
.projects a:hover .image-white { display: block; }
.projects a:hover .image-black { display: none; }

.right-text .projects a:hover svg { fill: white; }

.program-archive .x-page.right-text { color: black; }

.right-border,
.right-border a { border-color: black; }

.menu-mobile .right-border a { border-color: black; }
.menu-special .right-border a { border-color: black; }

.hwrap { border-color: black; }
.hitem { color: black; }

.disclaimer {
  color: black;
  border-color: black;
}

/* Today's section in the weekly program: thick lines bracketing it */
.sp-hold:not(.acms-weekly-today) + .sp-hold.acms-weekly-today .single-programme,
.sp-hold.acms-weekly-today + .sp-hold:not(.acms-weekly-today) .single-programme {
  border-top-width: 3px;
}

.slideshow-caption { background-color: #555BD9; }

.dropdown span.svg { color: black; }

.right-side .subscribe input::placeholder,
.right-side .subscribe input:focus::placeholder { color: black; }

.search-page.right-side .subscribe input::placeholder,
.search-page.right-side .subscribe input:focus::placeholder { color: #000; }

.subscribe input::placeholder,
.subscribe input:focus::placeholder,
.right-side.program-archive .subscribe input::placeholder,
.right-side.program-archive .subscribe input:focus::placeholder { color: black; }

.subscribe input:focus::placeholder { opacity: .35; }

.svg-project svg path { fill: black; }
.svg-project:hover svg path { fill: white; }
.svg-project:hover span { color: white; }

.main::-webkit-scrollbar-track { background: #BCB4BF; }
.main::-webkit-scrollbar {
  width: 7px;
  background: #BCB4BF;
}
.main::-webkit-scrollbar-thumb { background: black; }

.menu-projects::-webkit-scrollbar-track,
body::-webkit-scrollbar-track { background: #555BD9; }

.menu-projects::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 7px;
  background: #555BD9;
}

.menu-projects::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb { background: black; }

body.program-archive::-webkit-scrollbar-track { background: #BCB4BF; }

body.program-archive::-webkit-scrollbar {
  width: 7px;
  background: black;
}

.right-side.program-archive { background-color: #BCB4BF; }

.right-text.program-archive,
.right-text.program-archive a,
.right-text.program-archive svg,
.program-archive .right-text svg { color: black; }