/* Společné rozložení tematických menu */

.tema-menu,
.tema-menu * {
  box-sizing: border-box;
}

.tema-menu {
  width: 94%;
  height: 95%;
  margin-left: 6%;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3%;

  overflow: hidden;
}

/* Levý čtvercový obrázek */

.tema-menu__image {
  width: 40%;
  aspect-ratio: 1 / 1;
  flex: 0 0 40%;

  overflow: hidden;
  border-radius: 8%;
}

.tema-menu__image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}

/* Pravý seznam položek */

.tema-menu__list {
  width: 52%;
  height: 70%;
  align-self: center;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;

  gap: 0.3%;

  overflow-x: hidden;
  overflow-y: auto;

  padding: 1% 1% 1% 0;
}

/* Jednotlivé položky */

.tema-menu__item {
  width: 100%;
  height: 15%;
  min-height: 15%;
  flex: 0 0 15%;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  padding: 0.3% 3% 0.8% 3%;

  color: #000;
  cursor: pointer;
  user-select: none;

  transition:
    padding-left 0.15s ease,
    background-color 0.15s ease;
}

.tema-menu__item:hover {
  padding-left: 4%;
  background-color: rgba(255, 255, 255, 0.3);
}

.tema-menu__item:active {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Velikost písma doplňuje JavaScript */

.tema-menu__item .resize-text {
  width: 100%;
  display: block;

  color: #000;
  line-height: 1.25;

  padding-top: 0.5%;
  padding-bottom: 1.5%;

  white-space: normal;
}