/* ITSO Articles 2.1.3 : Texte uniquement en noir et suppression totale des fonds colorés */
.itso-articles-wrap, .itso-articles-wrap * { box-sizing: border-box; }
.itso-articles-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 24px 28px; background: #ffffff !important; color: #000000 !important; font-family: Verdana, Geneva, sans-serif !important; }
/* Suppression forcée de tous les fonds bleus, surlignages et couleurs de texte héritées du thème */
.itso-articles-wrap *:not(button):not(input):not(img):not(video):not(iframe):not(.itso-wpulike):not(.itso-wpulike *) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; box-decoration-break: initial !important; -webkit-box-decoration-break: initial !important; }
.itso-articles-wrap .itso-search { margin: 0 0 22px; padding: 0; }
.itso-articles-wrap .itso-search label { display: block; font-size: 17px; font-weight: 600; margin: 0 0 8px; color: #000000 !important; }
.itso-articles-wrap .itso-search input { width: 100%; max-width: 600px; padding: 12px 15px; border: 1px solid #cccccc !important; border-radius: 6px; background: #ffffff !important; color: #000000 !important; font-size: 16px; }
.itso-articles-wrap .itso-article { padding: 24px 0; margin: 0; border: 0 !important; border-bottom: 1px solid #dddddd !important; }
.itso-articles-wrap .itso-layout { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); gap: 28px; align-items: start; }
.itso-articles-wrap .itso-thumb { margin: 0; padding: 0; min-width: 0; }
.itso-articles-wrap .itso-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 5px; }
.itso-articles-wrap .itso-body, .itso-articles-wrap .itso-info { min-width: 0; margin: 0; padding: 0; }
.itso-articles-wrap .itso-heading { display: block !important; margin: 0 0 12px !important; padding: 0 !important; font-size: clamp(20px, 2vw, 25px) !important; font-weight: 700 !important; line-height: 1.3 !important; color: #000000 !important; text-decoration: none !important; }
.itso-articles-wrap .itso-excerpt { display: block; margin: 0 0 16px !important; padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #000000 !important; }
.itso-articles-wrap .itso-actions { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 18px 0 0; }
/* Boutons sobres sans fond bleu (fond blanc, bordure et texte noirs) */
.itso-articles-wrap button.itso-more, .itso-articles-wrap button.itso-close { border: 1px solid #000000 !important; border-radius: 5px; background: #ffffff !important; color: #000000 !important; font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; font-weight: 600; line-height: 1.4; padding: 11px 17px; cursor: pointer; text-transform: none; letter-spacing: normal; }
.itso-articles-wrap .itso-full-inner { font-family: Verdana, Geneva, sans-serif !important; font-size: 16px; line-height: 1.6; color: #000000 !important; overflow-wrap: anywhere; }
.itso-articles-wrap .itso-full-inner p { margin: 0 0 1em; line-height: 1.6; }
.itso-articles-wrap .itso-full-inner :is(h1, h2, h3, h4, h5, h6) { font-family: Verdana, Geneva, sans-serif !important; line-height: 1.3; margin: 1.1em 0 0.5em; color: #000000 !important; }
.itso-articles-wrap .itso-full-inner :is(img, video, iframe) { max-width: 100%; height: auto; }
.itso-articles-wrap .itso-full-actions { display: flex; justify-content: center; margin: 26px 0 0; }
.itso-articles-wrap .itso-pages { text-align: center; margin: 22px 0; }
.itso-articles-wrap .itso-pages a { display: inline-block; margin: 3px; padding: 7px 12px; border: 1px solid #cccccc !important; color: #000000 !important; text-decoration: none; }
.itso-articles-wrap [hidden] { display: none !important; }
/* Neutralisation des éléments décoratifs du thème */
.itso-articles-wrap::before, .itso-articles-wrap::after, .itso-articles-wrap *:not(.itso-wpulike):not(.itso-wpulike *)::before, .itso-articles-wrap *:not(.itso-wpulike):not(.itso-wpulike *)::after { content: none !important; display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
@media (max-width: 680px) { .itso-articles-wrap { padding: 16px; } .itso-articles-wrap .itso-layout { grid-template-columns: minmax(0, 1fr); gap: 15px; } }

/* Verdana pour tous les textes, y compris les blocs code stylisés par le thème. */
.itso-articles-wrap, .itso-articles-wrap * { font-family: Verdana, Geneva, sans-serif !important; }



/* 2.1.3 : couleurs personnalisées conservées dans le contenu ouvert ;
   les titres et aperçus de la liste restent noirs. */

/* V2.1.4 : date de publication et couleurs des boutons, sans modifier le contenu. */
.itso-articles-wrap .itso-date {
  display: block;
  margin: -4px 0 12px !important;
  padding: 0 !important;
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #555555 !important;
}
.itso-articles-wrap button.itso-more {
  background: #cfeeff !important;
  background-color: #cfeeff !important;
  color: #000000 !important;
  border-color: #8ac9e9 !important;
}
.itso-articles-wrap button.itso-more:hover,
.itso-articles-wrap button.itso-more:focus-visible {
  background: #b9e5fc !important;
  background-color: #b9e5fc !important;
}

/* WP ULike natif : aucune substitution de ses couleurs, icônes ou compteurs. */
.itso-articles-wrap .itso-wpulike { display: inline-flex; align-items: center; margin: 0; padding: 0; }
.itso-articles-wrap .itso-wpulike .wpulike { margin: 0; }
.itso-articles-wrap .itso-wpulike .wpulike * { box-shadow: revert-layer; }
.itso-articles-wrap .itso-ulike-warning { font-size: 12px; color: #555; }

/* V2.1.6 : catégories et recherche complète WordPress */
.itso-articles-wrap .itso-category-bar { display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px; }
.itso-articles-wrap .itso-category-tab {display:inline-block;padding:10px 14px;border:1px solid #bdd9ea !important;border-radius:6px;background:#f3faff !important;color:#163e58 !important;font-size:14px;font-weight:600;text-decoration:none !important;line-height:1.4;}
.itso-articles-wrap .itso-category-tab.is-active {background:#cfeeff !important;border-color:#69b9e3 !important;color:#000 !important;}
.itso-articles-wrap .itso-category-tab:hover,.itso-articles-wrap .itso-category-tab:focus-visible {background:#def3ff !important;}
.itso-articles-wrap .itso-search-controls {display:flex;gap:9px;align-items:center;flex-wrap:wrap;}
.itso-articles-wrap .itso-search-controls input {flex:1 1 230px;}
.itso-articles-wrap .itso-search-controls button {padding:12px 16px;border:1px solid #8ac9e9 !important;border-radius:6px;background:#cfeeff !important;color:#000 !important;font-size:15px;cursor:pointer;}
@media(max-width:680px){.itso-articles-wrap .itso-category-bar{gap:6px}.itso-articles-wrap .itso-category-tab{font-size:12px;padding:8px 9px}}

/* V2.1.7 : le filtre sélectionné est clairement identifiable. */
.itso-articles-wrap .itso-category-bar .itso-category-tab.is-active,
.itso-articles-wrap .itso-category-bar .itso-category-tab.is-active:hover,
.itso-articles-wrap .itso-category-bar .itso-category-tab.is-active:focus-visible {
  background:#0866b2 !important; background-color:#0866b2 !important;
  color:#ffffff !important; border-color:#0866b2 !important;
  font-weight:700 !important;
}

/* V2.1.9 : bouton d'actualisation de la catégorie */
.itso-search-controls .itso-refresh{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #1673bd;border-radius:6px;background:#fff;color:#1673bd!important;text-decoration:none!important;font-weight:600;white-space:nowrap}
.itso-search-controls .itso-refresh:hover{background:#eaf4fc}