/* idsortie : page Recherche, mise en page de la maquette « Recherche » (retours de Mathieu du 9 oct.). Aperçu seulement (html.ids-da). */

/* ---------- 1. Fond de la DA : clair, halos turquoise et jaune ---------- */
html.ids-da body,html.ids-da body.page-id-184{background:#f3f7f7!important}
html.ids-da #c27-site-wrapper{background:transparent!important;position:relative;z-index:1}
html.ids-da body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(560px 380px at 14% 10%,rgba(31,176,192,.17),rgba(31,176,192,0) 70%),radial-gradient(620px 400px at 80% 4%,rgba(255,216,77,.24),rgba(255,216,77,0) 70%)}
html.ids-da .cts-explore,html.ids-da .cts-explore .finder-listings,html.ids-da .cts-explore .fc-default,html.ids-da .cts-explore .ids-explore-topbar{background:transparent!important}
html.ids-da .cts-explore .ids-explore-topbar{border:0!important;box-shadow:none!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
html.ids-da .cts-explore .finder-listings{box-shadow:none!important;border:0!important}
html.ids-da .cts-explore .finder-listings .fl-head{display:none!important}
html.ids-da .back-to-top{display:none!important}

/* ---------- 2. En-tête clair idsortie (même DA que la fiche et Mes idées) ---------- */
#ids-da-hd,#ids-da-bas{display:none}
html.ids-da-hd .c27-main-header{display:none!important}
html.ids-da-hd #ids-da-hd{position:fixed;left:0;right:0;top:0;z-index:1000;height:80px;display:flex;align-items:center;gap:24px;padding:0 28px;background:rgba(243,247,247,.82);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d;box-sizing:border-box;border-bottom:1px solid rgba(16,25,29,.07)}
#ids-da-hd *{box-sizing:border-box}
#ids-da-hd a{text-decoration:none!important}
.ids-da-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#10191d!important;min-height:44px}
.ids-da-logo>span{width:40px;height:40px;border-radius:13px;background:#10191d;color:#ffd84d;display:flex;align-items:center;justify-content:center}
.ids-da-logo>span .ti{font-size:23px}
.ids-da-logo b{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px;color:#10191d}
.ids-da-slot{flex:1;min-width:0;max-width:560px;margin:0 auto;position:relative;height:60px}
html.ids-da .ids-da-slot .ids-bar-row{max-width:none;height:60px;margin:0}
.ids-da-nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.ids-da-lk{min-height:44px;padding:0 12px;border-radius:999px;display:flex;gap:6px;align-items:center;font-size:14px;font-weight:800;color:#10191d!important;white-space:nowrap}
.ids-da-lk .ti{font-size:18px;color:#0a7684}
.ids-da-lk:hover{background:rgba(255,255,255,.7)}
.ids-da-ic{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10191d!important}
.ids-da-ic .ti{font-size:21px}
.ids-da-ic .dot{position:absolute;right:10px;top:9px;width:8px;height:8px;border-radius:50%;background:#1fb0c0;box-shadow:0 0 0 2px #f3f7f7}
.ids-da-add{min-height:44px;border-radius:999px;background:#1fb0c0;color:#10191d!important;padding:0 16px;display:flex;gap:6px;align-items:center;font-size:14px;font-weight:800;margin-left:6px;white-space:nowrap}
.ids-da-add .ti{font-size:17px}
.ids-da-me{width:44px;height:44px;border-radius:50%;background:#10191d;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;margin-left:6px}
.ids-da-me .ti{font-size:19px}
#ids-da-hd a:focus-visible,#ids-da-bas a:focus-visible,.ids-da-tout:focus-visible{outline:2px solid #1fb0c0!important;outline-offset:2px}
@media (min-width:992px){
  html.ids-da-hd .c27-top-content-margin{display:block!important;height:80px!important}
  html.ids-da-hd #c27-explore-listings{height:calc(100vh - 80px)!important}
  html.ids-da-hd .idsp{top:80px!important}
  html.ids-da-hd .idsp-bg{top:80px!important}
}
@media (max-width:1180px){.ids-da-lk{padding:0 8px;font-size:13px}.ids-da-lk .ti{display:none}html.ids-da-hd #ids-da-hd{gap:14px;padding:0 20px}}
/* Mobile : pas de bandeau en haut, barre du bas en verre sombre (comme la fiche et Mes idées) */
@media (max-width:991.98px){
  html.ids-da-hd #ids-da-hd{display:none}
  html.ids-da-hd .c27-top-content-margin{display:none!important}
  html.ids-da-hd #c27-explore-listings{height:auto!important;top:0!important}
  html.ids-da-hd #ids-da-bas{position:fixed;left:12px;right:12px;bottom:max(10px, calc(env(safe-area-inset-bottom) - 4px));z-index:9994;height:68px;border-radius:28px;background:linear-gradient(180deg,rgba(30,43,50,.94),rgba(14,21,25,.97));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 40px rgba(16,25,29,.35);display:flex;align-items:center;padding:0 6px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
  #ids-da-bas a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;font-size:12px;font-weight:800;color:rgba(255,255,255,.75)!important;text-decoration:none!important}
  #ids-da-bas a .ti{font-size:22px}
  #ids-da-bas a.on{color:#ffd84d!important}
  #ids-da-bas a.plus span{width:50px;height:50px;border-radius:18px;background:#1fb0c0;color:#10191d;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(31,176,192,.45)}
  #ids-da-bas a.plus .ti{font-size:24px}
  html.ids-da-hd.idspl-open #ids-da-bas{display:none}
  html.ids-da-hd:not(.idspl-open) .idspl-tog{bottom:calc(106px + env(safe-area-inset-bottom))}
  html.ids-da-hd .cts-explore .finder-listings{padding-bottom:180px!important}
  html.ids-da-hd .ids-rv-toast{bottom:100px}
}

/* ---------- Haut de la liste : barre, raccourcis de dates, envies ---------- */
html.ids-da .cts-explore .mobile-explore-head-top{display:none!important}
html.ids-da .cts-explore .ids-explore-topbar{padding:0 28px!important}
html.ids-da .cts-explore .ids-explore-topbar:not(:has(.ids-bar-row))::before{display:none}
html.ids-da .cts-explore .ids-tb-row+.ids-tb-row{margin-top:0!important;padding-top:0!important;border-top:0!important}
/* 3. Filtres : pastille blanche (verre) avec son compteur ; le noir est réservé au choix */
html.ids-da .cts-explore .ids-filtres-btn{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:6px;min-height:40px;border:1px solid rgba(16,25,29,.12);border-radius:999px;background:rgba(255,255,255,.85)!important;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:#10191d!important;padding:0 14px 0 12px;font-size:13px;font-weight:800;line-height:1;text-decoration:none!important;box-shadow:none}
html.ids-da .cts-explore .ids-filtres-btn:hover{background:#fff!important;color:#10191d!important}
html.ids-da .cts-explore .ids-filtres-btn>i.mi{display:none}
html.ids-da .cts-explore .ids-filtres-btn::before{content:"\ec38";font-family:'tabler-icons'!important;font-size:17px;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}
html.ids-da .cts-explore .ids-filtres-btn .ids-fbadge{margin-left:0}
html.ids-da .cts-explore .ids-tb-sep{flex:0 0 1px;width:1px;height:24px;margin:0;background:rgba(16,25,29,.12)}
/* Raccourcis de dates : une seule ligne qui défile, espacement fixe de 8 px */
html.ids-da .cts-explore .ids-tb-period{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important;row-gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0;margin:0}
html.ids-da .cts-explore .ids-tb-period::-webkit-scrollbar{display:none}
html.ids-da .cts-explore .ids-tb-period .ids-tb-type,html.ids-da .cts-explore .ids-tb-period .recur-filter,html.ids-da .cts-explore .ids-tb-period .range-list{display:contents!important}
html.ids-da .cts-explore .ids-tb-period .datepicker-form-group{display:none!important}
html.ids-da .cts-explore .ids-tb-period .single-range[data-da="tous"],html.ids-da .cts-explore .ids-tb-period .single-range[data-da="off"]{display:none!important}
html.ids-da .cts-explore .ids-tb-period .single-range{flex:0 0 auto;display:flex!important;align-items:center;gap:6px;min-height:40px!important;margin:0!important;padding:0 13px!important;border-radius:999px!important;border:1px solid rgba(16,25,29,.1)!important;background:rgba(255,255,255,.7)!important;color:#10191d!important;font-size:13px!important;font-weight:800!important;line-height:1!important;white-space:nowrap;text-decoration:none!important;transition:background .2s}
html.ids-da .cts-explore .ids-tb-period .single-range.active{background:#d6f5f8!important;color:#0a7684!important;border-color:#10191d!important}
html.ids-da .cts-explore .ids-tb-period .single-range[data-da]::before{font-family:'tabler-icons'!important;font-size:16px;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}
html.ids-da .cts-explore .single-range[data-da="soir"]::before{content:"\eaf8"}
html.ids-da .cts-explore .single-range[data-da="demain"]::before{content:"\eb30"}
html.ids-da .cts-explore .single-range[data-da="we"]::before{content:"\ee46"}
html.ids-da .cts-explore .single-range[data-da="sem"]::before{content:"\fd30"}
html.ids-da .cts-explore .single-range[data-da="next"]::before{content:"\ebba"}
html.ids-da .cts-explore .ids-tb-period .single-range:focus-visible,html.ids-da .cts-explore .ids-filtres-btn:focus-visible{outline:2px solid #1fb0c0!important;outline-offset:2px}
/* Envies : onglets à icône, « Tout » d'abord, trait sous l'envie choisie */
html.ids-da .cts-explore .ids-tb-row.ids-tb-moods{display:flex!important;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid rgba(16,25,29,.08);margin:0;padding:0}
html.ids-da .cts-explore .ids-tb-moods::-webkit-scrollbar{display:none}
html.ids-da .cts-explore .ids-tb-moods .ids-tb-type,html.ids-da .cts-explore .ids-tb-moods .checkboxes-filter,html.ids-da .cts-explore .ids-tb-moods .tags-nav,html.ids-da .cts-explore .ids-tb-moods .tags-nav li,html.ids-da .cts-explore .ids-tb-moods .tags-nav .md-checkbox{display:contents!important}
html.ids-da .cts-explore .ids-tb-moods .tags-nav::after{display:none!important}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox label,html.ids-da .cts-explore .ids-da-tout{flex:0 0 auto;min-width:64px;min-height:62px;margin:0!important;padding:0 6px 8px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;display:flex!important;flex-direction:column;gap:5px;align-items:center;justify-content:flex-end;color:#66737a!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none!important}
html.ids-da .cts-explore .ids-da-tout .ti{font-size:22px;line-height:1}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox input+label::before{display:block!important;content:"\ea51"!important;position:static!important;width:auto!important;height:auto!important;border:0!important;background:none!important;font-family:'tabler-icons'!important;font-size:22px!important;font-weight:400!important;line-height:1!important;color:inherit!important;transform:none!important;-webkit-font-smoothing:antialiased}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox input+label::after{display:none!important}
html.ids-da .cts-explore .ids-tb-moods input[value="en-famille"]+label::before{content:"\fa21"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="en-couple"]+label::before{content:"\eabe"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="entre-amis"]+label::before{content:"\ebf2"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="solo"]+label::before{content:"\eb4d"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="faire-la-fete"]+label::before{content:"\ee46"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="culture-patrimoine"]+label::before{content:"\ea49"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="plein-air-nature"]+label::before{content:"\ec10"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="gourmand"]+label::before{content:"\eeff"!important}
html.ids-da .cts-explore .ids-tb-moods input[value="insolite"]+label::before{content:"\ea51"!important}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox label[data-on="1"],html.ids-da .cts-explore .ids-da-tout[aria-pressed="true"]{color:#10191d!important;font-weight:800!important;border-bottom-color:#10191d!important}
html.ids-da .cts-explore .ids-tb-moods .md-checkbox input:focus-visible+label{outline:2px solid #1fb0c0;outline-offset:-2px}
/* Ordre des envies de la maquette */
html.ids-da .cts-explore .ids-da-tout{order:0}
html.ids-da .cts-explore .ids-tb-moods input[value="en-famille"]+label{order:1}
html.ids-da .cts-explore .ids-tb-moods input[value="en-couple"]+label{order:2}
html.ids-da .cts-explore .ids-tb-moods input[value="entre-amis"]+label{order:3}
html.ids-da .cts-explore .ids-tb-moods input[value="solo"]+label{order:4}
html.ids-da .cts-explore .ids-tb-moods input[value="faire-la-fete"]+label{order:5}
html.ids-da .cts-explore .ids-tb-moods input[value="culture-patrimoine"]+label{order:6}
html.ids-da .cts-explore .ids-tb-moods input[value="plein-air-nature"]+label{order:7}
html.ids-da .cts-explore .ids-tb-moods input[value="gourmand"]+label{order:8}
html.ids-da .cts-explore .ids-tb-moods input[value="insolite"]+label{order:9}
html.ids-da .cts-explore .ids-tb-moods input{order:10}

/* Mobile : barre, puis Filtres et dates sur une ligne, puis envies sur une ligne : le haut de la 1re carte se voit sans défiler */
@media (max-width:991.98px){
  html.ids-da .cts-explore .ids-explore-topbar{padding:16px 16px 0!important}
  html.ids-da .cts-explore .ids-explore-topbar .ids-bar-row{margin:0 0 12px}
  html.ids-da .cts-explore .ids-tb-period{margin:0 -16px!important;padding:2px 16px!important}
  html.ids-da .cts-explore .ids-tb-row.ids-tb-moods{margin:10px -16px 0!important;padding:0 12px!important}
  html.ids-da .cts-explore .finder-listings{padding:14px 16px 0!important}
  html.ids-da .cts-explore .ids-rv-tri{margin:0 0 14px!important}
  html.ids-da .cts-explore .ids-rv-n{font-size:17px}
}
/* PC : envies sous l'en-tête, puis à gauche raccourcis, titre, grille ; à droite le plan (dès la ligne des raccourcis) */
@media (min-width:992px){
  html.ids-da .cts-explore .ids-tb-row.ids-tb-moods{order:-1;padding:0 0 0 0!important;margin:0 -28px!important;padding:0 22px!important}
  html.ids-da .cts-explore .ids-explore-topbar{display:flex;flex-direction:column}
  html.ids-da .cts-explore .ids-explore-topbar>.ids-bar-row{order:-2;margin:12px auto}
  html.ids-da .cts-explore .ids-tb-period{order:1;margin-top:17px!important;width:calc(59% - 28px);max-width:100%}
  html.ids-da.idspl-pc .idspl-pcp{top:var(--ids-da-mtop,var(--idspl-top,218px))!important;padding:17px 20px 20px 0!important}
  html.ids-da .cts-explore .finder-listings{padding:18px 28px 28px!important}
  html.ids-da .cts-explore .ids-rv-n{font-size:20px}
  html.ids-da .cts-explore .ids-tb-period .single-range{padding:0 11px!important}
  html.ids-da.idspl-pc .cts-explore .finder-listings,html.ids-da.idspl-pc #c27-explore-listings #finderListings{width:60.3%!important}
  html.ids-da.idspl-pc .idspl-pcp{width:39.7%!important}
  html.ids-da .cts-explore .ids-tb-period{width:calc(60.3% - 28px)}
}

/* ---------- 4. Titre de la liste et tri aligné à droite ---------- */
html.ids-da .cts-explore .ids-rv-tri{display:flex!important;justify-content:space-between;align-items:center;gap:10px;max-width:none!important;margin:0 0 18px!important}
html.ids-da .cts-explore .ids-rv-tri>span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
html.ids-da .cts-explore .ids-rv-n{font-family:'Unbounded','Plus Jakarta Sans',sans-serif;font-weight:700;letter-spacing:-.3px;color:#10191d;line-height:1.3}
html.ids-da .cts-explore .ids-rv-sc{font-size:12px;color:#66737a}
html.ids-da .cts-explore .ids-rv-tri>button{margin-left:auto}
/* Grille régulière : 1 colonne (téléphone), 2 ou 3 selon la largeur de la liste */
html.ids-da .cts-explore .finder-listings{container-type:inline-size}
html.ids-da .cts-explore .finder-listings .results-view.grid,html.ids-da.idspl-pc .cts-explore .finder-listings .results-view.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px 18px!important;column-gap:18px!important;max-width:none!important;width:auto!important;margin:0!important;justify-content:stretch}
@container (min-width:560px){html.ids-da .cts-explore .finder-listings .results-view.grid,html.ids-da.idspl-pc .cts-explore .finder-listings .results-view.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 18px!important}}
@container (min-width:700px){html.ids-da .cts-explore .finder-listings .results-view.grid,html.ids-da.idspl-pc .cts-explore .finder-listings .results-view.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
html.ids-da .cts-explore .finder-listings .results-view.grid>.grid-item{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;position:relative!important;left:auto!important;top:auto!important;float:none!important}
html.ids-da .cts-explore .finder-listings .results-view.grid>.grid-item:not(:has(.idsc)):empty{display:none}

/* ---------- 6. Cartes : un seul badge discret sur la photo, en petite pastille blanche ---------- */
html.ids-da .idsc-vote{right:4px;top:4px;min-height:44px;padding:6px}
html.ids-da .idsc-vb{min-height:28px;gap:5px;padding:0 9px 0 4px;background:rgba(255,255,255,.94);box-shadow:0 4px 12px rgba(16,25,29,.16)}
html.ids-da .idsc-vote.nb .idsc-vb{padding-right:4px}
html.ids-da .idsc-vc{width:20px;height:20px}
html.ids-da .idsc-vc svg{width:11px;height:11px}
html.ids-da .idsc-vb b{font-size:12px}
html.ids-da .idsc-vs{font-size:11px;padding:3px 8px 3px 6px;margin-right:-5px}
html.ids-da .idsc-vote.new .idsc-vb{background:rgba(255,255,255,.94);color:#10191d}
html.ids-da .idsc-vote.new .idsc-vc{background:#d6f5f8;color:#0a7684}
html.ids-da .idsc-vote.new .idsc-vc .ti{font-size:12px!important}
html.ids-da .idsc-vote.new .idsc-vb b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}
html.ids-da .idsc-lab{display:flex;gap:5px;align-items:center;min-width:0;font-size:12px;font-weight:800;color:#0a7684;line-height:1.3}
html.ids-da .idsc-lab .ti{font-size:15px;flex:0 0 auto}
html.ids-da .idsc-lab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ids-da .idsc-coach{top:48px}

/* ---------- 11. Affiche : jamais recadrée, entière sur un fond flou (comme la fiche) ---------- */
.idsc-ph.aff{background:#10191d}
.idsc-ph.aff .fd{position:absolute;left:-10%;top:-10%;width:120%!important;height:120%!important;object-fit:cover!important;filter:blur(22px) saturate(1.5);opacity:.75}
.idsc-ph.aff .af{position:relative;z-index:1;width:100%;height:100%;box-sizing:border-box;padding:10px;object-fit:contain!important;object-position:50% 50%!important}
/* L'affiche reste entière, cadre flou visible tout autour, à toutes les largeurs */
@media (min-width:992px){.idsc-ph.aff .af{padding:8px}}

/* Volet Filtres sur PC : à droite, par-dessus le plan (maquette ; spec « il recouvre le plan, c'est accepté ») */
@media (min-width:992px){
  html.ids-da .idsp{left:auto!important;right:0!important;border-radius:20px 0 0 20px!important;box-shadow:-20px 0 50px rgba(16,25,29,.14)!important}
}

/* Icônes Font Awesome des catégories (ids-icones.php) : badge des cartes, pastille en verre et rond noir de 22 px, icône blanche de 12 px */
html.ids-da .idsc-cat>span{width:22px;height:22px}
html.ids-da .idsc-cat>span .ids-fa{height:12px;color:#fff}
html.ids-da .idsc-nph>span:first-child .ids-fa{height:30px;color:#0a7684}
/* Panneau Filtres : catégories en autocollant */
.idsp-chips button .ids-stk{width:28px;height:28px;margin-left:-4px}
.idsp-chips button.on .ids-stk{box-shadow:none}

/* ---------- 10 oct. : logo mobile (accueil) et barre du bas jusqu’à 991 px (BARRE-REF) ---------- */
.ids-da-mtop{display:flex;align-items:center;gap:4px}
/* place gagnée dans la barre pour le logo : « Où ? » garde « Saône-et-Loire » en entier */
.ids-da-mtop .ids-bar-q{flex-basis:60px!important;padding-left:10px!important;padding-right:6px!important}
.ids-da-mtop .ids-bar-geo{width:32px!important}
.ids-da-mtop>.ids-bar-row{flex:1;min-width:0}
.ids-da-mlogo{flex:0 0 auto;width:40px;height:44px;margin-left:-6px;display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.ids-da-mlogo>span{width:34px;height:34px;border-radius:11px;background:#10191d;color:#ffd84d;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(16,25,29,.16)}
.ids-da-mlogo .ti{font-size:20px}
.ids-da-mlogo:focus-visible{outline:2px solid #1fb0c0!important;outline-offset:2px;border-radius:14px}
@media (min-width:992px){.ids-da-mtop>.ids-da-mlogo{display:none}}
@media (min-width:992px){html.ids-da-hd #ids-da-bas{display:none!important}}