/* MMA Vigilance — complément au style principal Météo-Marine */

.mma-vigi-badge {
  display: inline;
  padding: 0 .4em;
  border-radius: 999px;
}

.mma-vigi-badge--jaune {
  background: var(--mma-yellow);
  color: #000;
}

.mma-vigi-badge--orange {
  background: var(--mma-orange);
  color: #000;
}

.mma-vigi-badge--rouge {
  background: var(--mma-red);
  color: #fff;
}

.mma-vigi-bulletin {
  margin-top: 1rem;
  padding-top: .95rem;
  border-top: 1px solid #e5e7eb;
}

.mma-vigi-bulletin h3 {
  margin: 0 0 .25rem;
  font-size: 1.05rem;
}

.mma-vigi-bulletin__meta {
  margin: 0 0 .55rem !important;
  color: #6b7280;
  font-size: .875rem;
}

.mma-vigi-bulletin__preview {
  margin-bottom: .65rem !important;
}

.mma-vigi-bulletin__details {
  margin-top: .55rem;
}

.mma-vigi-bulletin__details summary {
  width: fit-content;
  color: var(--mma-blue);
  font-weight: 600;
  cursor: pointer;
}

.mma-vigi-bulletin__details summary:hover {
  text-decoration: underline;
}

.mma-vigi-bulletin__details summary:focus-visible {
  outline: 2px solid var(--mma-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

.mma-vigi-bulletin__details[open] summary {
  margin-bottom: .8rem;
}

.mma-vigi-bulletin__details h4 {
  margin: .9rem 0 .35rem;
  font-size: 1rem;
}

.mma-vigi-bulletin__heading {
  margin-top: .75rem !important;
}

@media (max-width: 640px) {
  .mma-vigi-bulletin {
    margin-top: .85rem;
    padding-top: .8rem;
  }
}