/* ============================================================
   کنترل‌پنل کیامو — نوار استوری | طراحی: سید حسین هاشمی
   ============================================================ */
.kia-stories{position:relative;z-index:90;padding:6px 0 0}
.kia-stories *{box-sizing:border-box}
.kia-stories-wrap{max-width:1180px;margin-inline:auto;padding-inline:18px}
.kia-stories-title{font-size:1.05rem;font-weight:800;margin:0 0 8px;color:var(--ink,#0f2e2a)}
.kia-stories-track-wrap{position:relative}
.kia-stories-track{display:flex;gap:var(--kia-story-gap,16px);overflow-x:auto;padding:6px 2px 8px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;cursor:grab}
.kia-stories-track::-webkit-scrollbar{display:none}
.kia-stories-track.kia-drag{cursor:grabbing;scroll-snap-type:none}
.kia-story{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;
  background:none !important;border:0 !important;outline:0 !important;box-shadow:none !important;padding:0;margin:0;
  cursor:pointer;text-decoration:none;scroll-snap-align:start;
  width:calc(var(--kia-story-size,76px) + 16px);-webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}
.kia-story::-moz-focus-inner{border:0}
.kia-story:hover,.kia-story:focus,.kia-story:active,.kia-story:focus-visible,.kia-story:focus-within{
  outline:0 !important;border:0 !important;box-shadow:none !important;background:none !important}
.kia-story-ring{position:relative;width:var(--kia-story-size,76px);height:var(--kia-story-size,76px);
  border-radius:50%;padding:3px;display:grid;place-items:center;
  background:var(--kia-ring-grad,conic-gradient(from 45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75))}
.kia-story-av{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;
  border:2.5px solid #fff;display:grid;place-items:center}
.kia-story-av img{width:100%;height:100%;object-fit:cover;display:block}
.kia-story-noimg{font-size:1.4rem;opacity:.6}
.kia-story-label{font-size:.78rem;font-weight:700;color:var(--ink-soft,#234945);
  max-width:calc(var(--kia-story-size,76px) + 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.kia-story:hover .kia-story-av{filter:brightness(.97)}
.kia-story:active{transform:scale(.96)}
.kia-ring-mode-spin .kia-story-ring{background:none;padding:4px}
.kia-ring-mode-spin .kia-story-ring::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0;
  background:var(--kia-ring-spin,conic-gradient(from 0deg,transparent 0 80deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  animation:kiaStorySpin .9s linear infinite}
.kia-ring-mode-spin .kia-story-av{position:relative;z-index:2}
@keyframes kiaStorySpin{to{transform:rotate(360deg)}}
.kia-ring-mode-none .kia-story-ring{background:#e2efec;padding:2px}
.kia-ring-mode-lottie .kia-story-ring{background:none;padding:0}
.kia-story-lottie{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.kia-ring-mode-lottie .kia-story-av{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74%;height:74%;border-width:0;z-index:2}
.kia-stories-arrow{position:absolute;top:calc(6px + var(--kia-story-size,76px)/2);transform:translateY(-50%);
  z-index:6;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--teal,#0d8f86);
  font-size:1.5rem;line-height:1;display:grid;place-items:center;cursor:pointer;border:1px solid var(--glass-brd,#e2efec);
  box-shadow:0 8px 22px -10px rgba(13,143,134,.5);transition:background .2s,color .2s,transform .2s;padding:0}
.kia-stories-arrow:hover{background:var(--mint,#23c1a6);color:#fff}
.kia-stories-arrow[hidden]{display:none}
.kia-stories-arrow.kia-right{left:-6px}
.kia-stories-arrow.kia-left{right:-6px}

body.kia-story-open .kia-header,
body.kia-story-open header.site-header,
body.kia-story-open #masthead{display:none !important}
body.kia-story-open{overflow:hidden}

.kia-stories-overlay{position:fixed;inset:0;z-index:2147483600;background:rgba(6,12,16,.96);
  display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}
.kia-stories-overlay[hidden]{display:none}
.kia-stories-overlay.kia-open{opacity:1}
.kia-stories-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.kia-stories-host iframe,
.kia-stories-host amp-story-player{width:min(94vw,400px) !important;height:min(90vh,720px) !important;
  border-radius:18px;overflow:hidden;box-shadow:0 30px 90px -20px rgba(0,0,0,.8)}

/* دکمه بستن ✕ — دایره سفید */
.kia-stories-close{position:fixed;top:16px;right:16px;z-index:2147483601;
  width:45px;height:45px;border-radius:50%;
  background:#ffffff;border:none;
  color:#f5a700;font-size:1.5rem;font-weight:700;line-height:1;
  cursor:pointer;display:grid;place-items:center;padding:0;
  -webkit-box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  -moz-box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  transition:all .4s cubic-bezier(.215,.61,.355,1)}
.kia-stories-close:hover{background:#f5a700;color:#fff}
.kia-stories-close .kia-close-icon{transition:transform .4s cubic-bezier(.215,.61,.355,1);display:grid;place-items:center}
.kia-stories-close:hover .kia-close-icon{transform:rotate(90deg)}

/* فلش ناوبری — راست = قبلی (‹) ، چپ = بعدی (›) */
.kia-ov-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2147483601;
  width:45px;height:45px;border-radius:50%;
  background:#ffffff;border:none;padding:0;
  cursor:pointer;display:grid;place-items:center;
  -webkit-box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  -moz-box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  box-shadow:0 0 30px 0 rgba(247,149,29,0.5);
  transition:all .4s cubic-bezier(.215,.61,.355,1)}
.kia-ov-nav:hover{background:#2faee0;color:#fff}
/* prev (قبلی) = سمت راست، next (بعدی) = سمت چپ */
.kia-ov-nav.kia-ov-prev{right:14px;left:auto}
.kia-ov-nav.kia-ov-next{left:14px;right:auto}

@media(max-width:760px){
  .kia-stories{padding:4px 0 0}
  .kia-stories-wrap{padding-inline:12px}
  .kia-story-label{font-size:.72rem}
  .kia-stories-arrow{width:34px;height:34px;font-size:1.3rem}
  .kia-stories-host iframe,
  .kia-stories-host amp-story-player{width:100vw !important;height:100svh !important;height:100dvh !important;border-radius:0}
  .kia-stories-close{top:12px;right:12px;width:40px;height:40px;font-size:1.3rem}
  .kia-ov-nav{width:40px;height:40px}
  .kia-ov-nav.kia-ov-prev{right:8px;left:auto}
  .kia-ov-nav.kia-ov-next{left:8px;right:auto}
}
@media(prefers-reduced-motion:reduce){
  .kia-ring-mode-spin .kia-story-ring::before{animation:none}
}