/* ------------------ CUSTOM CSS WCFM - Blocs Catégories, ACF, etc. ------------------ */

/* ------------------ CUSTOM CSS WCFM - Faire bouger icone section aide------------------ */
.toggle-ico-article {
  animation: hc-bounce 5s infinite;
  color: #8b1e3f;
  font-size: 1.05em;
  margin-left: 7px;
}
@keyframes hc-bounce {
  0%, 100% { transform: translateY(0);}
  25% { transform: translateY(-3px);}
  50% { transform: translateY(7px);}
  75% { transform: translateY(-1px);}
}



/* ------------------ CUSTOM CSS WCFM - Bouton téléchargeable ------------------ */
.wcfm_title.downloadable_ele_title {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 1.11em !important;
  font-weight: 700 !important;
  color: #8b1e3f !important;
  letter-spacing: 1px;
  /*display: flex;
  align-items: center;
  gap: 12px;
  position: relative;*/
}

.wcfm_title.downloadable_ele_title::after {
  content: "🛈 Coche uniquement si ton article est téléchargeable, sinon laisse vide";
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 0.8em;
  font-weight: 500;
  color: #8b1e3f;
  background: #fff0f6;
  border-radius: 6px;
  padding: 3px 10px 3px 8px;
  opacity: 0.93;
  font-style: italic;
  margin-left: 8px;
  white-space: nowrap;
}

/* ------------------ CUSTOM CSS WCFM - Blocs Catégories ------------------ */

/* Bloc principal de sélection de catégories */
.wcfm_product_manager_cats_checklist_fields {
  min-width: 60% !important;
  max-width: 75% !important;
  box-sizing: border-box;
  background: rgba(139, 30, 63, 0.25); !important; /* 18% d’opacité */
  border: 2px solid #8b1e3f !important;
  border-radius: 10px;
  padding: 10px 5px 5px 5px;
  margin-bottom: 10px;
  box-shadow: 0 3px 12px rgba(255, 166, 0, 0.09);
}

.wcfm_product_manager_cats_checklist_fields ul#product_cats_checklist:before {
  content: "Astuce : clique sur le + pour afficher les sous-catégories";
  display: block;
  color: #8b1e3f;
  font-size: 11px;
  /*font-weight: bold;*/
  font-style: italic;
  margin-bottom: 5px;
  background: rgba(255,255,255,0.85);
  padding: 7px 7px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(139,30,63,0.07);
}

/* Titre du bloc */
.wcfm_product_manager_cats_checklist_fields .wcfm_title,
.wcfm_product_manager_cats_checklist_fields label[for="product_cats"] {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2e2e2e !important;
  margin-bottom: 12px;
  display: block;
}
/* Liste UL de catégories */
ul#product_cats_checklist {
  max-height: 450px;
  min-height: 250px;
  overflow-y: auto;
  font-size: 15px !important;
  padding: 8px;
  background: #fff;
  border: 1px solid #8b1e3f;
  border-radius: 7px;
}
/* Chaque ligne de catégorie */
ul#product_cats_checklist li.product_cats_checklist_item {
  margin-bottom: 6px;
  padding: 3px 0 3px 2px;
}
/* Cases à cocher plus grandes */
ul#product_cats_checklist input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  accent-color: #ff4081 !important;
  transform: scale(1.1);
}
/*Couleur de la coche*/
input.wcfm-checkbox:checked:before {
  color: #8b1e3f !important;  /* Ou la couleur que tu veux */
}

/* Texte des sous-catégories */
ul.product_taxonomy_sub_checklist span {
  font-size: 14px !important;
  color: #0d47a1;
}
/* Bonus : survol plus visible */
ul#product_cats_checklist li.product_cats_checklist_item:hover {
  background: #ffe9d6;
}
/* Mettre un + pour tous */
.wcfmfa.fa-arrow-circle-right:before {
  content: "\002B" !important;
  font-family: inherit !important;
  color: #8b1e3f;
  font-size: 22px;
}
/* Mettre un - quand ouvert */
.wcfmfa.fa-arrow-circle-right.collapse-open:before {
  content: "\2212" !important;
}
/* Cache la selection "recherche + catalogue" */
.catalog_visibility_ele {
  display: none !important;
}

/* ------------------ CUSTOM CSS WCFM - ACF ------------------ */

/* Conteneur principal */
.wcfm_acf_products_manage_493_container {
  border: 1.5px solid #8b1e3f !important;
  border-radius: 18px;
  box-shadow: 0 6px 24px rgba(139,30,63,0.10);
  padding: 10px 24px 10px 24px;
  margin-bottom: 10px;
}

/* Titre bloc */
.wcfm_acf_products_manage_493_container h2 {
  font-size: 2.2rem;
  letter-spacing: 2px;
  margin-bottom: 18px;
  font-family: 'Montserrat', 'Arial', sans-serif !important;
  font-weight: 900;
}
.wcfm_acf_products_manage_493_container h2:after {
  content: "  🌶️  HotCloset";
  background: linear-gradient(90deg,#ff4081 0%,#8b1e3f 100%);
  color: #fff;
  border-radius: 14px;
  font-size: 1rem;
  font-weight: 700;
  padding: 2px 14px 2px 8px;
  margin-left: 18px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  letter-spacing: 1px;
  box-shadow: 0 2px 8px rgba(139,30,63,0.07);
  display: inline-block;
}

/* Titres de champs */
.wcfm_title {
  color: #8b1e3f;
  font-size: 1.16rem;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-weight: 700;
  margin-bottom: 7px;
  margin-top: 18px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}

.wcfm_title .required {
  color: #ff4081;
  margin-left: 3px;
}

/* Info bulle */
.img_tip.wcfmfa {
  color: #ff4081 !important;
  margin-left: 8px;
  font-size: 0.6em !important;
  opacity: 0.85;
}

/* Inputs (texte, select) */
.wcfm_acf_products_manage_493_container input[type="text"],
.wcfm_acf_products_manage_493_container select,
.wcfm_acf_products_manage_493_container textarea {
  border: 1.5px solid #ff4081;
  border-radius: 7px;
  font-size: 1.04em;
  padding: 9px 13px;
  margin-bottom: 8px;
  background: rgba(255,255,255,0.95);
  transition: border 0.2s, box-shadow 0.2s;
  box-shadow: 0 1px 4px rgba(139,30,63,0.04);
}

.wcfm_acf_products_manage_493_container input:focus,
.wcfm_acf_products_manage_493_container select:focus,
.wcfm_acf_products_manage_493_container textarea:focus {
  border: 1.5px solid #8b1e3f;
  box-shadow: 0 0 8px #ff4081;
}

/* Radios et Checkbox stylisées */
.wcfm_acf_products_manage_493_container input[type="checkbox"].wcfm-checkbox,
.wcfm_acf_products_manage_493_container input[type="radio"].wcfm-radio {
  accent-color: #8b1e3f;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  vertical-align: middle;
}

/* Surligne la ligne du label au survol */
.wcfm_acf_products_manage_493_container label:hover span {
  background: #ffe6ef;
  color: #8b1e3f;
  border-radius: 6px;
  padding: 2px 6px;
  transition: all 0.15s;
}
/* Surligne la ligne du checkbox au survol de la case */
.wcfm_acf_products_manage_493_container input[type="checkbox"]:focus + span,
.wcfm_acf_products_manage_493_container input[type="checkbox"]:hover + span {
  background: #ffe6ef;
  color: #8b1e3f;
  border-radius: 6px;
  padding: 2px 6px;
  transition: all 0.15s;
}
/* Surligne la ligne du checkbox au survol */
.wcfm_acf_products_manage_493_container span:hover {
  background: #ffe6ef;
  color: #8b1e3f;
  border-radius: 6px;
  padding: 2px 6px;
  transition: all 0.15s;
}

/* Espacement entre radios/checkboxes */
.wcfm_acf_products_manage_493_container label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 1.03em;
  cursor: pointer;
}

/* Groupes de champs (fieldset) */
.wcfm_acf_products_manage_493_container fieldset {
  border: none !important;
  margin-bottom: 10px;
  padding: 0;
}

/* Legende cachée mais dispo pour accessibilité */
.wcfm_acf_products_manage_493_container legend.screen-reader-text {
  display: none !important;
}

/* Placeholder des selects */
.wcfm_acf_products_manage_493_container select option[value=""] {
  color: #8b1e3f;
  font-style: italic;
}

/* Bonus : couleur fond au focus */
.wcfm_acf_products_manage_493_container input[type="text"]:focus,
.wcfm_acf_products_manage_493_container textarea:focus {
  background: #fff8fb;
}

/* Bonus : détails en plus */
.wcfm_acf_products_manage_493_container .petit_detail_en_plus,
.wcfm_acf_products_manage_493_container .bonus_inclus_a_la_livraison,
.wcfm_acf_products_manage_493_container .porte_lors_de_l_occasion,
.wcfm_acf_products_manage_493_container .etat_de_l_article, 
.wcfm_acf_products_manage_493_container .bonnet, 
.wcfm_acf_products_manage_493_container .couleurs,
.wcfm_acf_products_manage_493_container .matieres_textures, 
.wcfm_acf_products_manage_493_container .pointures, 
.wcfm_acf_products_manage_493_container .tailles,
.wcfm_acf_products_manage_493_container .tailles_eu {
  background: rgba(255,64,129,0.06);
  border-radius: 8px;
  padding: 8px 12px;
}

/* Bonus : effet sur le bloc radio groupe */
.wcfm_acf_products_manage_493_container .wcfm-radio-group {
  background: rgba(139,30,63,0.04);
  border-radius: 8px;
  padding: 10px 16px 6px 16px;
  margin-bottom: 12px;
}

.wcfm_acf_products_manage_493_container .wcfm-checklist-group {
  background: rgba(139,30,63,0.04);
  border-radius: 8px;
  padding: 10px 16px 6px 16px;
  margin-bottom: 12px;
}

/* Boutons custom */
.wcfm_acf_products_manage_493_container:after {
  content: "🌟 Astuce : Plus tu es précis·e, plus ton article sera irrésistible sur HotCloset !";
  display: block;
  background: linear-gradient(90deg,#ff4081 0%,#8b1e3f 100%);
  color: #fff;
  text-align:center;
  font-size: 1em;
  font-weight: 600;
  border-radius: 15px;
  padding: 10px 10px;
  margin-bottom: 5px;
  box-shadow: 0 1px 8px rgba(139,30,63,0.07);
  letter-spacing: 1px;
}