/* ====== Global ====== */
.fcf7-admin-page, .fcf7-admin-page * { box-sizing: border-box; }
.fcf7-admin-page img, .fcf7-front img { max-width: 100%; height: auto; }

/* Conteneur */
.fcf7-admin-page .wrap { padding-right: 10px; }
.fcf7-front .fcf7-container { max-width: 980px; margin: 0 auto; padding: 0 16px; }

/* Champs & formulaires */
.fcf7-admin-page input[type="text"],
.fcf7-admin-page input[type="email"],
.fcf7-admin-page input[type="number"],
.fcf7-admin-page input[type="password"],
.fcf7-admin-page textarea,
.fcf7-front input[type="text"],
.fcf7-front input[type="email"],
.fcf7-front input[type="number"],
.fcf7-front input[type="password"],
.fcf7-front textarea,
.fcf7-front select {
  width: 100%;
  max-width: 100%;
}

/* Boutons : wrap propre en mobile */
.fcf7-admin-page .button,
.fcf7-front .button {
  white-space: nowrap;
}
.fcf7-admin-page .button + .button,
.fcf7-front .button + .button {
  margin-left: 6px;
}

/* Tables : scroll horizontal auto sans casser les colonnes */
.fcf7-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.fcf7-scroll table {
  min-width: 720px; /* garde une largeur minimale lisible */
}

/* Petits écrans */
@media (max-width: 782px) {
  /* Réduction des paddings */
  .fcf7-admin-page .wrap { padding-right: 0; }

  /* Grids simples pour les barres d’actions / filtres */
  .fcf7-filters,
  .fcf7-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .fcf7-filters .button,
  .fcf7-actions .button {
    width: 100%;
  }

  /* Empiler les éléments */
  .fcf7-admin-page .form-table th, 
  .fcf7-admin-page .form-table td {
    display: block;
    width: 100%;
  }
  .fcf7-admin-page .form-table th { margin-bottom: 4px; }

  /* Boutons sur une colonne si < 480px */
  @media (max-width: 480px) {
    .fcf7-filters,
    .fcf7-actions { grid-template-columns: 1fr; }
  }
}

/* Badge PayPal en bas de page : évite qu'il cache le contenu */
.pp-mode-badge {
  right: 10px;
  bottom: 10px;
}
@media (max-width: 480px) {
  .pp-mode-badge {
    left: 10px;
    right: auto;
    bottom: 10px;
    transform: none;
  }
}