/* ── Ad Slot System ── */

.ad-slot-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-slot-inner {
  width: 100%;
  height: 100%;
  font-size: 10px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Responsive device classes */
.ma-desktop {
  display: none;
}
@media (min-width: 1280px) {
  .ma-desktop {
    display: block;
  }
}

.ma-tablet {
  display: none;
}
@media (min-width: 768px) {
  .ma-tablet {
    display: block;
  }
}
@media (min-width: 1280px) {
  .ma-tablet {
    display: none;
  }
}

.ma-mobile {
  display: block;
}
@media (min-width: 640px) {
  .ma-mobile {
    display: none;
  }
}

/* "Advertisement" label */
.maw {
  position: relative;
}
.maw::before {
  content: "Advertisement";
  position: absolute;
  margin-top: -17px;
  font-size: 10px;
  text-align: left !important;
  color: var(--text-secondary, #6b7280);
  direction: ltr;
}

/* Hidden state */
.maw.hidden {
  display: none !important;
}

/* Parallax mode */
.adslot-paralax > .adslot > .maw {
  width: 100% !important;
  height: 597px !important;
}
@media (min-width: 768px) {
  .adslot-paralax > .adslot > .maw {
    height: 392px !important;
  }
}

/* ── Ad Slot Sizes ── */

/* Sky / Leaderboard — top banner */
.maw-sky {
  background: var(--bg-surface, #1a1a2e);
  width: 335px;
  height: auto;
  max-height: 162px;
}
@media (min-width: 640px) {
  .maw-sky {
    width: 100%;
    max-width: 970px;
    max-height: 177px;
  }
  .maw-sky .ma-mobile,
  .maw-sky .ma-tablet {
    display: none !important;
  }
  .maw-sky .ma-desktop {
    display: block !important;
  }
}

/* Sidebar ad */
.maw-sidebar {
  background: var(--bg-surface, #1a1a2e);
  width: 100%;
  max-width: 335px;
  height: auto;
  max-height: 335px;
}
@media (min-width: 1024px) {
  .maw-sidebar {
    max-width: 300px;
    max-height: 394px;
  }
}
@media (min-width: 640px) {
  .maw-sidebar .ma-mobile {
    display: block !important;
  }
  .maw-sidebar .ma-tablet,
  .maw-sidebar .ma-desktop {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .maw-sidebar .ma-mobile,
  .maw-sidebar .ma-tablet {
    display: none !important;
  }
  .maw-sidebar .ma-desktop {
    display: block !important;
  }
}

/* Inline / mid-content ads */
.maw-inline {
  background: var(--bg-surface, #1a1a2e);
  width: 335px;
  height: auto;
  max-height: 335px;
}
@media (min-width: 640px) {
  .maw-inline {
    width: 100%;
    max-width: 970px;
    max-height: 177px;
  }
  .maw-inline .ma-mobile,
  .maw-inline .ma-tablet {
    display: none !important;
  }
  .maw-inline .ma-desktop {
    display: block !important;
  }
}

/* Detail/Article page sidebar */
.maw-detail {
  background: var(--bg-surface, #1a1a2e);
  width: 335px;
  height: auto;
  max-height: 335px;
}
@media (min-width: 1280px) {
  .maw-detail {
    width: 370px;
    max-height: 500px;
  }
}

/* Section page sidebar */
.maw-section {
  background: var(--bg-surface, #1a1a2e);
  width: 335px;
  height: 335px;
}
@media (min-width: 1280px) {
  .maw-section {
    width: 370px;
    height: 370px;
  }
}

/* Full-width parallax section */
.maw-fullwidth {
  background: var(--bg-surface, #1a1a2e);
  width: 100% !important;
  height: 597px !important;
}
@media (min-width: 768px) {
  .maw-fullwidth {
    height: 392px !important;
  }
}