.smtut-fiche-horaire {
  --forest-dark: #125d64;
  --honeydew:    #e8ffde;
  --honeydew-dark: #d6ffc4;
  --white:       #ffffff;

  display: flex;
  flex-direction: column;
  border-radius: 14px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}

a.smtut-fiche-horaire {
  cursor: pointer;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) !important;
}

a.smtut-fiche-horaire:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3) !important;
}

a.smtut-fiche-horaire:hover .smtut-fiche-horaire__bottom {
  background-color: var(--honeydew-dark);
}

a.smtut-fiche-horaire *,
a.smtut-fiche-horaire *:hover {
  text-decoration: none !important;
}

/* ─── Partie haute ────────────────────────────────── */

.smtut-fiche-horaire__top {
  background-color: var(--white);
  padding: 24px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.smtut-fiche-horaire__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.smtut-fiche-horaire__titre {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: var(--forest-dark);
  margin: 0;
}

.smtut-fiche-horaire__direction {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--forest-dark);
  margin: 0;
}

.smtut-fiche-horaire__arrow {
  margin-right: 2px;
}

/* ─── Picto circulaire ────────────────────────────── */

.smtut-fiche-horaire__picto {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smtut-fiche-horaire__picto span {
  font-family: 'Asap', 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  color: var(--white);
}

/* ─── Partie basse ────────────────────────────────── */

.smtut-fiche-horaire__bottom {
  background-color: var(--honeydew);
  padding: 24px;
}

.smtut-fiche-horaire__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: var(--forest-dark);
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 2px;
  transition: color 0.15s ease;
}

.smtut-fiche-horaire__link:hover {
  color: #0e4a50;
}

.smtut-fiche-horaire__link svg {
  flex-shrink: 0;
}

.smtut-fiche-horaire__no-pdf {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #657a7c;
  margin: 0;
  font-style: italic;
}