
.icube-help-links{--gp-navy:#0f2347;--gp-gold:#c9a961;--gp-gold-d:#a8855a;--gp-cream:#faf7f2;--gp-line:#e5e0d8;--gp-line2:#f0ebe0;--gp-line-gold:rgba(201,169,97,.22);--gp-ink:#1a1a1a;--gp-grey:#8a8680;font-family:'DM Sans','Helvetica Neue',Arial,sans-serif}
/* largeur — un peu plus large que Mon Compte pour la carte conciergerie */
.icube-help-links.modal-slide{width:500px!important;max-width:96vw!important;left:auto!important;right:0!important}
.icube-help-links.modal-slide .modal-inner-wrap{width:100%!important;max-width:none!important;min-width:0!important;display:flex!important;flex-direction:column!important}
/* header : titre Cormorant + filet or, croix navy qui pivote */
.icube-help-links .modal-header{position:relative;padding:26px 40px 18px!important;border-bottom:1px solid var(--gp-line)!important;background:#fff!important}
.icube-help-links .modal-header .modal-title,.icube-help-links .modal-title{font-family:'Cormorant','Cormorant Garamond',Garamond,serif!important;font-weight:500!important;font-size:20px!important;letter-spacing:5px!important;text-transform:uppercase!important;color:var(--gp-navy)!important;margin:0!important;padding:0!important;border:0!important;min-height:auto!important;text-align:left}
.icube-help-links .modal-header::after{content:"";position:absolute;bottom:-1px;left:40px;width:42px;height:1px;background:var(--gp-gold)}
.icube-help-links .modal-header .page-main-actions{display:none!important}
.icube-help-links .action-close{border:none!important;background:transparent!important;width:auto!important;height:auto!important;min-width:0!important;color:var(--gp-navy)!important;opacity:1;top:18px!important;right:16px!important;padding:8px!important;margin:0!important;transition:transform .25s,color .2s}
.icube-help-links .action-close:hover{color:var(--gp-gold-d)!important;transform:rotate(90deg)}
.icube-help-links .action-close::before{font-size:20px;color:inherit;line-height:1}
/* contenu : padding piloté par .gp-aide (ou fallback rover-menu si JS absent) */
.icube-help-links .modal-inner-wrap .modal-content{padding:0!important;overflow-x:hidden!important;flex:1 1 auto!important;background:#fff!important}
.icube-help-links .rover-menu{position:static!important;width:auto!important;max-width:none!important;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;left:auto!important;right:auto!important;top:auto!important}
.icube-help-links .block-content{padding:0!important;margin:0!important}
.icube-help-links .rover-menu:not(:has(.gp-aide)){padding:28px 34px 34px!important}
/* ===== FALLBACK natif (visible le temps que JS_AIDE reconstruise, ou si JS échoue) ===== */
.icube-help-links .block-content>div{display:block!important;width:auto!important}
.icube-help-links .col-left,.icube-help-links .col-right{width:100%!important;float:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
.icube-help-links .col-right{margin-top:26px!important;padding-top:26px!important;border-top:1px solid var(--gp-line)!important}
.icube-help-links .block.customer-need-help,.icube-help-links .block.customer-faq{margin:0!important;padding:0!important;border:none!important;background:transparent!important}
.icube-help-links .block strong{display:block!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important;font-size:11px!important;letter-spacing:1.6px!important;text-transform:uppercase!important;color:var(--gp-navy)!important;margin:0 0 10px!important;line-height:1.3!important}
.icube-help-links .customer-services{margin-top:22px!important;padding:0!important;border:none!important}
.icube-help-links .block p{font-family:inherit!important;font-size:13px!important;line-height:1.55!important;color:#6a6660!important;margin:0 0 14px!important}
.icube-help-links .block p:has(svg){display:flex!important;align-items:center!important;gap:11px!important;font-size:13.5px!important;color:var(--gp-navy)!important;font-weight:500!important;margin:2px 0 4px!important}
.icube-help-links .block p svg{flex:none!important;width:17px!important;height:17px!important;overflow:visible}
.icube-help-links .block p svg *{stroke:var(--gp-gold-d)!important}
.icube-help-links a.btn-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;box-sizing:border-box!important;background:var(--gp-navy)!important;border:none!important;border-radius:0!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:600!important;height:50px!important;margin:18px 0 0!important;text-decoration:none!important}
/* ===== DESIGN SYSTEM CONCIERGERIE — LUXE SOBRE (.gp-aide-*) =====
   Direction Arnaud : « le luxe, ce n'est pas le tape-à-l'oeil ». Pas de logo
   diamant, pas de cercles dorés, pas de pastilles à coches. Or réservé à de
   fins détails (filet header, filet CTA, signature). Marges GÉNÉREUSES. */
.gp-aide{font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;color:var(--gp-ink);padding:clamp(18px,3vh,42px) 40px clamp(18px,3vh,44px)}
.gp-aide *{box-sizing:border-box}
/* NB : les espacements verticaux sont en clamp(min, Xvh, max) -> tout le drawer
   (hero -> signature) tient SANS SCROLL dès ~750px de hauteur de fenêtre (demande
   Arnaud 2026-06-10) tout en gardant des marges généreuses sur grand écran. */
/* hero conseiller — sobre, sans icône */
.gp-aide-hero{text-align:center;padding:0 0 clamp(12px,2vh,28px);border-bottom:1px solid var(--gp-line2);margin-bottom:clamp(12px,2.2vh,30px)}
.gp-aide-hero-t{font-family:'Cormorant','Cormorant Garamond',Garamond,serif;font-weight:400;font-size:clamp(20px,2.7vh,24px);letter-spacing:.6px;color:var(--gp-navy);margin:0 0 8px;line-height:1.18}
.gp-aide-hero-s{font-size:12.5px;line-height:1.65;color:#6a6660;margin:0 auto}
/* contact — liste éditoriale, filets fins, zéro cercle */
.gp-aide-contact{margin:0}
.gp-aide-row{display:flex;align-items:center;gap:16px;padding:clamp(10px,1.6vh,18px) 2px;text-decoration:none!important;color:inherit!important}
.gp-aide-row+.gp-aide-row{border-top:1px solid var(--gp-line2)}
.gp-aide-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.gp-aide-row-label{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:#a09a90;font-weight:500}
.gp-aide-row-val{font-size:14px;color:var(--gp-navy);font-weight:400;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s}
.gp-aide-row-note{font-size:11.5px;color:#9a958c;margin-top:2px}
.gp-aide-row:hover .gp-aide-row-val{color:var(--gp-gold-d)}
.gp-aide-arrow{flex:none;color:#bdb8ae;display:flex;transition:transform .3s cubic-bezier(.32,.72,0,1),color .25s}
.gp-aide-arrow svg{width:15px;height:15px;stroke:currentColor;fill:none}
.gp-aide-row:hover .gp-aide-arrow{transform:translateX(4px);color:var(--gp-gold-d)}
/* ligne CHAT EN DIRECT (Intercom) : pastille « en ligne » discrète */
.gp-aide-row-chat{cursor:pointer}
.gp-aide-row-chat .gp-aide-row-note{display:flex;align-items:center}
.gp-aide-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5b9a6b;margin-right:7px;flex:none}
@media (prefers-reduced-motion:no-preference){.gp-aide-dot{box-shadow:0 0 0 0 rgba(91,154,107,.45);animation:gpAideDot 2.2s infinite}}
@keyframes gpAideDot{0%{box-shadow:0 0 0 0 rgba(91,154,107,.45)}70%{box-shadow:0 0 0 5px rgba(91,154,107,0)}100%{box-shadow:0 0 0 0 rgba(91,154,107,0)}}
/* CTA */
.gp-aide-cta{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(42px,5.6vh,50px);text-align:center;font-family:'DM Sans',sans-serif;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:500;cursor:pointer;text-decoration:none!important;position:relative;transition:background-color .3s,color .3s,border-color .3s}
.gp-aide-cta-primary{margin-top:clamp(12px,2vh,26px);background:var(--gp-navy);color:#fff!important;border:1px solid var(--gp-navy)}
.gp-aide-cta-primary::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:var(--gp-gold);transition:left .45s cubic-bezier(.32,.72,0,1),right .45s cubic-bezier(.32,.72,0,1)}
.gp-aide-cta-primary:hover{background:#16325e}
.gp-aide-cta-primary:hover::before{left:0;right:0}
.gp-aide-cta-ghost{margin-top:18px;background:transparent;color:var(--gp-navy)!important;border:1px solid var(--gp-line)}
.gp-aide-cta-ghost:hover{background:var(--gp-navy);border-color:var(--gp-navy);color:#fff!important}
/* réassurance — une ligne sobre (ni coche ni or) */
.gp-aide-trust{margin:clamp(8px,1.5vh,18px) 0 0;text-align:center;font-size:10.5px;letter-spacing:.2px;color:#9a958c;line-height:1.6;white-space:nowrap}
.gp-aide-trust b{color:#7a7466;font-weight:400}
/* FAQ */
.gp-aide-faq{margin-top:clamp(12px,2.2vh,30px);padding-top:clamp(10px,2vh,26px);border-top:1px solid var(--gp-line)}
.gp-aide-eyebrow{display:block;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:#5a6b86;font-weight:500;margin-bottom:clamp(4px,.9vh,10px)}
.gp-aide-faq-s{font-size:13px;line-height:1.6;color:#6a6660;margin:0}
/* lien discret alternative formulaire (sous le CTA) */
.gp-aide-alt{margin:clamp(8px,1.4vh,14px) 0 0;text-align:center;font-size:11.5px;color:#8a8680}
.gp-aide-alt a{color:var(--gp-navy)!important;text-decoration:none!important;border-bottom:1px solid var(--gp-line-gold);padding-bottom:1px;transition:color .2s,border-color .2s}
.gp-aide-alt a:hover{color:var(--gp-gold-d)!important;border-color:var(--gp-gold-d)}
/* FAQ — accordéon éditorial (réponse dépliée dans le drawer, une seule ouverte) */
.gp-aide-faq-list{margin:4px 0 0}
.gp-aide-qi+.gp-aide-qi{border-top:1px solid var(--gp-line2)}
.gp-aide-q{display:flex;align-items:center;gap:12px;padding:clamp(7px,1.3vh,12px) 2px;text-decoration:none!important;color:#55524a!important;font-size:12.5px;line-height:1.45;cursor:pointer}
.gp-aide-q>span:first-child{flex:1 1 auto;transition:color .2s}
.gp-aide-q .gp-aide-arrow{transition:transform .3s cubic-bezier(.32,.72,0,1),color .25s}
.gp-aide-q .gp-aide-arrow svg{width:12px;height:12px}
.gp-aide-q:hover>span:first-child{color:var(--gp-navy)}
.gp-aide-qi.gp-open .gp-aide-q>span:first-child{color:var(--gp-navy)}
.gp-aide-qi.gp-open .gp-aide-arrow{transform:rotate(90deg);color:var(--gp-gold-d)}
.gp-aide-a{display:none;padding:0 18px clamp(10px,1.6vh,14px) 2px;font-size:12px;line-height:1.65;color:#6a6660}
.gp-aide-qi.gp-open .gp-aide-a{display:block;animation:gpAideUp .35s cubic-bezier(.32,.72,0,1)}
.gp-aide-a p{margin:0 0 7px}
.gp-aide-a a{font-size:11px;color:var(--gp-navy)!important;text-decoration:none!important;border-bottom:1px solid var(--gp-line-gold);padding-bottom:1px;transition:color .2s,border-color .2s}
.gp-aide-a a:hover{color:var(--gp-gold-d)!important;border-color:var(--gp-gold-d)}
.gp-aide-qmore{display:inline-block;margin-top:clamp(8px,1.4vh,14px);font-size:11.5px;color:var(--gp-navy)!important;text-decoration:none!important;border-bottom:1px solid var(--gp-line-gold);padding-bottom:1px;transition:color .2s,border-color .2s}
.gp-aide-qmore:hover{color:var(--gp-gold-d)!important;border-color:var(--gp-gold-d)}
/* signature maison */
.gp-aide-sign{margin-top:clamp(10px,2vh,28px);text-align:center}
.gp-aide-sign-rule{display:block;width:40px;height:1px;background:var(--gp-gold);margin:0 auto clamp(6px,1.2vh,14px);opacity:.7}
.gp-aide-sign p{font-family:'Cormorant','Cormorant Garamond',Garamond,serif;font-style:italic;font-size:14.5px;color:var(--gp-gold-d);margin:0;letter-spacing:.3px;line-height:1.5}
/* animations d'entrée subtiles — stagger des blocs */
@media (prefers-reduced-motion:no-preference){
  .icube-help-links._show .gp-aide>*{opacity:0;animation:gpAideUp .55s cubic-bezier(.32,.72,0,1) forwards}
  .icube-help-links._show .gp-aide>*:nth-child(1){animation-delay:.04s}
  .icube-help-links._show .gp-aide>*:nth-child(2){animation-delay:.10s}
  .icube-help-links._show .gp-aide>*:nth-child(3){animation-delay:.16s}
  .icube-help-links._show .gp-aide>*:nth-child(4){animation-delay:.22s}
  .icube-help-links._show .gp-aide>*:nth-child(5){animation-delay:.28s}
  .icube-help-links._show .gp-aide>*:nth-child(6){animation-delay:.34s}
  .icube-help-links._show .modal-header::after{animation:gpAideHair .6s .15s cubic-bezier(.32,.72,0,1) both}
}
@keyframes gpAideUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes gpAideHair{from{width:0}to{width:44px}}
/* responsive mobile : plein écran au-dessus du menu (parité Mon Compte) */
@media (max-width:767px){
  .icube-help-links.modal-slide{width:100%!important;max-width:100%!important;z-index:1000001!important;top:0!important;bottom:0!important;height:100%!important}
  .icube-help-links .rover-menu:not(:has(.gp-aide)){padding:30px 24px 36px!important}
  .icube-help-links .modal-header{padding:22px 24px 16px!important}
  .icube-help-links .modal-header::after{left:24px}
  .gp-aide{padding:30px 24px 36px}
  .gp-aide-trust{white-space:normal}
}
