/* =========================================
   FICHIER : css/gouvernance-structure.css
   PAGE    : gouvernance.njk
   ROLE    : Direction Generale et documents
   ========================================= */

/* Direction générale */
.gov-direction {
  overflow: hidden;

  border: 1px solid var(--gov-line);
  border-radius: 24px;

  background: #fff;

  box-shadow:
    0 18px 44px
    rgba(30, 61, 89, 0.06);
}

.gov-direction__intro {
  padding: 28px;

  border-bottom: 1px solid var(--gov-line);
}

.gov-direction__intro > span {
  color: var(--gov-accent);

  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gov-direction__intro h3 {
  margin: 7px 0 6px;

  color: var(--gov-ink);

  font-size: 1.65rem;
}

.gov-direction__intro p {
  max-width: 660px;
  margin: 0;

  color: var(--gov-muted);

  line-height: 1.65;
}

/* Départements */
.gov-departments {
  display: grid;

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

.gov-department {
  min-height: 160px;

  padding: 24px;

  border-right: 1px solid var(--gov-line);
  border-bottom: 1px solid var(--gov-line);
}

.gov-department:nth-child(3n) {
  border-right: 0;
}

.gov-department:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.gov-department__number {
  display: block;

  margin-bottom: 28px;

  color: var(--gov-accent);

  font-size: 0.68rem;
  font-weight: 900;
}

.gov-department h3 {
  max-width: 250px;
  margin: 0;

  color: var(--gov-ink);

  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.gov-department__details {
  display: flex;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 10px;
}

.gov-department__details span {
  display: inline-flex;

  padding: 5px 8px;

  border-radius: 999px;

  background: var(--gov-soft);
  color: var(--gov-muted);

  font-size: 0.69rem;
  font-weight: 700;
}

/* Documents */
.gov-documents {
  display: grid;

  grid-template-columns:
    minmax(260px, 0.65fr)
    minmax(0, 1.35fr);

  gap: 18px;
  align-items: start;
}

.gov-documents__intro,
.gov-documents__list {
  border: 1px solid var(--gov-line);
  border-radius: 20px;

  background: #fff;
}

.gov-documents__intro {
  padding: 26px;
}

.gov-documents__status {
  display: inline-flex;

  padding: 6px 9px;

  border-radius: 999px;

  background: rgba(255, 110, 64, 0.08);
  color: var(--gov-accent);

  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.gov-documents__intro h3 {
  margin: 16px 0 8px;

  color: var(--gov-ink);

  font-size: 1.6rem;
}

.gov-documents__intro p {
  margin: 0;

  color: var(--gov-muted);

  line-height: 1.65;
}

.gov-documents__contact {
  display: inline-flex;

  gap: 10px;
  align-items: center;

  margin-top: 24px;

  color: var(--gov-ink);

  font-size: 0.82rem;
  font-weight: 900;
}

.gov-documents__contact span {
  color: var(--gov-accent);

  transition: transform 0.2s ease;
}

.gov-documents__contact:hover {
  color: var(--gov-accent);
}

.gov-documents__contact:hover span {
  transform: translateX(3px);
}

.gov-documents__list {
  min-width: 0;

  padding: 18px;
}