/* AdSense Ad Container Styling */
/* CRITICAL: Proper ad styling for revenue optimization */

.ad-container {
  margin: 20px auto;
  padding: 0;
  max-width: 100%;
  text-align: center;
  position: relative;
  clear: both;
}

.ad-container::before {
  content: 'Advertisement';
  display: block;
  text-align: center;
  font-size: 0.7rem;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
  font-family: 'Noto Sans KR', sans-serif;
}

/* Prevent ad containers from stacking too close */
.ad-container + .ad-container {
  margin-top: 60px;
}

/* Content page ad spacing */
.main-content .ad-container {
  margin: 22px auto;
  padding: 0;
}

/* Ensure proper content-to-ad ratio */
.ad-spacing-top {
  margin-top: 0;
}

.ad-spacing-bottom {
  margin-bottom: 0;
}

/* AdSense ins element */
.adsbygoogle {
  display: block;
  min-height: 0;
}

/* Responsive ad sizing */
@media (max-width: 768px) {
  .ad-container {
    margin: 30px auto;
    padding: 15px 0;
  }

  .main-content .ad-container {
    margin: 40px auto;
    padding: 20px 0;
  }

  .ad-container + .ad-container {
    margin-top: 50px;
  }
}

@media (max-width: 480px) {
  .ad-container {
    margin: 25px auto;
    padding: 12px 0;
  }

  .ad-container::before {
    font-size: 0.65rem;
  }
}

/* Sidebar ads (desktop only) */
@media (min-width: 1200px) {
  .content-with-sidebar {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
  }

  .sidebar-ad-container {
    position: sticky;
    top: 20px;
    height: fit-content;
  }

  .sidebar-ad-container::before {
    content: 'Advertisement';
    display: block;
    text-align: center;
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
  }
}

/* Ad loading state */
.ad-container.loading {
  min-height: 100px;
  background: #f8f9fa;
  border-radius: 8px;
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

/* Ensure ads don't break layout */
.ad-container iframe,
.ad-container ins {
  max-width: 100%;
}