/* Barre de filtres du blog, comme celle du glossaire (14 nov. 2026, demande de Fabien) :
   la recherche, puis a droite le menu des rubriques, le tri et le nombre d'articles.
   Le balisage vient du snippet 30 (Blog, Articles & Glossaire) ; ce fichier est charge par
   le mu-plugin yt-blog-magazine.php sur la page Blog, les rubriques et la recherche.
   Le menu des rubriques ne porte PAS la classe ybf-sort : le script du snippet 30 prend
   le premier .ybf-sort de la barre pour le tri. */
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-row{ display:flex !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; margin:0 0 12px !important; padding:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-search{ position:relative !important; flex:1 1 280px !important; display:flex !important; align-items:center !important; margin:0 !important; gap:0 !important; min-width:0 !important; width:auto !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-field{ position:relative !important; flex:1 1 auto !important; display:flex !important; align-items:center !important; width:100% !important; margin:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-loupe{ position:absolute; left:16px; top:50%; margin-top:-8.5px; width:17px; height:17px; stroke:var(--yj-off,#5b6473); fill:none; stroke-width:2; stroke-linecap:round; pointer-events:none; z-index:1; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-field input[type="search"]{ width:100% !important; height:auto !important; min-height:52px !important; margin:0 !important; font-size:16px !important; font-weight:400 !important; line-height:1.6 !important; color:var(--yj-text) !important; padding:13px 44px 13px 42px !important; border:1px solid var(--yj-border) !important; border-radius:6px !important; background:var(--yj-card) !important; box-shadow:none !important; -webkit-appearance:none; appearance:none; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-field input[type="search"]::placeholder{ color:var(--yj-off) !important; opacity:.85; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-field input[type="search"]:focus{ outline:none !important; border-color:var(--yj-link) !important; box-shadow:0 0 0 3px rgba(59,130,246,.15) !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-field input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-go{ position:absolute !important; width:1px !important; height:1px !important; min-height:0 !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-selwrap{ position:relative !important; display:inline-flex !important; align-items:center !important; max-width:100% !important; margin:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-selwrap::after{ content:""; position:absolute; right:17px; top:50%; width:7px; height:7px; margin-top:-6px; border-right:2px solid var(--yj-text2,#5b6473); border-bottom:2px solid var(--yj-text2,#5b6473); transform:rotate(45deg); pointer-events:none; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf :is(select.ybf-sort, select.ybf-rub-sel){ -webkit-appearance:none !important; appearance:none !important; height:auto !important; min-height:42px !important; margin:0 !important; font-size:14px !important; font-weight:600 !important; line-height:1.6 !important; color:var(--yj-text) !important; padding:9px 38px 9px 16px !important; border:1px solid var(--yj-border) !important; border-radius:6px !important; background:var(--yj-card) !important; background-image:none !important; box-shadow:none !important; cursor:pointer; max-width:100% !important; width:auto !important; flex:0 1 auto !important; text-overflow:ellipsis; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf :is(select.ybf-sort, select.ybf-rub-sel):hover{ border-color:var(--yj-border2) !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf :is(select.ybf-sort, select.ybf-rub-sel):focus{ outline:none !important; border-color:var(--yj-link) !important; box-shadow:0 0 0 3px rgba(59,130,246,.15) !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf :is(select.ybf-sort, select.ybf-rub-sel):focus-visible{ outline:3px solid var(--yj-link) !important; outline-offset:2px !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-rubwrap .ybf-dot{ display:none; position:absolute; left:16px; top:50%; width:9px; height:9px; margin-top:-4.5px; border-radius:50%; background:var(--c,#94a3b8); pointer-events:none; z-index:1; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-rubwrap.has-dot .ybf-dot{ display:block; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-rubwrap.has-dot select.ybf-rub-sel{ padding-left:34px !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-sort-wrap{ display:inline-flex !important; align-items:center !important; gap:8px !important; flex:0 0 auto !important; width:auto !important; margin:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-sort-label{ font-size:13px !important; font-weight:600 !important; color:var(--yj-text2) !important; margin:0 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-count{ font-size:13px !important; font-weight:600 !important; color:var(--yj-text2) !important; white-space:nowrap !important; margin:0 !important; padding:0 !important; line-height:1.4 !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-chips{ display:none !important; }
html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-sortrow:empty{ display:none !important; }
@media (max-width:600px){
  html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-row{ gap:10px !important; }
  html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-search{ flex:1 1 100% !important; }
  html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-rubwrap{ flex:1 1 0 !important; min-width:0 !important; }
  html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-rubwrap select.ybf-rub-sel{ width:100% !important; }
  html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-sort-label, html body #wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper#wrapper #ybf.ybf .ybf-count{ display:none !important; }
}