/* ── Services Panel ── */
.services-panel{margin-top:0.9rem;border-top:1px solid rgba(255,215,0,0.15);padding-top:0.85rem;}
.services-panel-title{font-family:'Syne',sans-serif;font-size:0.78rem;font-weight:800;color:var(--amber);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:0.7rem;display:flex;align-items:center;gap:0.4rem;}
.services-panel-title::after{content:'';flex:1;height:1px;background:rgba(255,215,0,0.2);}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.45rem;margin-bottom:0.75rem;}
.svc-card{position:relative;background:var(--surface2);border:1.5px solid rgba(255,255,255,0.07);border-radius:13px;padding:0.65rem 0.6rem;cursor:pointer;transition:all 0.2s;user-select:none;overflow:hidden;}
.svc-card:active{transform:scale(0.96);}
.svc-card::before{content:'';position:absolute;inset:0;opacity:0;background:rgba(255,255,255,0.05);transition:opacity 0.2s;border-radius:inherit;}
.svc-card:hover::before{opacity:1;}
.svc-card.selected{border-color:var(--amber);background:rgba(255,215,0,0.08);box-shadow:0 0 14px rgba(255,215,0,0.18);}
.svc-card.selected .svc-check{opacity:1;transform:scale(1);}
.svc-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:0.55rem;color:#000;font-weight:900;opacity:0;transform:scale(0.6);transition:all 0.2s;}
.svc-icon{font-size:1.3rem;margin-bottom:0.2rem;line-height:1;}
.svc-name{font-family:'Syne',sans-serif;font-size:0.7rem;font-weight:800;color:var(--text);line-height:1.2;}
.svc-price{font-size:0.65rem;font-weight:700;color:var(--amber);margin-top:0.18rem;}
.svc-desc{font-size:0.58rem;color:var(--muted);margin-top:0.1rem;line-height:1.35;}
.services-summary{background:rgba(255,215,0,0.06);border:1px solid rgba(255,215,0,0.25);border-radius:12px;padding:0.7rem 0.9rem;margin-bottom:0.7rem;display:none;}
.services-summary.show{display:block;}
.svc-sum-title{font-size:0.68rem;font-weight:800;color:var(--amber);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.45rem;}
.svc-sum-list{font-size:0.73rem;color:var(--text);line-height:1.8;}
.svc-sum-list span{color:var(--muted);margin-left:0.3rem;}
.svc-sum-total{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem;padding-top:0.45rem;border-top:1px solid rgba(255,215,0,0.15);}
.svc-sum-total-label{font-size:0.72rem;color:var(--muted);}
.svc-sum-total-price{font-family:'Syne',sans-serif;font-weight:800;color:var(--amber);font-size:0.95rem;}
.svc-note{font-size:0.65rem;color:var(--muted);text-align:center;margin-top:0.4rem;line-height:1.4;}

/* ════════════════════════════════════════════════════════════════
   BOUTON FLOTTANT TAXI PRO - DESIGN HARMONISÉ LUXE 2026
   Couleurs de l'app: Pink (#ff2d9b) + Cyan (#00e5ff) + Purple (#cc44ff)
   ════════════════════════════════════════════════════════════════ */


/* Badge de notification */
.taxi-floating-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff4466;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 900;
  border: 2px solid var(--bg);
  animation: pulseBadge 1.5s infinite;
  z-index: 1;
}

@keyframes pulseBadge {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}