/* =========================================================
   DENÍK RESTART – HOMEPAGE
========================================================= */

.rm-journal-home {
  position: relative !important;
  left: 50% !important;

  width: 100vw !important;
  margin-left: -50vw !important;

  padding: 74px 24px 78px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      ellipse at 5% 12%,
      rgba(93, 169, 66, .055),
      transparent 28%
    ),
    radial-gradient(
      ellipse at 95% 88%,
      rgba(237, 98, 82, .025),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfaf7 100%
    ) !important;

  box-sizing: border-box !important;
}

.rm-journal-home *,
.rm-journal-home *::before,
.rm-journal-home *::after {
  box-sizing: border-box !important;
}


/* =========================================================
   VNITŘNÍ ŠÍŘKA
========================================================= */

.rm-journal-home__inner {
  width: min(1160px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
}


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

.rm-journal-home__header {
  max-width: 720px !important;

  margin: 0 auto 42px !important;

  text-align: center !important;
}


/* DENÍK RESTART */

.rm-journal-home__eyebrow {
  margin: 0 0 10px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  letter-spacing: .17em !important;
  text-transform: uppercase !important;

  color: #5da942 !important;
}


/* HLAVNÍ NADPIS */

.rm-journal-home__title {
  margin: 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 3.55vw, 50px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;

  letter-spacing: -.035em !important;

  color: #183d33 !important;
}

.rm-journal-home__title span {
  color: #ed6252 !important;
}


/* PODNADPIS */

.rm-journal-home__lead {
  max-width: 650px !important;

  margin: 17px auto 0 !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: clamp(16px, 1.4vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  color: #706b65 !important;
}


/* =========================================================
   GRID – 3 ČLÁNKY VEDLE SEBE
========================================================= */

.rm-journal-home__grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  align-items: stretch !important;

  gap: 20px !important;
}


/* =========================================================
   KARTA ČLÁNKU
========================================================= */

.rm-journal-card {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(35, 91, 77, .09) !important;

  border-radius: 19px !important;

  background:
    rgba(255, 255, 255, .97) !important;

  box-shadow:
    0 14px 32px rgba(48, 55, 49, .045),
    0 2px 7px rgba(48, 55, 49, .015) !important;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}


/* =========================================================
   OBRÁZEK
========================================================= */

.rm-journal-card__image {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  aspect-ratio: 16 / 10 !important;

  overflow: hidden !important;

  background: #f4f5f1 !important;
}

.rm-journal-card__image::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    linear-gradient(
      180deg,
      transparent 65%,
      rgba(24, 61, 51, .045) 100%
    ) !important;

  pointer-events: none !important;
}

.rm-journal-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  transition:
    transform .4s ease,
    filter .4s ease !important;
}


/* =========================================================
   OBSAH KARTY
========================================================= */

.rm-journal-card__content {
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;

  padding: 22px 22px 23px !important;
}


/* NADPIS */

.rm-journal-card h3 {
  margin: 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: clamp(19px, 1.55vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;

  letter-spacing: -.018em !important;

  color: #183d33 !important;
}

.rm-journal-card h3 a {
  color: inherit !important;

  text-decoration: none !important;

  transition:
    color .2s ease !important;
}

.rm-journal-card h3 a:hover,
.rm-journal-card h3 a:focus {
  color: #4f913d !important;

  text-decoration: none !important;
}


/* POPIS */

.rm-journal-card__content > p {
  margin: 12px 0 19px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  color: #68635e !important;
}


/* ČÍST ČLÁNEK */

.rm-journal-card__link {
  display: inline-flex !important;

  align-items: center !important;

  gap: 8px !important;

  align-self: flex-start !important;

  margin-top: auto !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;

  text-decoration: none !important;

  color: #4f913d !important;
}

.rm-journal-card__link span {
  display: inline-block !important;

  font-size: 17px !important;

  transition:
    transform .2s ease !important;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

  .rm-journal-card:hover {
    border-color:
      rgba(93, 169, 66, .20) !important;

    box-shadow:
      0 20px 42px rgba(48, 55, 49, .07),
      0 3px 9px rgba(48, 55, 49, .02) !important;

    transform:
      translateY(-5px) !important;
  }

  .rm-journal-card:hover
  .rm-journal-card__image img {
    transform:
      scale(1.045) !important;

    filter:
      brightness(1.015)
      saturate(.97) !important;
  }

  .rm-journal-card__link:hover span,
  .rm-journal-card__link:focus span {
    transform:
      translateX(4px) !important;
  }

}


/* =========================================================
   SPODNÍ ČÁST
========================================================= */

.rm-journal-home__footer {
  max-width: 650px !important;

  margin: 36px auto 0 !important;

  text-align: center !important;
}

.rm-journal-home__footer p {
  margin: 0 0 17px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  color: #77716b !important;
}


/* =========================================================
   TLAČÍTKO
========================================================= */

.rm-journal-home__button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 10px !important;

  min-height: 47px !important;

  padding: 12px 23px !important;

  border:
    1px solid rgba(79, 145, 61, .45) !important;

  border-radius: 999px !important;

  background:
    rgba(255, 255, 255, .75) !important;

  font-family:
    "Mulish", Arial, Helvetica, sans-serif !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  color: #4f913d !important;

  text-decoration: none !important;

  transition:
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    transform .22s ease,
    box-shadow .22s ease !important;
}

.rm-journal-home__button span {
  display: inline-block !important;

  font-size: 17px !important;

  transition:
    transform .22s ease !important;
}

.rm-journal-home__button:hover,
.rm-journal-home__button:focus {
  border-color:
    #5da942 !important;

  background:
    #f4f8f0 !important;

  color:
    #3f7d30 !important;

  text-decoration:
    none !important;

  transform:
    translateY(-2px) !important;

  box-shadow:
    0 9px 19px rgba(79, 145, 61, .09) !important;
}

.rm-journal-home__button:hover span,
.rm-journal-home__button:focus span {
  transform:
    translateX(3px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .rm-journal-home {
    padding:
      64px 20px 68px !important;
  }

  .rm-journal-home__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap:
      16px !important;
  }

  .rm-journal-card:last-child {
    grid-column:
      1 / -1 !important;

    width:
      min(520px, 100%) !important;

    justify-self:
      center !important;
  }

}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 640px) {

  .rm-journal-home {
    padding:
      52px 16px 56px !important;
  }

  .rm-journal-home__inner {
    width:
      100% !important;
  }

  .rm-journal-home__header {
    margin-bottom:
      30px !important;
  }

  .rm-journal-home__eyebrow {
    font-size:
      10.5px !important;
  }

  .rm-journal-home__title {
    font-size:
      clamp(30px, 9vw, 38px) !important;
  }

  .rm-journal-home__lead {
    margin-top:
      14px !important;

    font-size:
      15.5px !important;
  }

  .rm-journal-home__grid {
    grid-template-columns:
      1fr !important;

    gap:
      15px !important;
  }

  .rm-journal-card:last-child {
    grid-column:
      auto !important;

    width:
      100% !important;
  }

  .rm-journal-card {
    border-radius:
      17px !important;
  }

  .rm-journal-card__content {
    padding:
      19px 19px 21px !important;
  }

  .rm-journal-card h3 {
    font-size:
      20px !important;
  }

  .rm-journal-card__content > p {
    font-size:
      14px !important;
  }

  .rm-journal-home__footer {
    margin-top:
      30px !important;
  }

  .rm-journal-home__button {
    width:
      100% !important;
  }

}


/* =========================================================
   OMEZENÍ ANIMACÍ
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .rm-journal-card,
  .rm-journal-card__image img,
  .rm-journal-card__link span,
  .rm-journal-home__button,
  .rm-journal-home__button span {
    transition:
      none !important;
  }

  .rm-journal-card:hover,
  .rm-journal-card:hover
  .rm-journal-card__image img,
  .rm-journal-card__link:hover span,
  .rm-journal-home__button:hover {
    transform:
      none !important;
  }

}