/**
 * CORRECTION CHECKBOXES WOO PRODUCT ADD-ONS
 * Force l'apparence native fiable pour éviter les problèmes de rendu visuel
 * Version: 1.0.0
 * Date: 2025-01-09
 */

/* Forcer le rendu natif fiable pour les checkboxes PAO */
.wc-pao-addon-wrap input[type="checkbox"].wc-pao-addon-field,
.wc-pao-addon-wrap .wc-pao-addon-checkbox,
.wc-pao-addon-wrap input[id*="3521-0-0"] {
  /* Réinitialisation complète des styles */
  all: revert !important;

  /* Forcer l'apparence native */
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;

  /* Dimensions et positionnement */
  width: 16px !important;
  height: 16px !important;
  position: static !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* Espacement */
  margin: 0 8px 0 0 !important;
  padding: 0 !important;

  /* Bordures et arrière-plan */
  border: 1px solid #999 !important;
  background: white !important;

  /* Annuler toute transformation ou clip */
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;

  /* Curseur et interactions */
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Style pour les checkboxes cochées */
.wc-pao-addon-wrap input[type="checkbox"].wc-pao-addon-field:checked,
.wc-pao-addon-wrap .wc-pao-addon-checkbox:checked,
.wc-pao-addon-wrap input[id*="3521-0-0"]:checked {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  background: #007cba !important;
  border-color: #007cba !important;
}

/* Style pour les checkboxes désactivées */
.wc-pao-addon-wrap input[type="checkbox"].wc-pao-addon-field:disabled,
.wc-pao-addon-wrap .wc-pao-addon-checkbox:disabled,
.wc-pao-addon-wrap input[id*="3521-0-0"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Compatibilité mobile */
@media (max-width: 768px) {
  .wc-pao-addon-wrap input[type="checkbox"].wc-pao-addon-field,
  .wc-pao-addon-wrap .wc-pao-addon-checkbox,
  .wc-pao-addon-wrap input[id*="3521-0-0"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 10px 0 0 !important;
  }
}

/* Debug temporaire - à supprimer après validation */
.wc-pao-addon-wrap input[type="checkbox"].wc-pao-addon-field,
.wc-pao-addon-wrap .wc-pao-addon-checkbox {
  outline: 1px solid rgba(0, 123, 186, 0.3) !important;
}