/* Hashbar-like bottom banner with lever handle */
.ay-side-ad-lite{
  position: fixed;
  z-index: 999999;
  direction: rtl;
  font-family: inherit;

  left: 12px;
  right: auto;
  bottom: 90px;

  /* set by JS (from settings) */
  --ay-panel-w: 300px;
  --ay-panel-h: 150px;

  /* handle/peek */
  --ay-edge-peek: 0px;
  --ay-handle-w: 40px;
  --ay-handle-h: 40px;
  --ay-handle-overlap: 7px;
}
/* وقتی بنر بسته است، کادر نامرئی کلیک‌ها رو نگیره */
.ay-side-ad-lite.ay-closed {
    pointer-events: none;
}

/* فقط خود دکمه‌ی هندل قابل کلیک بمونه */
.ay-side-ad-lite.ay-closed .ay-handle {
    pointer-events: auto;
}

/* Panel wrap slides in/out (includes the handle) */
.ay-side-ad-lite .ay-panel-wrap{
  position: relative;
  width: var(--ay-panel-w);
  height: var(--ay-panel-h);
  border-radius: 12px;
  overflow: visible;
  transition: transform .25s ease;
  will-change: transform;
}

/* Banner panel */
.ay-side-ad-lite .ay-panel{
  width: var(--ay-panel-w);
  height: var(--ay-panel-h);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
  position: relative;
  background: transparent;
}

.ay-side-ad-lite .ay-link{
  display:block;
  width:100%;
  height:100%;
}
.ay-side-ad-lite .ay-link img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Close (X) - small & subtle like Hashbar */
.ay-side-ad-lite .ay-close{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 14px;
  line-height: 1;
  background: rgba(255,255,255,.65);
  color: rgba(0,0,0,.55);
  box-shadow: 0 6px 12px rgba(0,0,0,.12);
  z-index: 3;
  opacity: .8;
  padding-top: 10px;
}
.ay-side-ad-lite .ay-close:hover{ opacity: 1; }
.ay-side-ad-lite .ay-close span{ display:block; transform: translateY(-1px); }
.ay-side-ad-lite.ay-closed .ay-close{
  opacity: 0;
  pointer-events: none;
}

/* Timer overlay */
.ay-side-ad-lite .ay-timer{
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
  z-index: 2;
}

/* Handle: only visible when CLOSED (no text, arrow icon) */
.ay-side-ad-lite .ay-handle{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--ay-handle-w);
  height: var(--ay-handle-h);
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(0,0,0,.20);
  background: #ffcc00;
  color: #ffffff;
  display: none;
  align-items:baseline;
  justify-content:center;
  user-select: none;
  z-index: 4;
  padding: 0;
  width: 30px;
  height: 30px;
  padding-top: 2px;
  padding-left: 1px;
}
.ay-side-ad-lite.ay-closed .ay-handle{ display: flex; }
.ay-side-ad-lite.ay-open .ay-handle{ display: none; }

.ay-side-ad-lite .ay-handle-icon{
  font-size: 16px;
  line-height: 1;
  display:inline-block;
}

/* Handle placement relative to panel edge */
.ay-side-ad-lite.ay-pos-left .ay-handle{
  left: calc(var(--ay-panel-w) - var(--ay-handle-overlap));
}
.ay-side-ad-lite.ay-pos-right .ay-handle{
  left: calc(0px - (var(--ay-handle-w) - var(--ay-handle-overlap)));
}

/* Closed slide */
.ay-side-ad-lite.ay-closed.ay-pos-left .ay-panel-wrap{
  transform: translateX(calc(0px - (var(--ay-panel-w) - var(--ay-edge-peek))));
}
.ay-side-ad-lite.ay-closed.ay-pos-right .ay-panel-wrap{
  transform: translateX(calc(var(--ay-panel-w) - var(--ay-edge-peek)));
}
.ay-side-ad-lite.ay-open .ay-panel-wrap{ transform: translateX(0); }

/* Admin styles */
.ay-admin-grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  margin-top: 14px;
}
.ay-card{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
}
.ay-img-preview{
  margin-top: 10px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  max-width: 420px;
  background: #fafafa;
}
.ay-img-preview img{ max-width: 100%; height: auto; display: block; }
.ay-stat-kpis{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 10px 0 12px;
}
.ay-kpi{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fcfcfc;
}
.ay-kpi-num{ font-size: 22px; font-weight: 700; }
.ay-kpi-label{ margin-top: 4px; font-size: 12px; color: #475569; }
@media (max-width: 1100px){
  .ay-admin-grid{ grid-template-columns: 1fr; }
  .ay-stat-kpis{ grid-template-columns: 1fr; }
}

.ay-side-ad-lite.ay-open .ay-panel-wrap{ transform: translateX(0); }