/* =========================================================
   EFLİ v2 — yapay zekâ havalı okul asistanı (2026-10-09)
   Özgün karakter görseli + EFLİS tasarımı konuşma balonu,
   balonun üstünde öğün düğmeleri, üzerine gelince menü kartı.
   Eski (tabaklı) maskot kurallarının üzerine yazar.
   ========================================================= */
#eflisCombinedAssistant{
  --efli-fig:clamp(230px,34vh,320px);
  --efli-w:260px;
  --efli-a1:#16a3e8;--efli-a2:#7b5cff;--efli-a3:#19d3c5;
}
html body #eflisCombinedAssistant.efli-v2{
  aspect-ratio:auto!important;height:auto!important;width:var(--efli-w)!important;max-width:calc(100vw - 16px)!important;
  filter:none!important;contain:none!important;pointer-events:none!important;z-index:1400!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
#eflisCombinedAssistant.efli-v2 .efli-stage{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:relative}

/* ---------- Karakter ---------- */
#eflisCombinedAssistant.efli-v2 .efli-figure{position:relative;height:var(--efli-fig);aspect-ratio:382/760;margin-right:6px;pointer-events:none}
html body #eflisCombinedAssistant.efli-v2 .efli-figure img.eflis-combined-art{
  position:relative!important;z-index:2;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  filter:drop-shadow(0 6px 14px rgba(8,40,70,.28))!important;animation:efliFloat 5.5s ease-in-out infinite;transform-origin:50% 100%
}
#eflisCombinedAssistant.efli-v2 .efli-aura{
  position:absolute;z-index:1;left:-28%;right:-28%;top:4%;height:62%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(22,163,232,.32),rgba(123,92,255,.18) 55%,transparent 75%);
  filter:blur(6px);animation:efliPulse 4.5s ease-in-out infinite
}
#eflisCombinedAssistant.efli-v2 .efli-ring{
  position:absolute;z-index:1;left:2%;right:2%;bottom:-2%;height:9%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(25,211,197,.55),rgba(22,163,232,.25) 60%,transparent 72%);
  box-shadow:0 0 0 2px rgba(22,163,232,.35) inset,0 0 18px rgba(22,163,232,.45);
  animation:efliRing 3.2s ease-in-out infinite
}
@keyframes efliFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes efliPulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes efliRing{0%,100%{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.06)}}

/* ---------- Konuşma balonu ---------- */
html body #eflisCombinedAssistant.efli-v2 .efli-bubble{
  all:unset;box-sizing:border-box;position:relative!important;display:block;pointer-events:auto;cursor:pointer;
  width:100%;max-width:var(--efli-w);padding:11px 14px 9px;border-radius:16px;
  color:#11324f;font:600 13.5px/1.4 Inter,system-ui,Arial,sans-serif;text-align:left;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--efli-a1),var(--efli-a2),var(--efli-a3)) border-box;
  border:2px solid transparent;box-shadow:0 10px 26px rgba(14,50,90,.18),0 0 0 4px rgba(22,163,232,.08);
  left:auto!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important
}
html body #eflisCombinedAssistant.efli-v2 .efli-bubble::after{
  content:"";position:absolute;right:calc(var(--efli-fig) * .22);bottom:-9px;width:16px;height:16px;transform:rotate(45deg);
  background:#fff;border-right:2px solid var(--efli-a2);border-bottom:2px solid var(--efli-a3);border-radius:0 0 4px 0
}
#eflisCombinedAssistant.efli-v2 .efli-bubble:focus-visible{outline:3px solid #9fd3ff;outline-offset:3px}
html body #eflisCombinedAssistant.efli-v2 .efli-text{
  display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;
  font:inherit!important;color:inherit;padding:0!important;min-height:1.4em;overflow-wrap:anywhere
}
#eflisCombinedAssistant.efli-v2.efli-typing .efli-text::after{content:"▍";margin-left:1px;color:var(--efli-a2);animation:efliCaret .8s steps(1) infinite}
@keyframes efliCaret{50%{opacity:0}}
#eflisCombinedAssistant.efli-v2 .efli-tag{
  display:block;margin-top:5px;font:800 9.5px/1 Inter,Arial,sans-serif;letter-spacing:.6px;font-style:normal;
  background:linear-gradient(90deg,var(--efli-a1),var(--efli-a2));-webkit-background-clip:text;background-clip:text;color:transparent
}
html body #eflisCombinedAssistant.efli-v2 .efli-unread-badge{
  position:absolute!important;top:-9px!important;right:-7px!important;left:auto!important;min-width:22px;height:22px;padding:0 6px!important;
  display:grid;place-items:center;border-radius:999px!important;background:#d92d20!important;color:#fff!important;
  font:800 12px/1 Inter,Arial,sans-serif;box-shadow:0 0 0 2px #fff
}

/* ---------- Öğün düğmeleri ---------- */
#eflisCombinedAssistant.efli-v2 .efli-menu-zone{position:relative;display:flex;flex-direction:column;align-items:flex-end;width:100%;pointer-events:auto}
#eflisCombinedAssistant.efli-v2 .efli-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;
  opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s}
#eflisCombinedAssistant.efli-v2.efli-show-meals .efli-chips{opacity:1;transform:none;visibility:visible}
#eflisCombinedAssistant.efli-v2 .efli-chip{
  all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.96);color:#123e60;font:700 12.5px/1 Inter,system-ui,Arial,sans-serif;
  border:1.5px solid #cfe1ee;box-shadow:0 4px 12px rgba(14,50,90,.12);transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease
}
#eflisCombinedAssistant.efli-v2 .efli-chip:hover,#eflisCombinedAssistant.efli-v2 .efli-chip.active{border-color:var(--efli-a1);box-shadow:0 0 0 3px rgba(22,163,232,.18),0 6px 16px rgba(14,50,90,.16);transform:translateY(-1px)}
#eflisCombinedAssistant.efli-v2 .efli-chip:focus-visible{outline:3px solid #9fd3ff;outline-offset:2px}
#eflisCombinedAssistant.efli-v2:not(.efl-meal-seen) .efli-chip.is-now{animation:efliChip 2s ease-in-out infinite}
@keyframes efliChip{0%,100%{box-shadow:0 4px 12px rgba(14,50,90,.12)}50%{box-shadow:0 0 0 4px rgba(123,92,255,.22),0 4px 14px rgba(14,50,90,.18)}}

/* ---------- Menü kartı ---------- */
#eflisCombinedAssistant.efli-v2 .efli-card{
  position:absolute;right:0;bottom:calc(100% + 8px);width:250px;max-width:calc(100vw - 20px);box-sizing:border-box;
  padding:12px 14px;border-radius:14px;background:#fff;color:#17324d;border:1px solid #dbe7f1;border-top:4px solid var(--meal,#1680bd);
  box-shadow:0 16px 36px rgba(8,40,70,.22);font:600 13.5px/1.4 Inter,system-ui,Arial,sans-serif;text-align:left;
  opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .18s ease;pointer-events:auto
}
#eflisCombinedAssistant.efli-v2 .efli-card.open{opacity:1;transform:none}
#eflisCombinedAssistant.efli-v2 .efli-card[hidden]{display:none}
#eflisCombinedAssistant.efli-v2 .efli-card.meal-morning{--meal:#e59a0b}
#eflisCombinedAssistant.efli-v2 .efli-card.meal-noon{--meal:#1f9a5a}
#eflisCombinedAssistant.efli-v2 .efli-card.meal-evening{--meal:#3f51b5}
#eflisCombinedAssistant.efli-v2 .efli-card.meal-snack{--meal:#d9485f}
#eflisCombinedAssistant.efli-v2 .efli-card-head{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #edf2f7}
#eflisCombinedAssistant.efli-v2 .efli-card-icon{font-size:20px;line-height:1}
#eflisCombinedAssistant.efli-v2 .efli-card-head b{display:block;font-size:15px;font-weight:800;color:#0e3d63}
#eflisCombinedAssistant.efli-v2 .efli-card-head em{display:block;font-style:normal;font-size:11px;font-weight:600;color:#6b8296}
#eflisCombinedAssistant.efli-v2 .efli-card ul{list-style:none;margin:0;padding:0}
#eflisCombinedAssistant.efli-v2 .efli-card li{position:relative;padding-left:14px;margin:3px 0}
#eflisCombinedAssistant.efli-v2 .efli-card li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--meal,#1680bd)}
#eflisCombinedAssistant.efli-v2 .efli-card li small{font-weight:500;color:#6b8296}
#eflisCombinedAssistant.efli-v2 .efli-empty{margin:0;color:#6b8296;font-weight:500}

/* =========================================================
   YERLEŞİM
   ========================================================= */
@media (min-width:1360px){
  html body.efl-system-hub #eflisCombinedAssistant.efli-v2{position:fixed!important;right:14px!important;bottom:8px!important;left:auto!important;top:auto!important;margin:0!important;transform:none!important}
}
@media (min-width:1060px) and (max-width:1359px){
  /* EFLİ her sayfada aynı yerde dursun: sağ altta sabit; Ana Menü paneli ona yer açar */
  body.efl-system-hub .efl-hub{justify-content:center!important;padding-right:calc(var(--efli-w) + 24px)!important}
  html body.efl-system-hub #eflisCombinedAssistant.efli-v2{position:fixed!important;right:14px!important;bottom:8px!important;left:auto!important;top:auto!important;margin:0!important;transform:none!important;flex:none!important}
}
@media (max-width:1059px){
  #eflisCombinedAssistant{--efli-fig:150px;--efli-w:min(250px,70vw)}
  html body.efl-system-hub #eflisCombinedAssistant.efli-v2,
  html body:has(#eflParentApp) #eflParentApp #eflisCombinedAssistant.efli-v2{
    position:fixed!important;right:6px!important;bottom:4px!important;left:auto!important;top:auto!important;margin:0!important;transform:none!important;flex:none!important
  }
  html body.efl-system-hub .efl-hub{padding-bottom:250px!important}
  html body:has(#eflParentApp) .parent-main-modern{padding-bottom:250px!important}
  html body #eflisCombinedAssistant.efli-v2 .efli-bubble{font-size:12px;padding:8px 11px 7px;border-radius:14px}
  #eflisCombinedAssistant.efli-v2 .efli-chips{gap:4px}
  #eflisCombinedAssistant.efli-v2 .efli-chip{height:28px;padding:0 7px;gap:3px;font-size:11px}
  #eflisCombinedAssistant.efli-v2 .efli-card{width:min(240px,calc(100vw - 20px))}
}
@media (min-width:600px) and (max-width:1059px){#eflisCombinedAssistant{--efli-fig:190px;--efli-w:250px}}
@media (min-width:1060px){
  html body:has(#eflParentApp) #eflParentApp #eflisCombinedAssistant.efli-v2{position:fixed!important;right:14px!important;bottom:8px!important;left:auto!important;top:auto!important;margin:0!important}
}
@media (prefers-reduced-motion:reduce){
  #eflisCombinedAssistant.efli-v2 *{animation:none!important;transition:none!important}
}