/**
 * YoungID Placeholders - Styles
 */

.ad-placeholder {
  position: relative;
  background: #f9f9f9;
  border: 1px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 15px 0;
}

.ad-placeholder::after {
  content: "Publicité";
  color: #aaa;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  pointer-events: none;
}

.ad-placeholder > * {
  z-index: 1;
}

/* Out of Page placeholders */
.ad-out-of-page {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 10px !important;
  height: 10px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border: none !important;
  background: transparent !important;
}

.ad-out-of-page::after {
  display: none !important;
}

/* Quand les pubs sont chargées, masquer le style placeholder */
.ad-placeholder[data-ad-loaded="true"]::after {
  display: none;
}

.ad-placeholder[data-ad-loaded="true"] {
  background: transparent;
  border: none;
}

@media (max-width: 640px) {
  .ad-placeholder.hide-mobile {
    display: none;
  }
}

@media (min-width: 641px) {
  .ad-placeholder.hide-desktop {
    display: none;
  }
}