/* AEMBearings DLE Theme — slider.css */

/* اسلایدر هیرو */
.hero-slider{position:relative;width:100%;height:100svh;min-height:580px;overflow:hidden;background:var(--p)}
.slider-track{display:flex;width:100%;height:100%;transition:transform .88s cubic-bezier(.77,0,.18,1)}
.slide{min-width:100%;height:100%;position:relative;overflow:hidden;flex-shrink:0}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.06);transition:transform 8s ease-out}
.slide.active .slide-bg{transform:scale(1)}
.slide-default{background:linear-gradient(135deg,#0D1B2A 0%,#1A2E45 55%,#162742 100%)}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,.94) 0%,rgba(13,27,42,.42) 48%,rgba(13,27,42,.08) 100%)}
.slide-content{position:absolute;bottom:0;right:0;left:0;padding:56px 0 82px}
.slide-cat{display:inline-flex;align-items:center;gap:5px;background:var(--ac);color:#fff;padding:4px 13px;border-radius:20px;font-size:.77rem;margin-bottom:14px;opacity:0;transform:translateY(16px);transition:opacity .5s .2s ease,transform .5s .2s ease}
.slide.active .slide-cat{opacity:1;transform:translateY(0)}
.slide-title{font-family:var(--fh);font-size:clamp(1.7rem,3.4vw,2.95rem);color:#fff;margin-bottom:13px;max-width:780px;opacity:0;transform:translateY(26px);transition:opacity .6s .35s ease,transform .6s .35s ease;line-height:1.26}
.slide.active .slide-title{opacity:1;transform:translateY(0)}
.slide-title a{color:inherit;transition:color var(--tr)}
.slide-title a:hover{color:var(--gol)}
.slide-excerpt{font-size:.96rem;color:rgba(255,255,255,.76);max-width:540px;margin-bottom:22px;opacity:0;transform:translateY(16px);transition:opacity .5s .5s ease,transform .5s .5s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slide.active .slide-excerpt{opacity:1;transform:translateY(0)}
.slide-meta{display:flex;align-items:center;gap:13px;font-size:.77rem;color:rgba(255,255,255,.48);margin-bottom:18px;opacity:0;transform:translateY(14px);transition:opacity .5s .6s ease,transform .5s .6s ease}
.slide.active .slide-meta{opacity:1;transform:translateY(0)}
.slide-meta a{color:rgba(255,255,255,.48);transition:color var(--tr)}
.slide-meta a:hover{color:var(--gol)}
.btn-slide{display:inline-flex;align-items:center;gap:7px;background:var(--ac);color:#fff;padding:11px 22px;border-radius:var(--r50);font-size:.92rem;font-weight:500;transition:all var(--tr);box-shadow:0 5px 17px rgba(230,57,70,.38);opacity:0;transform:translateY(14px);transition:opacity .5s .7s ease,transform .5s .7s ease,background var(--tr),box-shadow var(--tr)}
.slide.active .btn-slide{opacity:1;transform:translateY(0)}
.btn-slide:hover{background:var(--ach);transform:translateY(-3px);box-shadow:0 8px 24px rgba(230,57,70,.5)}

/* کنترل‌های اسلایدر */
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--tr);z-index:10}
.slider-btn:hover{background:var(--ac);border-color:var(--ac);transform:translateY(-50%) scale(1.08)}
.sl-prev{right:24px}
.sl-next{left:24px}
.slider-dots{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10}
.slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.32);border:none;cursor:pointer;transition:all var(--tr)}
.slider-dot.active{width:26px;border-radius:4px;background:#fff}
.slider-counter{position:absolute;top:34px;left:34px;display:flex;align-items:baseline;gap:4px;z-index:10}
#slCurrent{font-family:var(--fh);font-size:1.95rem;color:#fff;line-height:1}
.sl-sep,#slTotal{color:rgba(255,255,255,.38);font-size:.88rem}
.slider-progress{position:absolute;bottom:0;right:0;left:0;height:3px;background:rgba(255,255,255,.12);z-index:10}
.slider-prog-bar{height:100%;background:linear-gradient(90deg,var(--go),var(--ac));width:0}
.slider-prog-bar.running{animation:progFill 6s linear forwards}
@keyframes progFill{from{width:0}to{width:100%}}

/* استوری‌ها */
.stories-bar{background:#fff;padding:15px 0;border-bottom:1px solid var(--br)}
.stories-outer{overflow:hidden;position:relative}
.stories-outer::after{content:'';position:absolute;top:0;left:0;bottom:0;width:65px;background:linear-gradient(to right,#fff,transparent);pointer-events:none;z-index:2}
.stories-track{display:flex;gap:13px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px}
.stories-track::-webkit-scrollbar{display:none}
.story-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform var(--tr)}
.story-item:hover{transform:translateY(-3px)}
.story-ring{width:68px;height:68px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--ac),var(--go));flex-shrink:0}
.story-live .story-ring,.ring-live{background:linear-gradient(135deg,#22c55e,#16a34a);animation:liveRing 2s ease-in-out infinite}
@keyframes liveRing{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.38)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}
.story-thumb{width:100%;height:100%;border-radius:50%;background:var(--sf);border:3px solid #fff;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.story-thumb img{width:100%;height:100%;object-fit:cover}
.story-no-img{background:linear-gradient(135deg,var(--p),var(--pl));color:rgba(255,255,255,.25)}
.story-thumb-live{background:linear-gradient(135deg,#166534,#15803d);font-size:1.2rem}
.story-label{font-size:.68rem;color:var(--txm);max-width:68px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Round 13: slider mobile fixes ===== */
@media(max-width:760px){
  .hero-slider{height:auto;min-height:520px}
  .slide{min-height:520px}
  .slide-content{padding:42px 0 78px}
  .slider-btn{width:38px;height:38px;font-size:1.15rem}
  .sl-prev{right:12px}.sl-next{left:12px}
  .slider-counter{top:18px;left:18px}
  .slider-dots{bottom:28px}
}
@media(max-width:420px){
  .hero-slider,.slide{min-height:470px}
  .slide-title{font-size:1.45rem;line-height:1.38}
  .slide-excerpt{font-size:.86rem;-webkit-line-clamp:3}
  .btn-slide{padding:9px 17px;font-size:.85rem}
}



/* ===== AEM slider patch: center hero text ===== */
.slide-overlay{background:linear-gradient(180deg,rgba(13,27,42,.38) 0%,rgba(13,27,42,.68) 52%,rgba(13,27,42,.5) 100%)}
.slide-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:76px 0 70px;text-align:center}
.slide-content .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.slide-title,.slide-excerpt{margin-right:auto;margin-left:auto}
.slide-meta{justify-content:center;flex-wrap:wrap}
.slide-cat{margin-right:auto;margin-left:auto}
@media(max-width:760px){
  .hero-slider{min-height:500px}
  .slide{min-height:500px}
  .slide-content{padding:58px 0 64px}
}
@media(max-width:420px){
  .hero-slider,.slide{min-height:450px}
}


/* ===== AEM final hero/stories fixes ===== */
/* متن اسلایدر دقیقاً وسط محتوا قرار می‌گیرد */
.slide-content{position:absolute!important;top:50%!important;right:0!important;left:0!important;bottom:auto!important;transform:translateY(-50%)!important;padding:0!important;text-align:center!important;display:block!important;z-index:3}
.slide-content .wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important}
.slide-title,.slide-excerpt{margin-right:auto!important;margin-left:auto!important;text-align:center!important}
.slide-meta{justify-content:center!important;flex-wrap:wrap!important}
.slide-cat{margin-right:auto!important;margin-left:auto!important}
/* حذف کامل نوار stories-bar */
.stories-bar{display:none!important}
@media(max-width:760px){
  .slide-content{top:50%!important;padding:0 18px!important}
}