/* Fichier CSS : /asset/css/page/reality/get-informed.css[cite: 2] */

/* Style du conteneur boîte identique aux définitions */
main .box-readability {
  padding: var(--space-lg);
  margin-bottom: var(--space-md);
  background-color: var(--source-color-white-transparent) !important;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-z2);
}

main .box-readability:last-of-type {
  margin-bottom: 0 !important;
}

/* Mode sombre identique aux éléments de définitions */
html[data-theme="dark"] main .box-readability {
  background-color: #222222 !important;
}

/* Styles spécifiques pour le plaidoyer dans page/reality/ */
.get-informed-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(30 / 16 * 1rem);
}

.advocacy-section {
  display: flex;
  align-items: center;
  gap: calc(25 / 16 * 1rem);
}

.advocacy-section.reverse {
  flex-direction: row-reverse;
}

.advocacy-text {
  flex: 1;
}

.advocacy-text h2 {
  text-align: left;
  font-size: calc(20 / 16 * 1rem);
  color: #002258;
  margin-bottom: calc(10 / 16 * 1rem);
}

html[data-theme="dark"] .advocacy-text h2 {
  color: #FFF7AA !important;
}

.advocacy-media {
  flex: 1;
  display: flex;
  justify-content: center;
}

.advocacy-img {
  width: 100%;
  max-width: calc(300 / 16 * 1rem);
  height: auto;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-z2);
  object-fit: cover;
}

html[data-theme="dark"] .advocacy-img {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.05);
}

/* Version mobile et tablette */
@media (max-width: calc(850 / 16 * 1rem)) {
  .advocacy-section,
  .advocacy-section.reverse {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: calc(768 / 16 * 1rem)) {
  .advocacy-section,
  .advocacy-section.reverse {
    flex-direction: column;
    text-align: center;
    gap: calc(5 / 16 * 1rem);
  }
  .advocacy-text h2 {
    text-align: center;
  }
}