/**
 * @file
 * Status hlasky (status / warning / error) – barevne odliseni podle stavu.
 *
 * Markup: status-messages.html.twig (.messages / .messages--<typ>). Nactena
 * globalne pres global-styling, aby hlasky fungovaly na vsech strankach.
 * Umisteni resi region highlighted (page.html.twig / page--front.html.twig),
 * hlaska se renderuje inline na celou sirku .containeru stejne jako obsah.
 *
 * Paleta z main.css: uspech #579257, varovani #e8cf67/#fff6d2, chyba #da5151,
 * neutralni #c9cfd2/#eef3f4, text #333, font roboto.
 */

.messages {
  margin: 0 0 18px;
  padding: 15px 20px;
  font-family: "roboto", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: #333;
  background: #eef3f4;
  border: 1px solid #dbe2e4;
  border-left: 5px solid #c9cfd2;
  border-radius: 8px;
}

.messages:last-child {
  margin-bottom: 0;
}

.messages a {
  color: inherit;
  text-decoration: underline;
}

.messages__list {
  margin: 0;
  padding-left: 18px;
}

.messages__item {
  margin: 4px 0;
}

/* Uspech (napr. "Vyrovnavaci pamet byla vymazana"). */
.messages--status {
  background: #eef7ee;
  border-color: #cfe4cf;
  border-left-color: #579257;
}

/* Varovani. */
.messages--warning {
  background: #fff6d2;
  border-color: #f1df91;
  border-left-color: #e8cf67;
}

/* Chyba. */
.messages--error {
  background: #fbe7e7;
  border-color: #f1c4c4;
  border-left-color: #da5151;
}