/**
 * Legislativní upozornění u produktu (prestaservis_legalnotice)
 *
 * Vzhled bloku je celý tady – v editorech se ukládá jen prostý text
 * (odstavce, případně tučné), takže barvu i typografii lze měnit na jednom místě.
 */
:root {
  --legalnotice-red: #d0121a;
}

.prestaservis-legalnotice {
  margin: 25px 0 10px;
}

.prestaservis-legalnotice__item {
  position: relative;
  background: #fdf4f4;
  border: 1px solid #f2d5d5;
  border-left: 4px solid var(--legalnotice-red);
  border-radius: 3px;
  padding: 16px 20px 6px;
}

.prestaservis-legalnotice__item + .prestaservis-legalnotice__item {
  margin-top: 15px;
}

.prestaservis-legalnotice__title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  color: var(--legalnotice-red);
  text-transform: none;
}

.prestaservis-legalnotice__icon {
  font-size: 20px;
  line-height: 1.2;
  flex: 0 0 auto;
}

/* Text upozornění – barvu sem (původně bývala přímo v HTML z editoru).
   Odstavce se musí cílit zvlášť: téma má obecné `p { color: #454545 }`,
   které by text uvnitř bloku přebilo. */
.prestaservis-legalnotice__content,
.prestaservis-legalnotice__content p,
.prestaservis-legalnotice__content strong,
.prestaservis-legalnotice__content em,
.prestaservis-legalnotice__content li {
  color: var(--legalnotice-red);
}

.prestaservis-legalnotice__content {
  font-size: 14px;
  line-height: 1.55;
}

.prestaservis-legalnotice__content p {
  margin: 0 0 8px;
}

.prestaservis-legalnotice__content p:last-child {
  margin-bottom: 0;
}

/* Prázdné odstavce z editoru (TinyMCE občas nechá <p></p>) ať nedělají mezery */
.prestaservis-legalnotice__content p:empty {
  display: none;
}

.prestaservis-legalnotice__content strong {
  font-weight: 700;
}

@media (max-width: 480px) {
  .prestaservis-legalnotice__item {
    padding: 14px 15px 4px;
  }

  .prestaservis-legalnotice__title {
    font-size: 15px;
  }
}