body { font-family: "Heebo", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;overflow:hidden; }
  audio { display:none; }
  #robotMessages { max-height: 50vh; overflow: auto;color:#000; }
  #robotMessages .msg { padding:.4rem .6rem; margin:.25rem 0; border-radius:.5rem; line-height:1.35 }
  #robotMessages .me { background:#f4f6f9 }
  #robotMessages .bot { background:#fff4f0 }
  .pill { display:inline-block; background:#e9eefc; padding:.15rem .45rem; border-radius:999px; margin:.1rem .2rem; font-size:.85em }
  #avatar-container { position:relative; width:100%; max-width:100%; margin:0 auto;background-image:url('/image/Gemini_Generated_Image_t3kcblt3kcblt3kc.jpg');background-size:cover; }
  canvas#c { width:100%; height:62vh; display:block; } 
.fc-toolbar-title,.fc-col-header-cell{color:#000;}
[role="columnheader"] {background:#DDCAC4;color:#000;}
   /* ===== Cart panel ===== */
.cart-fab{
  position:fixed; inset-inline-end:16px; inset-block-end:16px;
  width:54px; height:54px; border-radius:999px; border:0;
  background:#111; color:#fff; font-size:22px; cursor:pointer; z-index:3000;
  display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px rgba(0,0,0,.25);
}
.fc-col-header th{border:none!important;}
.cart-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.3); z-index:39;
}
.cart-panel{
  position:fixed; inset-block:0; inset-inline-start:0; /* RTL: נפתח משמאל */
  width:min(380px, 92vw); background:#fff; z-index:4000;
  box-shadow:4px 0 18px rgba(0,0,0,.22);
  transform:translateX(-102%); transition:transform .28s ease;
  display:flex; flex-direction:column;
}
.cart-panel.open{ transform:translateX(0); }
.cart-header{color:#000;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:12px 14px; border-bottom:1px solid #eee; background:#fafafa;
}
.cart-x{ border:0; background:transparent; font-size:20px; cursor:pointer; padding:6px; }
.cart-items{ padding:10px 12px; overflow:auto; flex:1; }
.cart-item{color:#000;
  display:grid; grid-template-columns:64px 1fr auto; gap:10px; align-items:center;
  border:1px solid #eee; border-radius:10px; padding:8px; margin:8px 0; background:#fff;
}
.cart-item img{ width:64px; height:64px; object-fit:cover; border-radius:8px; background:#f6f6f6; }
.cart-item .name{ font-weight:600; margin-bottom:2px; }
.cart-item .meta{ font-size:.9em; opacity:.75 }
.cart-item .actions{ display:flex; flex-direction:column; gap:6px; }
.cart-item .btn-mini{ font-size:.85em; padding:.25rem .5rem; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.cart-footer{ border-top:1px solid #eee; padding:10px 12px; background:#fafafa; }
.cart-total{ display:flex; align-items:center; justify-content:space-between;color:#000; font-size:1.05rem; margin-bottom:8px; }
.cart-actions{ display:flex; gap:8px; }
.btn{ padding:.55rem .8rem; border-radius:10px; border:1px solid transparent; cursor:pointer; }
.btn.primary{ background:#111; color:#fff; }
.btn.ghost{ background:#fff; border-color:#ddd;color:#000; }
.btn.danger{ background:#fff2f2; border-color:#f6caca;color:#000; }

 #cartBackdrop[hidden]{ display:none !important; }
#cartBackdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  opacity:0; transition:opacity .25s ease; z-index:9998;
}
#cartBackdrop.is-open{ opacity:1; }

/* פאנל עגלה מצד ימין */
#cartPanel{
  position:fixed; top:0; right:0; height:100dvh; width:min(420px,92vw);
  background:#fff; box-shadow:-8px 0 24px rgba(0,0,0,.18);
  transform:translateX(100%); transition:transform .25s ease; z-index:9999;
  overflow:auto;
}
/* FullCalendar משתמש במחלקה .fc-event-title עבור כותרת האירוע */
.centered-event-title .fc-event-title ,.fc-event-time{
    text-align: center; 
    /* חשוב להבטיח שהאלמנט יתפוס את כל הרוחב */
    display: block;
    width: 100%;
}

#cartPanel.open{ transform:translateX(0); }   

/* ===== Cart panel ===== */

.cart-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.3); z-index:39; }
.cart-panel{ position:fixed; inset-block:0; inset-inline-start:0; width:min(380px, 92vw); background:#fff; z-index:40; box-shadow:4px 0 18px rgba(0,0,0,.22); transform:translateX(-102%); transition:transform .28s ease; display:flex; flex-direction:column; }
.cart-panel.open{ transform:translateX(0); }
.cart-header{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border-bottom:1px solid #eee; background:#fafafa; }
.cart-x{ border:0; background:transparent; font-size:20px; cursor:pointer; padding:6px; }
.cart-items{ padding:10px 12px; overflow:auto; flex:1; }
.cart-item{ display:grid; grid-template-columns:64px 1fr auto; gap:10px; align-items:center; border:1px solid #eee; border-radius:10px; padding:8px; margin:8px 0; background:#fff; }
.cart-item img{ width:64px; height:64px; object-fit:cover; border-radius:8px; background:#f6f6f6; }
.cart-item .name{ font-weight:600; margin-bottom:2px; }
.cart-item .meta{ font-size:.9em; opacity:.75 }
.cart-item .actions{ display:flex; flex-direction:column; gap:6px; }
.cart-item .btn-mini{ font-size:.85em; padding:.25rem .5rem; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.cart-footer{ border-top:1px solid #eee; padding:10px 12px; background:#fafafa; }
.cart-total{ display:flex; align-items:center; justify-content:space-between; font-size:1.05rem; margin-bottom:8px; }
.cart-actions{ display:flex; gap:8px; }
.btn{ padding:.55rem .8rem; border-radius:10px; border:1px solid transparent; cursor:pointer; }
.btn.primary{ background:#111; color:#fff; }
.btn.ghost{ background:#fff; border-color:#ddd; }
.btn.danger{ background:#fff2f2; border-color:#f6caca; }



/* אזור הקרוסלה */
#clientUI{direction:ltr;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  height:100%;
  gap:0;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch; /* iOS */
  position:relative; z-index:2;      /* לוודא שהוא “מעל” ותופס events */
}
#clientUI > .slide {
    flex: 0 0 100%;
    height: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    direction: rtl;
    font-size: 20px;
}
#clientUI .card{ height:100%; overflow:hidden; }
#clientUI .card img {
    max-width: 100%;
    max-height: 500px;
    object-fit: contain;
    border-radius: 8px;
}

/* אל תדלוף גלילה להורים */
#clientUI, #clientUI * { overscroll-behavior-y:contain; }