/* MMX STORIES – Facebook-szerű álló kártya, bal szélre húzva. JS/logika érintetlen. */
#mmxStoryRow{
  position:relative;
  margin:0 0 5px;
  width:100%;
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 8px;
  box-sizing:border-box;
}
#mmxStoriesWrap{
  order:1;
  margin:0;
  width:auto;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex:0 0 auto;
}
.mmx-side-icon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-decoration:none;
  color:rgba(220,245,255,.96);
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(0,234,255,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(0,234,255,.16);
  box-shadow: var(--shadow), 0 0 18px rgba(0,234,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex:0 0 auto;
  overflow:hidden;
  text-align:center;
}
.mmx-side-icon i{
  font-size:19px;
  line-height:1;
}
.mmx-side-icon svg{
  width:21px;
  height:21px;
  display:block;
  flex:0 0 auto;
}
.mmx-side-icon.radio{
  padding:0;
}
.mmx-side-icon.radio img.mmx-radio-btn-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.mmx-side-label{
  max-width:48px;
  font-size:8.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(230,250,255,.94);
  text-shadow:0 1px 6px rgba(0,0,0,.55);
}
.mmx-side-icon.left{ order:2; }
.mmx-side-icon.radio{ order:3; }
.mmx-side-icon.right{ order:4; }
.mmx-side-icon.about{ order:5; }

/* MMX oldalsó csempék – egyedi színek */
.mmx-side-icon.left{
  color:#fff;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(255,255,255,.22), transparent 58%),
    linear-gradient(180deg, #2b8cff 0%, #1877f2 52%, #0f4fb3 100%);
  border-color:rgba(24,119,242,.72);
  box-shadow:var(--shadow), 0 0 22px rgba(24,119,242,.42);
}
.mmx-side-icon.radio{
  color:#eaffff;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(255,255,255,.20), transparent 58%),
    linear-gradient(180deg, #18d8ff 0%, #0097ff 52%, #0454b9 100%);
  border-color:rgba(0,170,255,.70);
  box-shadow:var(--shadow), 0 0 22px rgba(0,170,255,.40);
}
.mmx-side-icon.right{
  color:#fff;
  background:
    radial-gradient(90% 90% at 14% 12%, rgba(66,133,244,.42), transparent 48%),
    radial-gradient(85% 85% at 86% 16%, rgba(52,168,83,.34), transparent 46%),
    radial-gradient(90% 90% at 18% 88%, rgba(251,188,5,.34), transparent 48%),
    radial-gradient(90% 90% at 86% 88%, rgba(234,67,53,.30), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.20);
  box-shadow:var(--shadow), 0 0 22px rgba(66,133,244,.22);
}
.mmx-side-icon.right i{
  background:linear-gradient(135deg, #4285f4 0 24%, #34a853 24% 48%, #fbbc05 48% 72%, #ea4335 72% 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 5px rgba(0,0,0,.42));
}
.mmx-side-icon.about{
  color:#1b1300;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(255,255,255,.44), transparent 58%),
    linear-gradient(180deg, #fff06a 0%, #ffe100 52%, #ffb300 100%);
  border-color:rgba(255,225,0,.78);
  box-shadow:var(--shadow), 0 0 22px rgba(255,225,0,.38);
}
.mmx-side-icon.about .mmx-side-label,
.mmx-side-icon.about i{
  color:#1b1300;
  text-shadow:0 1px 4px rgba(255,255,255,.36);
}
button.mmx-side-icon{
  font:inherit;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}


@media (min-width:521px){
  #mmxStoryRow{
    padding:0 16px;
    gap:16px;
    min-height:142px;
    justify-content:flex-start;
  }
  .mmx-side-icon{
    width:64px;
    height:64px;
    border-radius:18px;
  }
  .mmx-side-icon i{
    font-size:23px;
  }
  .mmx-side-icon svg{
    width:25px;
    height:25px;
  }
  .mmx-side-icon img.mmx-side-img{
    width:25px;
    height:25px;
  }
  .mmx-side-label{
    max-width:60px;
    font-size:9.5px;
  }
}

:root{
  --mmxStoryW: 76px;
  --mmxStoryH: 118px;
  --mmxStoryInset: 5px;
  --mmxStoryRadius: 18px;
}

@media (min-width:521px){
  :root{
    --mmxStoryW: 94px;
    --mmxStoryH: 138px;
    --mmxStoryRadius: 20px;
  }
}

#mmxStoryBubble{
  position:relative;
  width:var(--mmxStoryW);
  height:var(--mmxStoryH);
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  border-radius:var(--mmxStoryRadius);
}

#mmxStoryThumb{
  position:absolute;
  inset:var(--mmxStoryInset);
  width:calc(100% - (var(--mmxStoryInset) * 2));
  height:calc(100% - (var(--mmxStoryInset) * 2));
  border-radius:calc(var(--mmxStoryRadius) - 4px);
  object-fit:cover;
  background:#111;
  box-shadow:0 10px 28px rgba(0,0,0,.46);
}

#mmxStoryBubble::after{
  content:"Történet";
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:2;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  text-shadow:0 2px 8px rgba(0,0,0,.82);
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mmxStoryBubble::before{
  content:"";
  position:absolute;
  inset:var(--mmxStoryInset);
  z-index:1;
  border-radius:calc(var(--mmxStoryRadius) - 4px);
  background:linear-gradient(180deg, transparent 35%, rgba(0,0,0,.72) 100%);
  pointer-events:none;
}

/* RING alap */
#mmxStoryBubble .mmxRing{
  position:absolute;
  inset:0;
  border-radius:var(--mmxStoryRadius);
  pointer-events:none;
  z-index:3;
}

/* SEEN = sötét, facebookosabb kártyakeret */
#mmxStoryBubble.mmxSeen .mmxRing{
  border:4px solid rgba(0,0,0,.92);
  box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 8px 22px rgba(0,0,0,.30);
}
#mmxStoryBubble.mmxSeen{ animation:none; }
#mmxStoryBubble.mmxSeen .mmxRing::before,
#mmxStoryBubble.mmxSeen .mmxRing::after{ content:none; }

/* NEW = új sztori: kék, világító keret. Nincs forgás, nincs kockás bohóckodás. */
#mmxStoryBubble.mmxNew .mmxRing{
  border:4px solid rgba(0,234,255,.96);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 14px rgba(0,234,255,.82),
    0 0 30px rgba(0,144,255,.50),
    0 10px 28px rgba(0,0,0,.38);
}

#mmxStoryBubble.mmxNew .mmxRing::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:calc(var(--mmxStoryRadius) + 5px);
  border:1px solid rgba(0,234,255,.34);
  box-shadow:0 0 18px rgba(0,234,255,.58);
  opacity:.9;
}

#mmxStoryBubble.mmxNew .mmxRing::after{
  content:"";
  position:absolute;
  right:7px;
  top:7px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#00eaff;
  border:2px solid rgba(2,8,14,.95);
  box-shadow:0 0 12px rgba(0,234,255,.95);
}

/* finom élő sztori-jelzés, kockás forgás nélkül */
#mmxStoryBubble.mmxNew{ animation:mmxStorySoftPulse 1.7s ease-in-out infinite; }

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



/* MMX oldal értékelés – Google-szerű 5 csillag, pontos részleges sárga kitöltéssel */
.mmx-rating-box{
  order:6;
  width:min(310px, calc(100% - 18px));
  margin:0 0 0 4px;
  padding:0;
  box-sizing:border-box;
  border-radius:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#fff;
  flex:0 0 auto;
}
.mmx-rating-title{
  font-size:12px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:.04em;
  color:rgba(255,255,255,.86);
  text-transform:uppercase;
}
.mmx-rating-stars{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:1px 0 0;
}
.mmx-rating-star{
  --fill:0%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  width:40px;
  height:40px;
  flex:0 0 40px;
  position:relative;
  display:block;
  cursor:pointer;
  line-height:40px;
  font-size:40px;
  color:transparent;
  text-shadow:none;
  overflow:hidden;
  transition:transform .12s ease, filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.mmx-rating-star::before,
.mmx-rating-star::after{
  content:"★";
  position:absolute;
  left:0;
  top:0;
  width:40px;
  height:40px;
  display:block;
  overflow:hidden;
  text-align:center;
  font-size:40px;
  line-height:40px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  transform:none;
  letter-spacing:0;
}
.mmx-rating-star::before{
  color:rgba(185,196,214,.48);
  text-shadow:0 1px 8px rgba(0,0,0,.62);
}
.mmx-rating-star::after{
  color:#ffd640;
  clip-path:inset(0 calc(100% - var(--fill)) 0 0);
  -webkit-clip-path:inset(0 calc(100% - var(--fill)) 0 0);
  filter:drop-shadow(0 0 8px rgba(255,214,64,.45));
  text-shadow:0 1px 8px rgba(0,0,0,.50);
  transition:clip-path .18s ease, -webkit-clip-path .18s ease;
}
.mmx-rating-star:hover{ transform:translateY(-1px) scale(1.06); }
.mmx-rating-star:active{ transform:scale(.96); }
.mmx-rating-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  color:rgba(235,250,255,.82);
  text-align:center;
}
.mmx-rating-meta b{color:#ffd640;letter-spacing:.02em;}
.mmx-rating-avg{color:#ffd640;font-weight:950;}
.mmx-rating-dot{opacity:.55;}
.mmx-rating-note{display:none;}
@media (max-width:520px){
  .mmx-rating-box{width:calc(100% - 12px);margin-top:0;margin-bottom:12px;padding:0;border-radius:0;gap:4px;}
  .mmx-rating-title{font-size:11px;}
  .mmx-rating-stars{gap:5px;}
  .mmx-rating-star{width:36px;height:36px;flex-basis:36px;line-height:36px;font-size:36px;}
  .mmx-rating-star::before,.mmx-rating-star::after{width:36px;height:36px;line-height:36px;font-size:36px;}
  .mmx-rating-meta{font-size:11.5px;gap:6px;}
}

/* Értékelés a Face/Történet sorban weben, mobilon törés nélkül második sorba eshet */
@media (min-width:521px){
  #mmxStoryRow .mmx-rating-box{
    align-self:center;
  }
}
@media (max-width:720px){
  #mmxStoryRow{flex-wrap:wrap;min-height:0;}
  #mmxStoryRow .mmx-rating-box{
    width:min(360px, calc(100% - 12px));
    margin:2px auto 10px;
    order:6;
  }
}

/* Rólunk felugró ablak */
#mmxAboutOverlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
  background:rgba(0,0,0,.74);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
#mmxAboutOverlay.is-open{display:flex;}
.mmx-about-card{
  width:min(720px, 100%);
  max-height:min(82vh, 760px);
  overflow:auto;
  border-radius:22px;
  padding:18px 18px 16px;
  box-sizing:border-box;
  color:rgba(235,250,255,.96);
  background:
    radial-gradient(130% 80% at 10% 0%, rgba(0,234,255,.13), transparent 58%),
    linear-gradient(180deg, rgba(10,18,28,.98), rgba(5,8,14,.98));
  border:1px solid rgba(0,234,255,.22);
  box-shadow:0 22px 70px rgba(0,0,0,.62), 0 0 26px rgba(0,234,255,.10);
}
.mmx-about-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.mmx-about-head h3{
  margin:0;
  font-size:21px;
  line-height:1.15;
  color:#fff;
  text-shadow:0 0 14px rgba(0,234,255,.18);
}
#mmxAboutClose{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.mmx-about-body{
  font-size:15px;
  line-height:1.58;
}
.mmx-about-body p{margin:0 0 12px;}

/* Rólunk írógép / kalapácsos leütés effekt */
.mmx-about-body.mmx-typewriter-active{
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing:.015em;
}
.mmx-type-char{
  display:inline-block;
  white-space:pre-wrap;
  transform-origin:50% 100%;
  animation:mmxTypeHammer .105s ease-out both;
  text-shadow:0 0 7px rgba(255,232,122,.34);
}
.mmx-type-space{
  display:inline;
  white-space:pre;
}
.mmx-type-caret{
  display:inline-block;
  width:2px;
  height:1.05em;
  margin-left:2px;
  vertical-align:-.12em;
  background:#ffe85a;
  box-shadow:0 0 10px rgba(255,232,90,.85);
  animation:mmxTypeCaret .72s steps(1) infinite;
}
@keyframes mmxTypeHammer{
  0%{
    opacity:0;
    transform:translateY(-8px) scale(1.38) rotate(-1.5deg);
    filter:blur(.7px);
  }
  42%{
    opacity:1;
    transform:translateY(2px) scale(.88) rotate(.6deg);
    filter:blur(0);
  }
  68%{
    transform:translateY(-1px) scale(1.05);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1) rotate(0);
    filter:blur(0);
  }
}
@keyframes mmxTypeCaret{
  0%,49%{opacity:1;}
  50%,100%{opacity:0;}
}
@media (prefers-reduced-motion: reduce){
  .mmx-type-char{animation:none;}
  .mmx-type-caret{animation:none;}
}@media (max-width:520px){
  #mmxStoryRow{
    gap:6px;
    padding:0 6px;
    min-height:120px;
  }
  .mmx-side-icon{
    width:48px;
    height:48px;
    border-radius:13px;
  }
  .mmx-side-icon i{font-size:18px;}
  .mmx-side-icon svg{width:20px;height:20px;}
  .mmx-side-icon img.mmx-side-img{width:20px;height:20px;}
  .mmx-side-label{max-width:46px;font-size:8px;}
  #mmxStoryBubble::after{left:8px;right:8px;font-size:10px;}
  .mmx-about-card{padding:16px 15px 14px;border-radius:20px;}
  .mmx-about-head h3{font-size:19px;}
  .mmx-about-body{font-size:14px;line-height:1.52;}
}
@media (max-width:360px){
  #mmxStoryRow{gap:5px;padding:0 4px;}
  .mmx-side-icon{width:45px;height:45px;}
  .mmx-side-label{font-size:7.5px;max-width:43px;}
  :root{--mmxStoryW:70px;--mmxStoryH:112px;}
}
/* =================================================
   MMX_ADMINCHAT_TRIGGER_ONLY_V3 - az új SQLite /chat/ boríték gombja
   ================================================= */
#mmxAdminChatDock{position:static;z-index:1000002;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
#mmxAdminChatDock *{box-sizing:border-box}
#mmxAdminChatBtn{display:none}
body.mmx-live-active .mmx-adminchat-top-trigger,body.mmx-live-active #mmxAdminChatBtn{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.mmx-adminchat-top-trigger{position:relative;cursor:pointer;z-index:2147483001}
#topIcons .mmx-adminchat-top-trigger.ico{border:0;background:transparent;font-family:inherit;line-height:1;padding:0}
#topIcons .mmx-adminchat-top-trigger.ico.link{color:rgba(235,245,255,.92);text-decoration:none}
#topIcons button.mmx-adminchat-top-trigger.ico.link{width:46px;height:46px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.mmxAdminChatWindowIcon{position:relative;display:block;width:30px;height:25px;border:0!important;background:transparent;box-shadow:none;transition:filter .18s ease,transform .18s ease}
.mmxAdminChatWindowIcon::before{content:"";position:absolute;left:4px;top:3px;width:22px;height:16px;border-radius:999px;background:#6f786f;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 5px 10px rgba(0,0,0,.18)}
.mmxAdminChatWindowIcon::after{content:"";position:absolute;left:8px;top:15px;width:12px;height:10px;background:#6f786f;clip-path:polygon(0 100%,100% 0,35% 0);transform:rotate(-9deg)}
.mmxAdminChatWindowTop,.mmxAdminChatWindowLines{display:none!important}
.mmx-adminchat-top-trigger.has-unread .mmxAdminChatWindowIcon{filter:drop-shadow(0 0 13px rgba(255,31,79,.55))}
.mmx-adminchat-top-trigger.has-unread .mmxAdminChatWindowIcon::before,.mmx-adminchat-top-trigger.has-unread .mmxAdminChatWindowIcon::after{background:#ff294f}
@keyframes mmxAdminChatBadgeBlink{0%,100%{transform:scale(1)}50%{transform:scale(1.14);box-shadow:0 0 16px rgba(255,31,79,.95)}}
.mmxAdminChatBadge,#mmxAdminChatBadge{position:absolute;right:-10px;top:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff1f4f;color:#fff;font:1000 12px/18px Arial,Helvetica,sans-serif;text-align:center;display:none;z-index:2}
.mmx-adminchat-top-trigger.has-unread .mmxAdminChatBadge,.mmx-adminchat-top-trigger.has-unread #mmxAdminChatBadge{display:block;animation:mmxAdminChatBadgeBlink .72s ease-in-out infinite}
/* /MMX_ADMINCHAT_V1 UI */