/* idsortie : barre « Quoi ? / Où ? » commune (en-têtes PC + loupe mobile). Reprend la barre de /explore/ (ids-recherche-barre.php). */
.idsbg-on [data-ids-vue="pc"] a[style*="max-width:460px"][style*="height:52px"]{visibility:hidden!important}
.idsbg-host,.idsbg-plein,.idsbg-loupe{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.idsbg-host *,.idsbg-plein *{box-sizing:border-box}
.idsbg-host button,.idsbg-plein button,.idsbg-loupe{font-family:inherit;margin:0;text-transform:none;letter-spacing:0;line-height:1.2}
.idsbg-host :focus-visible,.idsbg-plein :focus-visible,.idsbg-loupe:focus-visible{outline:2px solid #1fb0c0!important;outline-offset:2px}
.idsbg-host input:focus-visible,.idsbg-plein input:focus-visible{outline:none!important}

/* PC : posée exactement sur la pastille de l'en-tête */
.idsbg-host{position:fixed;z-index:60;display:none}
.idsbg-host.vu{display:block}
.idsbg-row{position:relative;height:60px}
.idsbg-bar{position:absolute;left:0;right:0;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(16,25,29,.1);border-radius:999px;padding:6px;display:flex;flex-direction:column;gap:6px;transition:border-radius .2s}
.idsbg-bar.open{border-radius:28px;box-shadow:0 18px 44px rgba(16,25,29,.16)}
.idsbg-bar b,.idsbg-bar strong{color:#10191d}
.idsbg-top{display:flex;align-items:center;gap:4px;height:48px}
.idsbg-f{min-width:0;height:100%;border:none;border-radius:999px;background:transparent;padding:0 8px 0 12px;display:flex;flex-direction:column;justify-content:center;text-align:left;cursor:pointer;color:#10191d}
.idsbg-f.on{background:#fff}
.idsbg-f>span:first-child{font-size:12px;font-weight:800;color:#66737a}
.idsbg-f>span+span{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:flex;gap:4px;align-items:center}
.idsbg-f>span+span .ti{font-size:14px;color:#0a7684;flex:0 0 auto}
.idsbg-f>span+span em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.idsbg-q{flex:0 0 150px}
.idsbg-o{flex:1;padding-right:6px}
.idsbg-sep{flex:0 0 1px;height:55%;background:rgba(16,25,29,.12)}
.idsbg-geo{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:none;background:rgba(31,176,192,.14);color:#0a7684;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;padding:0}
.idsbg-geo.on{background:#1fb0c0;color:#10191d}
.idsbg-go{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:#10191d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(16,25,29,.25);padding:0}
.idsbg-geo:active,.idsbg-go:active{transform:scale(.92)}
.idsbg-geo .ti{font-size:17px}
.idsbg-geo .ti-loader-2{animation:idsbgspin .8s linear infinite}@keyframes idsbgspin{to{transform:rotate(360deg)}}
.idsbg-go .ti{font-size:20px}
.idsbg-pq{display:flex;flex-direction:column;gap:8px;padding:0 0 4px}
.idsbg-in{display:flex;align-items:center;gap:8px;height:44px;background:#fff;border-radius:999px;padding:0 6px 0 14px;box-shadow:inset 0 0 0 1.5px #10191d}
.idsbg-in .ti{font-size:18px}
.idsbg-in input{flex:1;min-width:0;border:none!important;outline:none;background:none!important;font-family:inherit;font-size:15px;font-weight:600;color:#10191d;padding:0!important;height:auto!important;box-shadow:none!important;margin:0;-webkit-appearance:none;appearance:none}
.idsbg-in input::-webkit-search-cancel-button{display:none}
.idsbg-opt{font-size:11px;font-weight:800;color:#5f6b72;background:#eef3f4;padding:4px 8px;border-radius:999px;white-space:nowrap}
.idsbg-x{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:none;background:#eef3f4;color:#10191d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.idsbg-x .ti{font-size:14px}
.idsbg-quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 4px}
.idsbg-quick button{min-height:36px;border-radius:999px;border:1px solid rgba(16,25,29,.12);background:#fff;color:#10191d;padding:0 12px;font-size:12px;font-weight:800;cursor:pointer}
.idsbg-quick button.on{background:#10191d;color:#fff;border-color:#10191d}
.idsbg-po{display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:4px;margin-bottom:2px}
.idsbg-po .idsbg-in{margin:2px 2px 4px;background:none}
.idsbg-po .idsbg-in>.ti{color:#0a7684}
.idsbg-none{display:block;padding:10px 14px 12px;font-size:13px;color:#66737a;line-height:1.4}
.idsbg-err{display:flex;gap:10px;align-items:flex-start;margin:2px 4px 6px;padding:10px 12px;border-radius:16px;background:#fff4e5;font-size:13px;line-height:1.4;color:#4a565b}
.idsbg-err b{display:block;color:#10191d;font-size:13px;font-weight:800}
.idsbg-err .ti{font-size:18px;color:#b3440c;margin-top:1px}
.idsbg-pl{min-height:48px;border:none;border-radius:18px;background:transparent;display:flex;gap:12px;align-items:center;padding:0 12px;cursor:pointer;color:#10191d;text-align:left;width:100%}
.idsbg-pl.on{background:#f3f7f7}
.idsbg-pl>span:first-child{width:32px;height:32px;border-radius:10px;background:#eef3f4;color:#10191d;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.idsbg-pl.moi>span:first-child{background:rgba(31,176,192,.16);color:#0a7684}
.idsbg-pl>span:first-child .ti{font-size:17px}
.idsbg-pl>span+span{flex:1;line-height:1.3;min-width:0}
.idsbg-pl b{font-size:14px;display:block;font-weight:800}
.idsbg-pl small{font-size:12px;color:#66737a}
.idsbg-pl>.ti{font-size:18px;color:#0a7684}
.idsbg-ray{display:flex;flex-direction:column;gap:8px;margin:4px 4px 6px;padding:12px 10px 4px;border-top:1px solid rgba(16,25,29,.07)}
.idsbg-ray>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.idsbg-ray>div:first-child b{white-space:nowrap;flex:0 0 auto;font-size:13px;font-weight:800;display:flex;gap:6px;align-items:baseline}
.idsbg-ray>div:first-child b span{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700}
.idsbg-ray>div:first-child>span{min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#66737a}
.idsbg-ray input[type=range]{width:100%;accent-color:#10191d;height:28px;padding:0;margin:0;border:none;background:none;box-shadow:none}
.idsbg-ray>div:last-child{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#66737a}

/* Mobile : bouton loupe dans l'en-tête */
.idsbg-loupe{position:fixed;z-index:40;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(16,25,29,.08);display:none;align-items:center;justify-content:center;color:#10191d;cursor:pointer;padding:0}
.idsbg-loupe.vu{display:flex}
.idsbg-loupe .ti{font-size:20px}
.idsbg-loupe:active{transform:scale(.94)}

/* Mobile : la même barre en plein écran */
.idsbg-plein{position:fixed;inset:0;z-index:2147483000;background:#f3f7f7;display:flex;flex-direction:column;overflow:hidden}
.idsbg-plein::before{content:"";position:absolute;left:-30%;top:-160px;width:120%;height:360px;background:radial-gradient(closest-side,rgba(31,176,192,.16),transparent),radial-gradient(closest-side at 80% 40%,rgba(255,216,77,.18),transparent);pointer-events:none}
.idsbg-ph{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px 10px;padding-top:max(12px,env(safe-area-inset-top))}
.idsbg-ph b{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;flex:1}
.idsbg-ferme{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#10191d;padding:0;flex:0 0 auto}
.idsbg-ferme .ti{font-size:19px}
.idsbg-pc{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 16px 24px;-webkit-overflow-scrolling:touch}
.idsbg-plein .idsbg-row{height:auto}
.idsbg-plein .idsbg-bar{position:relative;border-radius:28px}
.idsbg-plein .idsbg-top{height:44px}
.idsbg-plein .idsbg-q{flex:0 0 80px}
.idsbg-plein .idsbg-in input{font-size:16px}
.idsbg-plein-ouvert{overflow:hidden!important}

/* Vague 2 : zones tactiles de 44 px sans changer le dessin (cercle de 36 px, croix de 32 px, raccourcis de 36 px) */
.idsbg-geo,.idsbg-x,.idsbg-quick button{position:relative}
.idsbg-geo::after{content:"";position:absolute;inset:-4px}
.idsbg-x::after{content:"";position:absolute;inset:-6px}
.idsbg-quick button::after{content:"";position:absolute;inset:-4px 0}
