/**
 * ==========================================================================
 * VISIBLE.CA - FORMULAIRE OPPORTUNITÉ - FOND BLANC COMPLET
 * Force le fond blanc sur TOUS les éléments du formulaire
 * Version: 2.0
 * ==========================================================================
 */

/* ==========================================================================
   1. RESET GLOBAL - TOUT EN BLANC
   ========================================================================== */

/* Container principal ACF */
.acf-fields,
.acf-form,
.acf-postbox,
.postbox,
#acf-group_visible_opportunite_dynamic,
.visible-form-opportunite,
.visible-form--opportunity {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Tous les champs ACF - reset */
.visible-form-opportunite *,
.visible-form--opportunity *,
#acf-group_visible_opportunite_dynamic * {
  background-color: transparent;
}

/* Puis appliquer blanc */
.visible-form-opportunite,
.visible-form--opportunity,
.visible-form-opportunite .acf-fields,
.visible-form--opportunity .acf-fields,
.visible-form-opportunite .acf-field,
.visible-form--opportunity .acf-field,
.visible-form-opportunite .acf-label,
.visible-form--opportunity .acf-label,
.visible-form-opportunite .acf-input,
.visible-form--opportunity .acf-input {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   2. METABOX ADMIN
   ========================================================================== */

#acf-group_visible_opportunite_dynamic,
#acf-group_visible_opportunite_dynamic .postbox-header,
#acf-group_visible_opportunite_dynamic .inside,
#acf-group_visible_opportunite_dynamic .acf-fields,
.postbox.acf-postbox,
.postbox.acf-postbox .postbox-header,
.postbox.acf-postbox .inside {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Handle de la metabox */
#acf-group_visible_opportunite_dynamic .hndle,
.postbox.acf-postbox .hndle {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   3. TOUS LES TYPES DE CHAMPS
   ========================================================================== */

/* Champs de base */
.visible-form-opportunite .acf-field,
.visible-form--opportunity .acf-field,
.acf-field[data-name^="opp_"] {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Labels */
.visible-form-opportunite .acf-label,
.visible-form--opportunity .acf-label,
.visible-form-opportunite .acf-label label,
.visible-form--opportunity .acf-label label {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #202020;
  font-weight: 500;
}

/* Instructions */
.visible-form-opportunite .acf-label .description,
.visible-form--opportunity .acf-label .description,
.visible-form-opportunite .description,
.visible-form--opportunity .description {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #777680;
}

/* ==========================================================================
   4. INPUTS, TEXTAREAS, SELECTS
   ========================================================================== */

.visible-form-opportunite input[type="text"],
.visible-form-opportunite input[type="email"],
.visible-form-opportunite input[type="url"],
.visible-form-opportunite input[type="number"],
.visible-form-opportunite input[type="tel"],
.visible-form-opportunite input[type="date"],
.visible-form-opportunite input[type="datetime-local"],
.visible-form-opportunite input[type="password"],
.visible-form-opportunite input[type="search"],
.visible-form-opportunite textarea,
.visible-form-opportunite select,
.visible-form--opportunity input[type="text"],
.visible-form--opportunity input[type="email"],
.visible-form--opportunity input[type="url"],
.visible-form--opportunity input[type="number"],
.visible-form--opportunity input[type="tel"],
.visible-form--opportunity input[type="date"],
.visible-form--opportunity input[type="datetime-local"],
.visible-form--opportunity input[type="password"],
.visible-form--opportunity input[type="search"],
.visible-form--opportunity textarea,
.visible-form--opportunity select,
.acf-field[data-name^="opp_"] input,
.acf-field[data-name^="opp_"] textarea,
.acf-field[data-name^="opp_"] select {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D0D0D0 !important;
  border-radius: 8px !important;
  color: #202020 !important;
}

/* Focus state */
.visible-form-opportunite input:focus,
.visible-form-opportunite textarea:focus,
.visible-form-opportunite select:focus,
.visible-form--opportunity input:focus,
.visible-form--opportunity textarea:focus,
.visible-form--opportunity select:focus {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-color: #00B1EB !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 177, 235, 0.1) !important;
}

/* ==========================================================================
   5. SELECT2 (Dropdowns ACF)
   ========================================================================== */

.visible-form-opportunite .select2-container,
.visible-form--opportunity .select2-container,
.visible-form-opportunite .select2-container--default .select2-selection,
.visible-form--opportunity .select2-container--default .select2-selection,
.visible-form-opportunite .select2-container--default .select2-selection--single,
.visible-form-opportunite .select2-container--default .select2-selection--multiple,
.visible-form--opportunity .select2-container--default .select2-selection--single,
.visible-form--opportunity .select2-container--default .select2-selection--multiple {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D0D0D0 !important;
  border-radius: 8px !important;
}

.visible-form-opportunite .select2-container--default .select2-selection--single .select2-selection__rendered,
.visible-form--opportunity .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Dropdown ouvert */
.select2-dropdown {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D0D0D0 !important;
  border-radius: 8px !important;
}

.select2-container--default .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(0, 177, 235, 0.1) !important;
  color: #202020 !important;
}

/* ==========================================================================
   6. CHECKBOXES & RADIOS
   ========================================================================== */

.visible-form-opportunite .acf-checkbox-list,
.visible-form-opportunite .acf-radio-list,
.visible-form-opportunite .acf-taxonomy-field,
.visible-form-opportunite ul.acf-checkbox-list,
.visible-form-opportunite ul.acf-radio-list,
.visible-form--opportunity .acf-checkbox-list,
.visible-form--opportunity .acf-radio-list,
.visible-form--opportunity .acf-taxonomy-field,
.visible-form--opportunity ul.acf-checkbox-list,
.visible-form--opportunity ul.acf-radio-list {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  padding: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.visible-form-opportunite .acf-checkbox-list li,
.visible-form-opportunite .acf-radio-list li,
.visible-form--opportunity .acf-checkbox-list li,
.visible-form--opportunity .acf-radio-list li {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-checkbox-list label,
.visible-form-opportunite .acf-radio-list label,
.visible-form--opportunity .acf-checkbox-list label,
.visible-form--opportunity .acf-radio-list label {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   7. TRUE/FALSE TOGGLE
   ========================================================================== */

.visible-form-opportunite .acf-true-false,
.visible-form--opportunity .acf-true-false {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-switch,
.visible-form--opportunity .acf-switch {
  background-color: #E0E0E0 !important;
}

.visible-form-opportunite .acf-switch.-on,
.visible-form--opportunity .acf-switch.-on {
  background-color: #00B1EB !important;
}

.visible-form-opportunite .acf-switch .acf-switch-slider,
.visible-form--opportunity .acf-switch .acf-switch-slider {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   8. WYSIWYG EDITOR
   ========================================================================== */

.visible-form-opportunite .acf-editor-wrap,
.visible-form-opportunite .wp-editor-wrap,
.visible-form-opportunite .wp-editor-container,
.visible-form-opportunite .mce-panel,
.visible-form-opportunite .mce-toolbar,
.visible-form-opportunite .mce-toolbar-grp,
.visible-form-opportunite .mce-menubar,
.visible-form-opportunite .mce-edit-area,
.visible-form-opportunite .mce-statusbar,
.visible-form--opportunity .acf-editor-wrap,
.visible-form--opportunity .wp-editor-wrap,
.visible-form--opportunity .wp-editor-container,
.visible-form--opportunity .mce-panel,
.visible-form--opportunity .mce-toolbar,
.visible-form--opportunity .mce-toolbar-grp,
.visible-form--opportunity .mce-menubar,
.visible-form--opportunity .mce-edit-area,
.visible-form--opportunity .mce-statusbar {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .mce-content-body,
.visible-form--opportunity .mce-content-body,
.visible-form-opportunite iframe,
.visible-form--opportunity iframe {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Quicktags */
.visible-form-opportunite .quicktags-toolbar,
.visible-form--opportunity .quicktags-toolbar {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   9. DATE/TIME PICKERS
   ========================================================================== */

.visible-form-opportunite .acf-date-picker,
.visible-form-opportunite .acf-date-time-picker,
.visible-form-opportunite .acf-time-picker,
.visible-form--opportunity .acf-date-picker,
.visible-form--opportunity .acf-date-time-picker,
.visible-form--opportunity .acf-time-picker {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-date-picker input,
.visible-form-opportunite .acf-date-time-picker input,
.visible-form-opportunite .acf-time-picker input,
.visible-form--opportunity .acf-date-picker input,
.visible-form--opportunity .acf-date-time-picker input,
.visible-form--opportunity .acf-time-picker input {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* jQuery UI Datepicker */
.ui-datepicker {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   10. IMAGE & FILE UPLOADER
   ========================================================================== */

.visible-form-opportunite .acf-image-uploader,
.visible-form-opportunite .acf-file-uploader,
.visible-form-opportunite .acf-gallery,
.visible-form--opportunity .acf-image-uploader,
.visible-form--opportunity .acf-file-uploader,
.visible-form--opportunity .acf-gallery {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 2px dashed #D0D0D0 !important;
  border-radius: 12px !important;
}

.visible-form-opportunite .acf-image-uploader:hover,
.visible-form-opportunite .acf-file-uploader:hover,
.visible-form--opportunity .acf-image-uploader:hover,
.visible-form--opportunity .acf-file-uploader:hover {
  border-color: #00B1EB !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-gallery-main,
.visible-form-opportunite .acf-gallery-side,
.visible-form--opportunity .acf-gallery-main,
.visible-form--opportunity .acf-gallery-side {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   11. GROUPS & REPEATERS
   ========================================================================== */

.visible-form-opportunite .acf-fields.-border,
.visible-form-opportunite .acf-repeater,
.visible-form-opportunite .acf-group,
.visible-form-opportunite .acf-repeater .acf-row,
.visible-form-opportunite .acf-group .acf-fields,
.visible-form--opportunity .acf-fields.-border,
.visible-form--opportunity .acf-repeater,
.visible-form--opportunity .acf-group,
.visible-form--opportunity .acf-repeater .acf-row,
.visible-form--opportunity .acf-group .acf-fields {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-repeater .acf-row-handle,
.visible-form--opportunity .acf-repeater .acf-row-handle {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-repeater.-table thead th,
.visible-form--opportunity .acf-repeater.-table thead th {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   12. POST OBJECT & RELATIONSHIP
   ========================================================================== */

.visible-form-opportunite .acf-post-object,
.visible-form-opportunite .acf-relationship,
.visible-form--opportunity .acf-post-object,
.visible-form--opportunity .acf-relationship {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-relationship .selection,
.visible-form-opportunite .acf-relationship .choices,
.visible-form-opportunite .acf-relationship .values,
.visible-form--opportunity .acf-relationship .selection,
.visible-form--opportunity .acf-relationship .choices,
.visible-form--opportunity .acf-relationship .values {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   13. GOOGLE MAP
   ========================================================================== */

.visible-form-opportunite .acf-google-map,
.visible-form--opportunity .acf-google-map {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D0D0D0 !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.visible-form-opportunite .acf-google-map .title,
.visible-form--opportunity .acf-google-map .title {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   14. MESSAGE FIELDS (SECTIONS)
   ========================================================================== */

.visible-form-opportunite .acf-field-message,
.visible-form--opportunity .acf-field-message,
.visible-form-opportunite .visible-form-section,
.visible-form--opportunity .visible-form-section {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-field-message .acf-input,
.visible-form--opportunity .acf-field-message .acf-input,
.visible-form-opportunite .acf-field-message .acf-input *,
.visible-form--opportunity .acf-field-message .acf-input *,
.visible-form-opportunite .acf-field-message .acf-input div,
.visible-form--opportunity .acf-field-message .acf-input div {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Titres de section */
.visible-form-opportunite .visible-form-section-title,
.visible-form--opportunity .visible-form-section-title,
.visible-form-opportunite .acf-field-message h3,
.visible-form--opportunity .acf-field-message h3 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #202020 !important;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px 0;
  padding: 0;
}

/* Descriptions de section */
.visible-form-opportunite .visible-form-section-description,
.visible-form--opportunity .visible-form-section-description,
.visible-form-opportunite .acf-field-message p,
.visible-form--opportunity .acf-field-message p {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #777680 !important;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   15. HEADER DU FORMULAIRE
   ========================================================================== */

.visible-form-opportunite .visible-form-header-wrapper,
.visible-form--opportunity .visible-form-header-wrapper,
.visible-form-opportunite .visible-form-header,
.visible-form--opportunity .visible-form-header,
.visible-form-opportunite .visible-form-header *,
.visible-form--opportunity .visible-form-header * {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .visible-form-title,
.visible-form--opportunity .visible-form-title,
.visible-form-opportunite .visible-form-subtitle,
.visible-form--opportunity .visible-form-subtitle {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   16. SELECT ALL TOGGLES
   ========================================================================== */

.visible-form-opportunite .visible-select-all-toggle,
.visible-form--opportunity .visible-select-all-toggle {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  padding: 12px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  margin-bottom: 12px;
}

.visible-form-opportunite .visible-select-all-toggle .acf-label,
.visible-form--opportunity .visible-select-all-toggle .acf-label {
  display: none;
}

.visible-form-opportunite .visible-select-all-toggle .acf-input,
.visible-form--opportunity .visible-select-all-toggle .acf-input {
  display: flex;
  align-items: center;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Toggle switch styling */
.visible-form-opportunite .visible-select-all-toggle .acf-switch,
.visible-form--opportunity .visible-select-all-toggle .acf-switch {
  background-color: #E0E0E0 !important;
  border-radius: 20px !important;
  height: 28px !important;
}

.visible-form-opportunite .visible-select-all-toggle .acf-switch.-on,
.visible-form--opportunity .visible-select-all-toggle .acf-switch.-on {
  background-color: #00B1EB !important;
}

.visible-form-opportunite .visible-select-all-toggle .acf-switch .acf-switch-on,
.visible-form-opportunite .visible-select-all-toggle .acf-switch .acf-switch-off,
.visible-form--opportunity .visible-select-all-toggle .acf-switch .acf-switch-on,
.visible-form--opportunity .visible-select-all-toggle .acf-switch .acf-switch-off {
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  background-color: transparent !important;
  background: transparent !important;
}

.visible-form-opportunite .visible-select-all-toggle .acf-switch .acf-switch-on,
.visible-form--opportunity .visible-select-all-toggle .acf-switch .acf-switch-on {
  color: #FFFFFF !important;
}

.visible-form-opportunite .visible-select-all-toggle .acf-switch .acf-switch-off,
.visible-form--opportunity .visible-select-all-toggle .acf-switch .acf-switch-off {
  color: #777680 !important;
}

.visible-form-opportunite .visible-select-all-toggle .acf-switch .acf-switch-slider,
.visible-form--opportunity .visible-select-all-toggle .acf-switch .acf-switch-slider {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* No restriction toggle (green) */
.visible-form-opportunite .visible-no-restriction-toggle .acf-switch.-on,
.visible-form--opportunity .visible-no-restriction-toggle .acf-switch.-on {
  background-color: #22C55E !important;
}

/* ==========================================================================
   17. FRONTEND FORM
   ========================================================================== */

.acf-form.visible-form-opportunite,
.acf-form.visible-form--opportunity,
.acf-form .visible-form-opportunite,
.acf-form .visible-form--opportunity {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* ==========================================================================
   18. BUTTONS
   ========================================================================== */

.visible-form-opportunite .acf-button,
.visible-form--opportunity .acf-button,
.visible-form-opportunite .button,
.visible-form--opportunity .button {
  background-color: #00B1EB !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
}

.visible-form-opportunite .acf-button:hover,
.visible-form--opportunity .acf-button:hover,
.visible-form-opportunite .button:hover,
.visible-form--opportunity .button:hover {
  background-color: #009AD0 !important;
}

/* ==========================================================================
   19. TAB FIELDS
   ========================================================================== */

.visible-form-opportunite .acf-tab-wrap,
.visible-form--opportunity .acf-tab-wrap,
.visible-form-opportunite .acf-tab-group,
.visible-form--opportunity .acf-tab-group {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-tab-wrap li a,
.visible-form--opportunity .acf-tab-wrap li a {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-opportunite .acf-tab-wrap li.active a,
.visible-form--opportunity .acf-tab-wrap li.active a {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-bottom-color: #00B1EB !important;
}

/* ==========================================================================
   20. UTILITY CLASSES
   ========================================================================== */

.visible-form-group,
.visible-bg-white {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.visible-form-row,
.visible-form-row--2,
.visible-form-row--3 {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   21. LAYOUT 2 COLONNES
   ========================================================================== */

/* Container des champs en grille 2 colonnes */
.visible-form-opportunite > .acf-fields,
.visible-form--opportunity > .acf-fields,
#acf-group_visible_opportunite_dynamic .acf-fields.-top {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px 30px !important;
  align-items: start !important;
}

/* Champs qui prennent toute la largeur (2 colonnes) */
.visible-form-opportunite .acf-field-message,
.visible-form--opportunity .acf-field-message,
.visible-form-opportunite .visible-form-section,
.visible-form--opportunity .visible-form-section,
.visible-form-opportunite .visible-form-header-wrapper,
.visible-form--opportunity .visible-form-header-wrapper,
.visible-form-opportunite .acf-field-wysiwyg,
.visible-form--opportunity .acf-field-wysiwyg,
.visible-form-opportunite .acf-field-textarea,
.visible-form--opportunity .acf-field-textarea,
.visible-form-opportunite .acf-field-google-map,
.visible-form--opportunity .acf-field-google-map,
.visible-form-opportunite .acf-field-gallery,
.visible-form--opportunity .acf-field-gallery,
.visible-form-opportunite .acf-field-repeater,
.visible-form--opportunity .acf-field-repeater,
.visible-form-opportunite .acf-field-group,
.visible-form--opportunity .acf-field-group,
.visible-form-opportunite .acf-field[data-width="100"],
.visible-form--opportunity .acf-field[data-width="100"],
.visible-form-opportunite .visible-full-width,
.visible-form--opportunity .visible-full-width,
/* Champs spécifiques full width */
[data-name="opp_description"],
[data-name="opp_contexte"],
[data-name="opp_objectifs"],
[data-name="opp_criteres_selection"],
[data-name="opp_jury"],
[data-name="opp_autres_criteres"],
[data-name="opp_documents"],
[data-name="opp_galerie"],
/* Sections */
[data-key="field_opp_header"],
[data-key="field_opp_section_base"],
[data-key="field_opp_section_org"],
[data-key="field_opp_section_description"],
[data-key="field_opp_section_location"],
[data-key="field_opp_section_budget"],
[data-key="field_opp_section_dates"],
[data-key="field_opp_section_eligibilite"],
[data-key="field_opp_section_soumission"],
[data-key="field_opp_section_selection"],
[data-key="field_opp_section_contact"],
[data-key="field_opp_section_medias"],
[data-key="field_opp_section_publication"],
[data-key="field_opp_section_seao"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Checkboxes multi-colonnes - full width */
.visible-form-opportunite .visible-checkbox-group,
.visible-form--opportunity .visible-checkbox-group,
.visible-form-opportunite .acf-field-taxonomy[data-type="checkbox"],
.visible-form--opportunity .acf-field-taxonomy[data-type="checkbox"] {
  grid-column: 1 / -1 !important;
}

/* Les checkboxes internes en grille */
.visible-form-opportunite .acf-checkbox-list,
.visible-form--opportunity .acf-checkbox-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 8px 16px !important;
}

/* Toggles "sélectionner tout" - full width */
.visible-form-opportunite .visible-select-all-toggle,
.visible-form--opportunity .visible-select-all-toggle {
  grid-column: 1 / -1 !important;
}

/* Champs avec width="50" restent sur 1 colonne */
.visible-form-opportunite .acf-field[data-width="50"],
.visible-form--opportunity .acf-field[data-width="50"] {
  grid-column: span 1 !important;
}

/* Sous-groupes en 2 colonnes aussi */
.visible-form-opportunite .acf-group .acf-fields,
.visible-form--opportunity .acf-group .acf-fields {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 15px 20px !important;
}

/* Repeater rows en 2 colonnes */
.visible-form-opportunite .acf-repeater .acf-row .acf-fields,
.visible-form--opportunity .acf-repeater .acf-row .acf-fields {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 15px 20px !important;
}

/* ==========================================================================
   22. RESPONSIVE - 1 COLONNE SUR MOBILE
   ========================================================================== */

@media (max-width: 782px) {
  .visible-form-opportunite > .acf-fields,
  .visible-form--opportunity > .acf-fields,
  #acf-group_visible_opportunite_dynamic .acf-fields.-top,
  .visible-form-opportunite .acf-group .acf-fields,
  .visible-form--opportunity .acf-group .acf-fields,
  .visible-form-opportunite .acf-repeater .acf-row .acf-fields,
  .visible-form--opportunity .acf-repeater .acf-row .acf-fields {
    grid-template-columns: 1fr !important;
  }
  
  .visible-form-opportunite .acf-field,
  .visible-form--opportunity .acf-field {
    grid-column: 1 / -1 !important;
  }
  
  .visible-form-opportunite .acf-checkbox-list,
  .visible-form--opportunity .acf-checkbox-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .acf-form.visible-form-opportunite,
  .acf-form.visible-form--opportunity {
    padding: 20px;
    border-radius: 12px;
  }
}

/* ==========================================================================
   22. OVERRIDE FINAL - CATCH ALL
   ========================================================================== */

/* Force blanc sur tout élément avec data-name commençant par opp_ */
[data-name^="opp_"],
[data-name^="opp_"] > *,
[data-name^="opp_"] .acf-label,
[data-name^="opp_"] .acf-input,
[data-key^="field_opp_"],
[data-key^="field_opp_"] > *,
[data-key^="field_opp_"] .acf-label,
[data-key^="field_opp_"] .acf-input {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* Exception pour les inputs qui ont déjà un style */
[data-name^="opp_"] input,
[data-name^="opp_"] textarea,
[data-name^="opp_"] select {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #D0D0D0 !important;
}

/* ==========================================================================
   23. WORDPRESS ADMIN SPECIFIC
   ========================================================================== */

/* Admin body background pour la page d'édition */
body.post-type-cpt_opportunite #wpbody-content {
  background-color: #FFFFFF !important;
}

/* Postbox container */
body.post-type-cpt_opportunite .postbox {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

body.post-type-cpt_opportunite .postbox .inside {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* ACF field rows */
body.post-type-cpt_opportunite .acf-field {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}
