/* Questions (portrait) Block — Style Frontend (Figma 1052:10511) */

.wp-block-bloc-th-questions.questions {
  padding: 40px 36px;
}

.questions__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

.questions__title {
  flex: 0 0 273px;
  max-width: 273px;
  margin: 0;
  font-family: var(--font-serif);
  font-size: var(--text-h2);
  font-weight: 400;
  line-height: var(--lh-h2);
  color: var(--color-text);
}

.questions__grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 412px 412px;
  gap: 10px 0;
}

.questions__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.questions__media {
  flex: 0 0 143px;
  width: 143px;
  height: 141px;
  overflow: hidden;
  background: var(--color-beige);
}
.questions__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.questions__content {
  width: 215px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.questions__q {
  margin: 0;
  font-family: var(--font-condensed);
  font-size: var(--text-sub-s);
  font-weight: 700;
  letter-spacing: var(--ls-sub);
  text-transform: uppercase;
  text-align: center;
  color: var(--color-text);
}
.questions__a {
  width: 233px;
  max-width: 233px;
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 300;
  line-height: 19px;
  color: var(--color-text);
}

/* Tablette : titre au-dessus de la grille ; grille 2 colonnes fluides */
@media (max-width: 1024px) {
  .wp-block-bloc-th-questions.questions { padding: 40px 20px; }
  .questions__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    max-width: 100%;
  }
  .questions__title { flex-basis: auto; max-width: none; }
  .questions__grid { grid-template-columns: 1fr 1fr; gap: 16px 24px; }
  /* largeurs fixes du contenu/réponse → fluides */
  .questions__content,
  .questions__a { width: auto; max-width: none; }
}

/* Mobile : 1 colonne ; chaque item empilé, TEXTE AVANT MÉDIA */
@media (max-width: 768px) {
  .wp-block-bloc-th-questions.questions { padding: 32px 16px; }
  .questions__grid { grid-template-columns: 1fr; }
  .questions__item {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .questions__content { order: 0; }
  .questions__media {
    order: 1;
    flex-basis: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 143 / 141;
  }
  .questions__q { text-align: left; }
}

/* Sous-titre(s) en bas de casse (réglage subUppercase = OFF) */
.questions--sub-lower .questions__q { text-transform: none; }