/* Sit&Way - Andrée : barre de l'accueil, attente, sélection sur la page des résultats */

/* ----- Onglets de l'accueil ----- */
[data-panneau-recherche][hidden]{display:none!important;}
.andree-onglets{display:inline-flex;gap:2px;margin-top:10px!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px;margin:0 0 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.andree-onglets button{border:0;background:none;color:#fff;font:600 14px 'DM Sans',sans-serif;padding:9px 18px;border-radius:999px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:background .25s,color .25s;}
.andree-onglets button.on{background:#fff;color:#14312E;}
.andree-onglets .court{display:none;}
.andree-onglets .nv{font-size:10px;font-weight:700;letter-spacing:.06em;background:#C25E3C;color:#fff;border-radius:6px;padding:2px 6px;}

/* ----- Barre Andrée ----- */
.andree-barre{position:relative;max-width:900px;background:#fff;border-radius:22px;padding:8px 8px 8px 20px;display:flex;align-items:center;gap:10px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.45),0 0 0 4px rgba(230,207,156,.38);text-align:left;}
.andree-etoile{flex:none;width:36px;height:36px;border-radius:50%;display:block;overflow:hidden;box-shadow:0 0 0 2px #fff,0 4px 12px -4px rgba(20,49,46,.5);}
.andree-etoile img,.an-avatar img,.andree-attente .av img{width:100%;height:100%;display:block;border-radius:50%;}
.andree-mini{width:22px;height:22px;border-radius:50%;display:block;margin:-3px 0 -3px -8px;box-shadow:0 0 0 1.5px rgba(255,255,255,.8);}
.andree-barre input[name=texte]{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;border-radius:0;background:none!important;font:400 17px 'DM Sans',sans-serif;color:#14312E;padding:14px 0;}
.andree-barre input[name=texte]::placeholder{color:#7F8E8B;}
.andree-outils{display:flex;gap:8px;}
.andree-outil{flex:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(20,49,46,.14);background:#fff;color:#14312E;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.andree-outil.ecoute{background:#C25E3C;color:#fff;border-color:#C25E3C;animation:anPouls 1.2s ease-in-out infinite;}
@keyframes anPouls{50%{box-shadow:0 0 0 8px rgba(194,94,60,.18);}}
.andree-apercu{flex:none;width:44px;height:44px;border-radius:12px;background:#ddd center/cover;cursor:pointer;position:relative;}
.andree-apercu::after{content:"×";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#14312E;color:#fff;font:700 12px/18px 'DM Sans',sans-serif;text-align:center;}
.andree-envoyer{flex:none;height:52px;padding:0 22px;border:0;border-radius:16px;background:#C25E3C;color:#fff;font:700 15px 'DM Sans',sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px -8px rgba(194,94,60,.7);}
.andree-idees{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.andree-idees button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:999px;padding:8px 14px;font:500 13.5px 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.andree-confiance{margin-top:14px;font-size:13px;color:rgba(255,255,255,.8);display:flex;gap:18px;flex-wrap:wrap;}
.andree-confiance b{color:#fff;font-weight:600;}
.andree-erreur{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#FFF4EC;color:#8A3A22;font-size:14px;max-width:900px;}

/* ----- Attente (plein écran) ----- */
.andree-attente{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,30,28,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s;}
.andree-attente.on{opacity:1;}
.andree-attente[hidden]{display:none;}
.andree-attente .boite{width:100%;max-width:380px;background:#fff;border-radius:24px;padding:26px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);text-align:center;}
.andree-attente .av{position:relative;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;}
.andree-attente .av::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#C25E3C;border-right-color:#E6CF9C;animation:anTour 1s linear infinite;}
@keyframes anTour{to{transform:rotate(360deg);}}
.andree-attente h3{margin:0 0 14px;font:600 19px 'Lora',Georgia,serif;color:#14312E;}
.andree-attente ol{list-style:none;margin:0;padding:0;text-align:left;display:grid;gap:8px;}
.andree-attente li{display:flex;align-items:center;gap:10px;font-size:14px;color:#9AA7A4;transition:color .3s;}
.andree-attente li i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #DCE3E1;display:flex;align-items:center;justify-content:center;}
.andree-attente li.on{color:#14312E;font-weight:600;}
.andree-attente li.on i{border-color:#C25E3C;border-top-color:transparent;animation:anTour .8s linear infinite;}
.andree-attente li.fait{color:#2F7A63;}
.andree-attente li.fait i{background:#2F7A63;border-color:#2F7A63;}
.andree-attente li.fait i::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);}
@media (prefers-reduced-motion:reduce){.andree-attente .av::after,.andree-attente li.on i{animation:none;}}

/* ----- Sélection d'Andrée (page des résultats) ----- */
.an-rep{position:relative;margin:4px 0 26px;background:#fff;border:1px solid rgba(20,49,46,.1);border-radius:24px;padding:26px 28px;box-shadow:0 30px 60px -40px rgba(20,49,46,.5);animation:anArrive .6s cubic-bezier(.2,.8,.2,1) both;}
@keyframes anArrive{from{opacity:0;transform:translateY(16px);}}
.an-etiquette{position:absolute;right:22px;top:-12px;background:#FFF4D6;color:#8A6400;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:8px;text-transform:uppercase;}
.an-tete{display:flex;gap:14px;align-items:flex-start;}
.an-avatar{flex:none;width:52px;height:52px;border-radius:50%;display:block;box-shadow:0 6px 16px -8px rgba(20,49,46,.6);}
.an-qui{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C25E3C;}
.an-tete p{margin:4px 0 0;font-size:16.5px;line-height:1.55;color:#2A403D;}
.an-compris{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0 58px;}
.an-puce{display:inline-flex;align-items:center;gap:6px;background:#F5EFE5;border:1px solid rgba(20,49,46,.1);border-radius:12px;padding:7px 11px;font:500 13.5px 'DM Sans',sans-serif;color:#14312E;}
button.an-puce{cursor:pointer;}
.an-puce i{font-style:normal;color:#6B7D7A;font-size:12px;}
.an-puce small{font-size:11px;color:#8A6400;background:#FFF4D6;border-radius:6px;padding:1px 6px;}
.an-puce b{color:#C25E3C;font-weight:600;}
.an-dest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0 58px;font-size:13px;color:#6B7D7A;}
.an-dest a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#14312E;font-weight:600;border:1px solid rgba(20,49,46,.18);border-radius:999px;padding:6px 12px;background:#fff;}
.an-dest a small{color:#6B7D7A;font-weight:400;}
.an-choix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;}
.an-h{border:1px solid rgba(20,49,46,.12);border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;animation:anArrive .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.15s + var(--k) * .1s);transition:transform .25s,box-shadow .25s;}
.an-h:hover{transform:translateY(-3px);box-shadow:0 20px 34px -24px rgba(20,49,46,.6);}
.an-img{display:block;height:150px;background:#E9E3D8 center/cover;position:relative;}
.an-tag{position:absolute;top:12px;left:12px;background:#fff;color:#14312E;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;}
.an-tag.or{background:#E6CF9C;}
.an-corps{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
.an-corps h3{margin:0;font:600 17px 'Lora',Georgia,serif;}
.an-corps h3 a{color:#14312E;text-decoration:none;}
.an-lieu{font-size:13px;color:#6B7D7A;}
.an-et{color:#C9A15B;letter-spacing:1px;}
.an-pq{margin:0;font-size:13.5px;line-height:1.5;background:#F2F7F5;border-radius:12px;padding:10px 12px;color:#25433F;}
.an-pq b{color:#14312E;}
.an-bas{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:6px;gap:10px;}
.an-prix{font:600 23px 'Lora',Georgia,serif;color:#14312E;}
.an-prix small{display:block;font:500 12px 'DM Sans',sans-serif;color:#6B7D7A;}
.an-voir{border:0;background:#14312E;color:#fff;border-radius:12px;padding:11px 18px;font:700 14px 'DM Sans',sans-serif;text-decoration:none;}
.an-affiner{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid rgba(20,49,46,.14);border-radius:16px;padding:6px 6px 6px 16px;background:#FBF8F3;}
.an-affiner input[name=texte]{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;border-radius:0;background:none!important;font:400 15px 'DM Sans',sans-serif;color:#14312E;padding:10px 0;}
.an-affiner button{flex:none;border:0;background:#14312E;color:#fff;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.an-erreur{flex-basis:100%;margin:0 10px 6px 0;font-size:13.5px;color:#8A3A22;}
.an-idees{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.an-idees button{font:500 13px 'DM Sans',sans-serif;border:1px solid rgba(20,49,46,.14);border-radius:999px;padding:7px 12px;background:#fff;color:#14312E;cursor:pointer;}
.an-note{margin:14px 0 0;font-size:12px;color:#6B7D7A;}

/* ----- Mobile ----- */
@media (max-width:760px){
  .andree-onglets{margin-bottom:12px;}
  .andree-onglets button{padding:8px 13px;font-size:13px;white-space:nowrap;}
  .andree-onglets .long,.andree-onglets .nv{display:none;}
  .andree-onglets .court{display:inline;}
  .andree-barre{flex-wrap:wrap;padding:14px 14px 12px;border-radius:20px;gap:8px;}
  .andree-etoile{display:none;}
  .andree-barre input[name=texte]{flex-basis:100%;font-size:16px;padding:4px 2px 10px;}
  .andree-outils{flex:1;}
  .andree-envoyer{height:46px;padding:0 18px;}
  .andree-idees{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px;}
  .andree-idees::-webkit-scrollbar{display:none;}
  .andree-idees button{white-space:nowrap;flex:none;}
  .andree-confiance{gap:8px 14px;font-size:12px;}
  .an-rep{padding:20px 16px;border-radius:20px;}
  .an-tete p{font-size:15px;}
  .an-compris,.an-dest{margin-left:0;}
  .an-choix{grid-template-columns:1fr;gap:12px;}
  .an-h{flex-direction:row;}
  .an-img{width:112px;height:auto;flex:none;}
  .an-tag{top:8px;left:8px;font-size:10.5px;padding:3px 7px;max-width:96px;}
  .an-corps{padding:12px;gap:6px;}
  .an-corps h3{font-size:15.5px;}
  .an-pq{font-size:12.5px;padding:8px 10px;}
  .an-prix{font-size:19px;}
  .an-voir{padding:9px 13px;font-size:13px;}
}

/* Inscription apres les essais gratuits */
.andree-porte .boite{position:relative;text-align:center;}
.andree-porte .ferme{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#F4EFE7;color:#14312E;font-size:20px;line-height:1;cursor:pointer;}
.andree-porte .av::after{display:none;}
.andree-porte .an-coeur{box-shadow:0 0 0 4px #fff,0 0 0 6px #E6CF9C;}
.andree-porte h3{margin-bottom:6px;}
.andree-porte p{margin:0 auto 14px;max-width:300px;color:#5E6F6C;font-size:14.5px;line-height:1.5;}
.andree-porte .an-plus{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.andree-porte .an-plus li{font-size:12.5px;font-weight:600;color:#2F6B4F;background:#EAF3EE;border-radius:999px;padding:6px 11px;}
.andree-porte .an-plus li::before{content:"✓ ";}
.andree-porte .an-cta{display:block;background:#C25E3C;color:#fff;text-decoration:none;font:700 15px 'DM Sans',sans-serif;padding:14px;border-radius:14px;box-shadow:0 12px 24px -12px rgba(194,94,60,.8);}
.andree-porte .an-lien{display:inline-block;margin-top:12px;color:#14312E;font-size:14px;font-weight:600;}

/* ===== Andrée dans les résultats hôtels : barre en haut, carte vivante dans la liste ===== */
.an-pilule{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 18px;padding:10px 14px;border:0;border-radius:16px;cursor:pointer;text-align:left;
  background:linear-gradient(100deg,#14312E,#24574F);color:#fff;font:500 14px 'DM Sans',system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 26px -16px rgba(20,49,46,.8);}
.an-pilule::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(100deg,transparent,rgba(230,207,156,.32),transparent);animation:anBrille 3.6s ease-in-out infinite;}
@keyframes anBrille{0%{left:-40%;}55%,100%{left:120%;}}
.an-pilule img{width:28px;height:28px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #E6CF9C;}
.an-pilule span{flex:1;min-width:0;} .an-pilule b{color:#E6CF9C;font-weight:700;}
.an-pilule em{font-style:normal;flex:none;font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#14312E;background:#E6CF9C;border-radius:999px;padding:4px 8px;}
.an-carte{grid-column:1/-1;position:relative;border-radius:24px;padding:2px;background:conic-gradient(from var(--an-a,200deg),#E6CF9C,#C25E3C,#14312E,#E6CF9C);animation:anTour 7s linear infinite;box-shadow:0 22px 44px -22px rgba(194,94,60,.65);scroll-margin-top:90px;}
@property --an-a{syntax:'<angle>';inherits:false;initial-value:200deg;}
@keyframes anTour{to{--an-a:560deg;}}
.an-carte .in{position:relative;overflow:hidden;border-radius:22px;padding:18px;background:radial-gradient(circle at 92% 0%,#2E6B62,#14312E 62%);color:#fff;}
.an-carte .in::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#C25E3C;filter:blur(60px);opacity:.38;left:-70px;bottom:-100px;pointer-events:none;}
.an-carte .hd{position:relative;z-index:1;display:flex;gap:13px;align-items:center;}
.an-carte .av{position:relative;flex:none;width:58px;height:58px;}
.an-carte .av img{width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 3px #E6CF9C;display:block;}
.an-carte .av::after{content:"";position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#4ADE80;border:2px solid #14312E;animation:anPouls 2s ease-in-out infinite;}
@keyframes anPouls{50%{box-shadow:0 0 0 5px rgba(74,222,128,.25);}}
.an-carte .neuf{display:inline-block;font:700 9.5px 'DM Sans',sans-serif;letter-spacing:.14em;color:#14312E;background:#E6CF9C;border-radius:999px;padding:3px 8px;}
.an-carte h3{font:500 21px/1.15 'Lora',Georgia,serif;margin:6px 0 0;color:#fff;} .an-carte h3 em{color:#E6CF9C;}
.an-saisie{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 10px;background:#fff;border-radius:15px;padding:5px 5px 5px 13px;}
.an-saisie input[type=text]{flex:1;min-width:0;border:0!important;outline:0;background:none!important;box-shadow:none!important;font:500 14.5px 'DM Sans',sans-serif;color:#14312E;padding:9px 0!important;}
.an-saisie button{flex:none;width:40px;height:40px;border:0;border-radius:12px;background:#C25E3C;color:#fff;display:grid;place-items:center;cursor:pointer;}
.an-saisie .andree-erreur{flex-basis:100%;margin:2px 0 4px;color:#A84A34;font-size:12.5px;}
.an-chips{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;}
.an-chips button{display:inline-flex;align-items:center;gap:5px;font:700 12px 'DM Sans',sans-serif;border:1px solid rgba(230,207,156,.5);background:none;color:#F3E6C6;border-radius:999px;padding:6px 10px;cursor:pointer;transition:background .2s,color .2s;}
.an-chips button.on{background:#E6CF9C;color:#14312E;border-color:#E6CF9C;}
.an-carte .pied{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:11.5px;color:#A9C1BB;}
@media (min-width:900px){
  .an-carte .in{display:grid;grid-template-columns:1fr 1.25fr;gap:8px 26px;align-items:center;padding:22px 26px;}
  .an-carte .hd{grid-row:1/3;} .an-carte h3{font-size:24px;} .an-saisie{margin:0;} .an-carte .pied{grid-column:1/-1;}
}
@media (prefers-reduced-motion:reduce){.an-pilule::after,.an-carte,.an-carte .av::after{animation:none;}}