/* ─── Ascobroye — Classes utilitaires ───────────────────────────────────── */
/* À utiliser uniquement pour cohérence ou réutilisation.                    */
/* Ne pas créer une classe pour un usage unique.                             */

/* Espacements de sections */
.section-spacing    { padding-top: var(--section-spacing-y);    padding-bottom: var(--section-spacing-y); }
.section-spacing-sm { padding-top: var(--section-spacing-y-sm); padding-bottom: var(--section-spacing-y-sm); }

/* Conteneur standard */
.container-standard {
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding-x);
  padding-right: var(--container-padding-x);
}

/* Gaps — containers Elementor row ou column (laisser "Gap" vide dans Elementor) */
.gap-sm { gap: var(--gap-sm); }
.gap-md { gap: var(--gap-md); }
.gap-lg { gap: var(--gap-lg); }
.gap-xl { gap: var(--gap-xl); }

/* Paddings internes — cartes, blocs (laisser "Padding" vide dans Elementor) */
.pad-sm { padding: var(--pad-sm); }
.pad-md { padding: var(--pad-md); }
.pad-lg { padding: var(--pad-lg); }

/* Stacks verticaux (gap entre enfants) — alias sémantiques de gap-* */
.stack-sm { gap: var(--gap-sm); }
.stack-md { gap: var(--gap-md); }
.stack-lg { gap: var(--gap-lg); }

/* Utilitaires responsive */
@media (max-width: 1024px) {
  .hide-mobile  { display: none !important; }
}
@media (min-width: 1025px) {
  .hide-tablet  { display: none !important; }
}
@media (max-width: 767px) {
  .text-center-mobile { text-align: center !important; }
}

/* Liens PDF téléchargeables */
.pdf-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text-link);
  font-weight: 700;
  text-decoration: none;
}
.pdf-link:hover {
  text-decoration: underline;
  opacity: 0.85;
}

/* Tableaux */
.ascobroye-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.ascobroye-table th {
  background-color: var(--color-surface-button);
  color: var(--color-text-inverse);
  font-weight: 700;
  padding: var(--space-2);
  text-align: left;
}
.ascobroye-table tr:nth-child(even) td {
  background-color: var(--color-surface-secondary);
}
.ascobroye-table td {
  border: 1px solid var(--color-border-default);
  padding: var(--space-2);
  color: var(--color-text-body);
}