/* --- Switches modernes --- */
/* on cache visuellement la checkbox mais on la garde accessible (label for) */
input.et-switch-input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}

/* visuel du switch */
input.et-switch-input + .et-switch-ui{
  display:inline-block;
  width:46px; height:26px;
  background:#e5e7eb;
  border:1px solid #cbd5e1;
  border-radius:9999px;
  vertical-align:middle;
  position:relative;
  transition:background .2s, border-color .2s, box-shadow .2s;
  margin-right:8px;
}
input.et-switch-input + .et-switch-ui::after{
  content:"";
  position:absolute; top:2px; left:2px;
  width:20px; height:20px;
  background:#fff;
  border-radius:9999px;
  box-shadow:0 1px 2px rgba(0,0,0,.25);
  transition:transform .2s;
}
input.et-switch-input:checked + .et-switch-ui{
  background:#22c55e; border-color:#22c55e;
}
input.et-switch-input:checked + .et-switch-ui::after{
  transform:translateX(20px);
}
input.et-switch-input:focus-visible + .et-switch-ui{
  box-shadow:0 0 0 3px rgba(59,130,246,.25);
  outline:2px solid #3b82f6;
  outline-offset:2px;
}
.et-switch-label{ display:inline-block; margin-left:4px; }

/* --- Tabs: déjà OK, on ajoute le style “locked” --- */
.et-tab.is-disabled{ opacity:.55; }

/* Panneau en mode lecture seule */
.et-tabpanel.et-locked .et-card__body{
  position:relative;
  /* on grise légèrement le contenu */
  filter: grayscale(.05);
  opacity:.85;
}
.et-tabpanel .et-readonly-overlay{
  position:absolute; inset:0;
  background:transparent;
  z-index:5;
  /* bloque les interactions, mais conserve la soumission des champs */
  pointer-events:auto;
}

/* Accessibilité: curseur */
.et-tabpanel.et-locked .form-table *{
  cursor:not-allowed !important;
}

/* Tes styles existants ci-dessous… */
.et-tabs-wrap{ margin:18px 0; }
.et-tabnav{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.et-tab{
  border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:8px; cursor:pointer;
  transition: box-shadow .15s, border-color .15s, background .15s;
}
.et-tab.is-active{ border-color:#3b82f6; box-shadow:0 0 0 2px rgba(59,130,246,.15); }
.et-tabpanels{ display:block; }
.et-tabpanel{ display:none; }
.et-tabpanel.is-active{ display:block; }
.et-tabpanel.is-disabled{ opacity:.7; }

/* Cards */
.et-card{
  background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 6px 14px rgba(0,0,0,.04);
  overflow:hidden; margin-bottom:-12px;
  padding-top:12px;
}
.et-card__header{ padding:14px 16px; border-bottom:1px solid #e5e7eb; background:linear-gradient(180deg,#fafcff,#fff); }
.et-card__title{ margin:0; font-size:16px; }
.et-card__body{ padding:10px 16px 6px; }
.et-card__body .form-table th{ width:260px; }

/* Global */
.et-section.et-global{ background:#fff; padding:12px; border-radius:11px; }
h3.et-section-title{ margin:0 0 12px; }
.et-section.et-visibility {
    margin-top: 10px;
    background: rgb(204 204 204 / 20%);
    padding: 12px;
    border-radius: 14px;
}
#easytransac-unified img.woocommerce-list__item-image {
  width: 20px !important;
  max-height: 34px !important;
}

 /* Réduit la hauteur entre chaque ligne */
 .form-table th,
 .form-table td {
   padding-top: 4px !important;
   padding-bottom: 0px !important;
 }

 /* Réduit l’espace avant/après les titres de sections */
 .form-table h2,
 .form-table tr th strong {
   margin-top: 8px !important;
   margin-bottom: 4px !important;
 }

 /* Réduit les marges entre les input/textareas */
 .form-table input[type="text"],
 .form-table textarea,
 .form-table select {
   margin: 2px 0 !important;
 }

 /* Réduit les blocs d’info (description) */
 .form-table .description,
 .form-table p.description {
   margin-top: 2px !important;
   margin-bottom: 4px !important;
   line-height: 1.4;
 }

 /* Réduit la hauteur des checkboxes */
 .form-table input[type="checkbox"] {
   transform: scale(0.9);
   margin-right: 3px;
 }

 /* Espacement global du tableau */
 .form-table {
   margin-top: -2px !important;
 }

 /* Petits ajustements pour les sous-groupes (CB/SEPA/PayByBank) */
 .cb_filde_data,
 .sepa_filde_data,
 .pdd_filde_data {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }

 /* Resserre la largeur des descriptions */
 .form-table td span.description {
   display: block;
   font-size: 12px;
   color: #666;
 }

 /* Optionnel : police un peu plus compacte */
 .form-table th,
 .form-table td,
 .form-table input,
 .form-table textarea {
   font-size: 13px !important;
 }
 .form-table td fieldset label {
    margin: -0.60em 0 .5em !important;
    display: inline-block;
}