/* ==================================================================
   ADS CSS - Design System V2
   Compatível com global_v2.css
   ================================================================== */

.ad-slot {
  min-height: 90px;
  background: var(--wf-color-surface-alt);
  border: 1px dashed var(--wf-color-border);
  border-radius: var(--wf-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--wf-spacing-lg) 0;
}

.ad-slot.is-empty {
  background: var(--wf-color-surface-alt);
}

.wf-ad-label {
  font-size: 0.75rem;
  color: var(--wf-color-text-light);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--wf-spacing-xs);
}

.wf-ad-block {
  margin: var(--wf-spacing-lg) 0;
}

.wf-ad-block--sticky {
  position: sticky;
  top: calc(var(--wf-z-header) + var(--wf-spacing-md));
}

.wf-slot {
  margin: var(--wf-spacing-lg) 0;
}

.wf-slot-desk {
  display: block;
}

.wf-slot-mob {
  display: none;
}

@media (max-width: calc(var(--wf-breakpoint-md) - 1px)) {
  .wf-slot-desk {
    display: none;
  }
  .wf-slot-mob {
    display: block;
  }
}