/**
 * BETO Services Sidebar Tabbox
 *
 * Compact tabbed box for the sidebar of editorial widgets (Économie, etc.).
 * 5 onglets : Emploi, Appels, Communiqués, Annonces, Événements.
 *
 * Scope : .bst-svb  (services box)
 * Polices : var(--ssan), var(--sui), var(--shdr)
 * Enqueue : beto-services-sidebar
 */

/* ══ Container ══ */
.bst-svb{background:#fff;border:1px solid #e2e2e2;margin-bottom:1rem;overflow:hidden;max-width:100%}
/* Respect HTML hidden attribute (CSS display:block can override it) */
.bst-svb [hidden]{display:none!important}

/* ── Header ── */
.bst-svb__hdr{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:var(--sv-a,#24265b);color:#fff}
.bst-svb__hdr svg{width:16px;height:16px;fill:#fff;flex-shrink:0}
.bst-svb__hdr span{font:700 .85rem/1 var(--ssan);text-transform:uppercase;letter-spacing:.05em}

/* ── Tabs ── */
.bst-svb__tabs{display:flex;background:#f5f5f7;border-bottom:2px solid #e2e2e2;overflow-x:auto;scrollbar-width:none}
.bst-svb__tabs::-webkit-scrollbar{display:none}
.bst-svb__tab{
  flex:1;text-align:center;
  font:600 .65rem/1 var(--ssan);text-transform:uppercase;letter-spacing:.02em;
  padding:.5rem .3rem;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;
  cursor:pointer;background:transparent;color:#666;transition:all .15s;white-space:nowrap;
  min-width:0;
}
.bst-svb__tab.--on{background:#fff;color:var(--sv-a,#24265b);border-bottom-color:#CE1021}
.bst-svb__tab:hover:not(.--on){color:#121212;background:rgba(0,0,0,.02)}
.bst-svb__tab:focus-visible{outline:2px solid var(--sv-a,#24265b);outline-offset:-2px}
.bst-svb__cnt{font-weight:400;opacity:.6;margin-left:2px}

/* ── List ── */
.bst-svb__list{list-style:none;padding:0;margin:0}
.bst-svb__li{border-bottom:1px solid #e2e2e2;transition:background .12s}
.bst-svb__li:last-child{border-bottom:none}
.bst-svb__li:hover{background:#f8f9fb}
.bst-svb__li a{text-decoration:none;color:inherit;display:block;padding:.55rem .75rem}
.bst-svb__li a:focus-visible{outline:2px solid var(--sv-a,#24265b);outline-offset:-2px}

/* ── Item top row ── */
.bst-svb__top{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem;flex-wrap:wrap}
.bst-svb__badge{
  display:inline-block;font:600 .6rem/1 var(--ssan);text-transform:uppercase;letter-spacing:.03em;
  padding:2px 5px;border-radius:2px;color:#fff;background:var(--sv-a,#24265b);white-space:nowrap;
}
.bst-svb__badge--ao{background:#b45309}
.bst-svb__badge--urgent{background:#CE1021}
.bst-svb__org{font:500 .7rem/1 var(--ssan);color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Title ── */
.bst-svb__title{
  display:block;font:600 .85rem/1.3 var(--ssan);color:#121212;
  margin-bottom:.15rem;word-wrap:break-word;overflow-wrap:break-word;
}
.bst-svb__li:hover .bst-svb__title{color:var(--sv-a,#24265b)}

/* ── Detail row ── */
.bst-svb__det{display:flex;flex-wrap:wrap;gap:.15rem .5rem;font:400 .65rem/1.2 var(--sui);color:#999}
.bst-svb__det svg{width:11px;height:11px;fill:#999;flex-shrink:0}
.bst-svb__det span{display:inline-flex;align-items:center;gap:3px}
.bst-svb__det .--dl{color:#CE1021;font-weight:600}
.bst-svb__det .--dl svg{fill:#CE1021}

/* ── Empty state ── */
.bst-svb__empty{padding:1.25rem .75rem;text-align:center;font:400 .8rem/1.4 var(--sui);color:#999}

/* ── Footer ── */
.bst-svb__foot{padding:.5rem .75rem;background:#f8f9fb;border-top:1px solid #e2e2e2}
.bst-svb__more{
  display:block;text-align:center;padding:.45rem 0;
  font:600 .7rem/1 var(--ssan);color:var(--sv-a,#24265b);
  text-transform:uppercase;letter-spacing:.04em;
  border:1px solid var(--sv-a,#24265b);border-radius:2px;
  transition:all .15s;text-decoration:none;
}
.bst-svb__more[hidden]{display:none}
.bst-svb__more:hover{background:var(--sv-a,#24265b);color:#fff}
.bst-svb__more:focus-visible{outline:2px solid var(--sv-a,#24265b);outline-offset:2px}