/* search.css · ajouts du 20/10/2026 · recherche instantanée et facettes (wireframe gris, Arial) */

/* ---------- Champ de recherche et bulle d'explication ---------- */
.search{position:relative}
.search-hint{display:flex;align-items:center;margin-right:6px;position:relative}
.search-hint small{display:flex;align-items:center;font-size:11px;color:#666}
.search .search-hint-btn{width:22px;height:22px;padding:0;border:1px solid #9a9a9a;border-radius:50%;background:#fff;font:italic 700 12px/1 Georgia,"Times New Roman",serif;color:#444;display:grid;place-items:center;flex-shrink:0}
.search .search-hint-btn[aria-expanded="true"]{background:#191919;color:#fff;border-color:#191919}
.search-bubble{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 40px));background:#fff;border:1px solid #c9c9c9;box-shadow:0 8px 24px #0000001a;padding:12px 14px;font-size:12px;line-height:1.5;color:#333;z-index:31;border-radius:6px;font-style:normal;font-weight:400}
.search-bubble::before{content:"";position:absolute;top:-6px;right:8px;width:10px;height:10px;background:#fff;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;transform:rotate(45deg)}

/* ---------- Panneau de suggestions ---------- */
.search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;box-sizing:border-box;max-width:100vw;background:#fff;border:1px solid #c9c9c9;border-radius:6px;box-shadow:0 10px 28px #00000014;max-height:min(70vh,560px);overflow:auto;text-align:left;font-size:13px;line-height:1.35;padding:4px 0}
.search-panel[hidden]{display:none}
.search-group{padding:4px 0;border-top:1px solid #ececec}
.search-group:first-child{border-top:0}
.search-group-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#666;font-weight:600}
.search-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 16px;cursor:pointer;border-left:3px solid transparent}
.search-item.active,.search-item:hover{background:#f3f3f3;border-left-color:#191919}
.search-item-main{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.search-item-main strong{font-weight:600}
.search-item-meta{font-size:11px;color:#666}
.search-item-aside{font-size:11px;color:#444;white-space:nowrap;flex-shrink:0;max-width:50%;overflow:hidden;text-overflow:ellipsis}
.search-foot-item:focus-visible{outline:2px solid #191919;outline-offset:-2px}
.search-panel mark{background:#e2e2e2;color:inherit;padding:0 1px;border-radius:2px}
.search-foot{border-top:1px solid #c9c9c9;margin-top:4px}
.search-foot-item{font-weight:600;padding:12px 16px}
.search-empty{padding:14px 16px 10px}
.search-empty>p:first-child{font-weight:600}
.search-empty-hint{font-size:11px;color:#666;margin:10px 0 4px}
.search-near{margin:0 -16px}
.search-near-item{padding:8px 16px}
.search-recent .search-item-main{flex-direction:row;align-items:center;gap:8px}
.search-recent .search-item-main::before{content:"↻";color:#888;font-size:12px}
.search .search-forget,.search .search-clear{border:0;background:none;padding:2px 6px;font-size:13px;font-weight:400;color:#666;border-radius:3px}
.search .search-clear{font-size:10px;text-transform:none;letter-spacing:0;text-decoration:underline}
.search .search-forget:hover,.search .search-clear:hover,.search .search-forget:focus-visible,.search .search-clear:focus-visible{background:#e6e6e6;color:#191919}
@media(max-width:720px){
  .search-panel{border-radius:0;border-left:0;border-right:0;max-height:none}
  .search-item-aside{white-space:normal;text-align:right;max-width:45%} /* « Ouverture le 5 novembre 2026 à 10h00 » passe à la ligne au lieu d'être tronqué */
  /* La bulle se cale sur toute la largeur du champ (conteneur .search) et non sur le bouton « i », collé au bord droit : plus de débordement à 390 px */
  .search-hint{position:static}
  .search-bubble{right:0;left:0;width:auto}
  .search-bubble::before{left:auto;right:14px}
}

/* ---------- Facettes du catalogue ---------- */
.facet-group label{justify-content:space-between}
.facet-group label>span:first-of-type{flex:1;min-width:0}
.facet-label{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.facet-count{font-size:11px;color:#666;background:#f3f3f3;border:1px solid #e2e2e2;border-radius:30px;padding:1px 8px;min-width:26px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}
.facet-group label{min-width:0}
.facet-group label.facet-off{color:#777} /* contraste 4,5:1 sur fond blanc */
.facet-group label.facet-off .facet-count{color:#777}
.facet-note{font-size:11px;color:#666;margin:0 0 14px;padding:10px 12px;background:#f3f3f3;border-left:2px solid #191919}
.facet-intro{font-size:11px;color:#666;margin:0 0 6px}
.offer-card-simple{border:1px solid #c9c9c9;padding:18px;background:#fff;display:flex;flex-direction:column;gap:8px;border-radius:8px}
.offer-card-simple .location{margin-bottom:0}
.offer-card-simple h3{font-size:19px;line-height:1.16;overflow-wrap:anywhere}
.offer-card-simple .keywords{font-size:11px;color:#666}
.offer-card-simple .card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #e6e6e6}
.offer-card-simple .card-bottom strong{font-size:17px}

/* ---------- Annuaire des catégories : tuile sans offre (grisée « Bientôt », non cliquable) ---------- */
.category-tile.category-tile-soon{color:#777;background:#f3f3f3;border-style:dashed;border-color:#c9c9c9;cursor:default;box-shadow:none;transform:none}
.category-tile.category-tile-soon:hover{background:#f3f3f3;border-color:#c9c9c9}
.category-tile.category-tile-soon .category-icon-disc{opacity:.6}
.category-soon{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;border:1px solid #c9c9c9;border-radius:30px;padding:2px 8px;white-space:nowrap}