/* KONÉSANS — même identité visuelle pour la fenêtre de réservation.
   Limité à #expertModal : calendrier, disponibilités, tarifs et JS inchangés. */
#expertModal{
  --ks-profile-ink:#222628;
  --ks-profile-muted:#50585D;
  --ks-profile-border:#DADDDD;
  --ks-profile-accent:#D9A51C;
  --ks-profile-soft:#F8F9F6;
  --text:#222628;
  --muted:#50585D;
  --border:#DADDDD;
  --accent:#D9A51C;
  --accent-dark:#222628;
  --accent-soft:#FFF6DB;
  background:rgba(17,20,21,.60);
}
#expertModal .expert-modal-card{
  border-radius:5px;
  color:#222628;
  border:1px solid #DADDDD;
  box-shadow:0 26px 80px rgba(16,19,20,.19);
}
#expertModal .modal-head{
  background:#fff;
  border-bottom:1px solid #DADDDD;
}
#expertModal .modal-head :is(h1,h2,h3),
#expertModal .expert-about :is(h3,h4),
#expertModal .booking-side h4,
#expertModal .ks-modal-topic-heading h4,
#expertModal :is(.ks-modal-story strong,.ks-modal-story-short strong,.ks-modal-share strong){
  color:#222628;
}
#expertModal .modal-head .x{
  background:#F8F9F6;
  color:#222628;
  border-color:#DADDDD;
  border-radius:4px;
}
#expertModal .modal-head .x:hover{background:#ecefed}
#expertModal :is(.avatar,.modal-avatar,.expert-avatar){background:#F8F9F6;color:#222628;border-radius:4px}
#expertModal :is(.expert-about p,.muted,.modal-meta,.ks-modal-narrative,.booking-value-note){
  color:#50585D;
}
#expertModal .booking-side{
  background:#F8F9F6;
  border:1px solid #DADDDD;
  border-radius:4px;
}
#expertModal :is(.ks-modal-topic-heading,.ks-modal-share,.ks-modal-story,.ks-modal-story-short,.topic-pick-shell,.ks-modal-value,.booking-value-note){
  border-radius:4px;
  border-color:#DADDDD;
}
#expertModal :is(.ks-modal-topic-heading,.ks-modal-share){
  background:#fff;
}
#expertModal .ks-modal-topic-heading,
#expertModal .ks-modal-qualification{
  border-bottom-color:#DADDDD;
  border-top-color:#DADDDD;
}
#expertModal .ks-modal-topic-meta,#expertModal .ks-modal-qualification{
  color:#50585D;
}
#expertModal #mValue{
  background:#fff;
  border:1px solid #DADDDD;
  border-radius:4px;
  color:#222628;
}
#expertModal #mValue :is(.ks-modal-story,.ks-modal-story-short){
  background:#fff;
  border-color:#DADDDD;
}
#expertModal .topic-pick-shell.active,
#expertModal .topic-pick-compact.active{
  border-color:#D9A51C;
  box-shadow:inset 0 0 0 1px #D9A51C;
}
#expertModal .topic-pick-toggle{
  color:#222628;
  text-underline-offset:4px;
}
#expertModal .topic-pick-toggle:hover{color:#545b5e}
#expertModal .topic-pick.active{
  background:#FFF6DB;
  border-color:#D9A51C;
}
#expertModal .rate-pill{
  background:#fff;
  color:#222628;
  border-color:#DADDDD;
  border-radius:4px;
}
#expertModal .rate-pill:is(.active,[aria-pressed="true"]){
  background:#222628;
  border-color:#222628;
  color:#fff;
}
#expertModal .rate-pill:hover:not(.active):not([aria-pressed="true"]){
  background:#FFF6DB;
  border-color:#D9A51C;
  color:#222628;
}
#expertModal :is(.slot-btn,.topic-pick){border-color:#DADDDD;color:#222628}
#expertModal :is(.slot-btn,.topic-pick):hover{background:#FFF6DB;border-color:#D9A51C}
#expertModal :is(.btn.accent,.request-slot,.request-slot.btn,.slot-request-link,.slot-request-action){
  background:#222628;border-color:#222628;color:#fff;border-radius:4px;
}
#expertModal :is(.btn.accent,.request-slot,.request-slot.btn,.slot-request-link,.slot-request-action):hover{
  background:#3b4244;color:#fff;
}
#expertModal :is(.btn,.slot-btn,.rate-pill,.topic-pick,button,a):focus-visible{
  outline:3px solid #D9A51C;
  outline-offset:3px;
}
#expertModal :is(.notice,.booking-value-note){
  background:#F8F9F6;
  border-color:#DADDDD;
  border-radius:4px;
}
#expertModal .seeker-calendar .seeker-time-slot:hover,
#expertModal .seeker-calendar .seeker-time-slot.selected{
  background:#FFF6DB;
  border-color:#D9A51C;
  color:#222628;
}
@media(max-width:740px){
  #expertModal .expert-modal-card{border-radius:5px}
  #expertModal .booking-side{border:1px solid #DADDDD;background:#F8F9F6}
}