/**
 * Základné farebné nastavenie šablóny Cassiopeia
 * Joomla 4 / 5 / 6
 *
 * Farby jednotlivých oblastí upravuj iba v sekcii :root.
 */

:root {
  /* Základ stránky */
  --cass-bg-page: #ffffff;
  --cass-bg-site-grid: #ffffff;
  --cass-text-page: #212529;

  /* Hlavička */
  --cass-bg-header: #ffffff;
  --cass-bg-topbar: #ffffff;
  --cass-bg-below-top: #ffffff;
  --cass-bg-brand: #ffffff;
  --cass-bg-menu: #ffffff;
  --cass-bg-search: #ffffff;
  --cass-text-header: #212529;
  --cass-text-menu: #212529;

  /* Obsahové pozície */
  --cass-bg-banner: #ffffff;
  --cass-bg-top-a: #ffffff;
  --cass-bg-top-b: #ffffff;
  --cass-bg-sidebar-left: #ffffff;
  --cass-bg-component: #ffffff;
  --cass-bg-sidebar-right: #ffffff;
  --cass-bg-bottom-a: #ffffff;
  --cass-bg-bottom-b: #ffffff;

  /* Pätička */
  --cass-bg-footer: #ffffff;
  --cass-text-footer: #212529;

  /* Voliteľné vnútorné prvky */
  --cass-bg-module-card: #ffffff;
  --cass-bg-breadcrumbs: #ffffff;
}

/* ==============================================================
   ZÁKLAD STRÁNKY
   ============================================================== */

body.site {
  background: var(--cass-bg-page);
  color: var(--cass-text-page);
}

.site-grid {
  background: var(--cass-bg-site-grid);
}

/* ==============================================================
   HLAVIČKA
   ============================================================== */

.container-header {
  background: var(--cass-bg-header);
  color: var(--cass-text-header);
}

.container-topbar {
  background: var(--cass-bg-topbar);
}

.container-below-top {
  background: var(--cass-bg-below-top);
}

/* Oblasť loga alebo názvu stránky nemá v Cassiopeii vlastnú triedu. */
.container-header > .grid-child:not(.container-below-top):not(.container-nav) {
  background: var(--cass-bg-brand);
}

.container-nav {
  background: var(--cass-bg-menu);
}

.container-search {
  background: var(--cass-bg-search);
}

/* Farby textov a odkazov v hlavičke */
.container-header,
.container-header a,
.container-header .site-description {
  color: var(--cass-text-header);
}

.container-nav,
.container-nav a,
.container-nav .mod-menu,
.container-nav .mod-menu > li > a,
.container-nav .mod-menu > li > span {
  color: var(--cass-text-menu);
}

/* Mobilné tlačidlo menu pri svetlom pozadí */
.container-header .navbar-toggler {
  color: var(--cass-text-menu);
  border-color: currentColor;
}

/* ==============================================================
   HLAVNÉ OBSAHOVÉ POZÍCIE
   ============================================================== */

.container-banner {
  background: var(--cass-bg-banner);
}

.container-top-a {
  background: var(--cass-bg-top-a);
}

.container-top-b {
  background: var(--cass-bg-top-b);
}

.container-sidebar-left {
  background: var(--cass-bg-sidebar-left);
}

.container-component {
  background: var(--cass-bg-component);
}

.container-sidebar-right {
  background: var(--cass-bg-sidebar-right);
}

.container-bottom-a {
  background: var(--cass-bg-bottom-a);
}

.container-bottom-b {
  background: var(--cass-bg-bottom-b);
}

/* ==============================================================
   VOLITEĽNÉ VNÚTORNÉ PRVKY
   ============================================================== */

/* Moduly zobrazované štýlom „card“ */
.site-grid .card {
  background: var(--cass-bg-module-card);
}

/* Drobečková navigácia */
.container-component .breadcrumb {
  background: var(--cass-bg-breadcrumbs);
}

/* ==============================================================
   PÄTIČKA
   ============================================================== */

.container-footer {
  background: var(--cass-bg-footer);
  color: var(--cass-text-footer);
}

.container-footer a {
  color: var(--cass-text-footer);
}

/* Vycentrovanie modulu v pätičke */
.container-footer .grid-child {
    justify-content: center;
    text-align: center;
}

/* Vycentrovanie samotného obsahu modulu */
.container-footer .moduletable,
.container-footer .mod-custom {
    width: 100%;
    text-align: center;
}