/**
 * cmp-ads.css — sponsor zone: จองพื้นที่กัน CLS + label style
 *
 * CSS custom properties จาก PHP:
 *   --cmp-sp-hd  ความสูงจอง desktop (default 90px)
 *   --cmp-sp-hm  ความสูงจอง mobile  (default 50px)
 */

/* ── Zone container ── */
.cmp-sp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-height: var(--cmp-sp-hm, 50px);
  width: 100%;
  overflow: hidden;
}

@media (min-width: 768px) {
  .cmp-sp {
    min-height: var(--cmp-sp-hd, 90px);
  }
}

/* ── Label ── */
.cmp-sp-note {
  display: block;
  font-size: 10px;
  line-height: 1;
  color: #9ca3af;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: sans-serif;
  user-select: none;
}

/* ── ภาพ ── */
.cmp-sp img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cmp-sp a {
  display: block;
  line-height: 0;
  outline-offset: 2px;
}

/* ── หลัง JS render: เอา min-height ออก ── */
.cmp-sp.cmp-sp-on {
  min-height: 0;
}