/*
 * Enhanced Ads Styling
 * Modern, clean ad containers with better integration
 * Uses CSS Variables from color-system.css
 * Version: 1.0.1
 */



/* ==========================================
   AD SIZE STANDARDS
   ========================================== */

/* Common Ad Sizes */
.ad-leaderboard { max-width: 728px !important; height: auto !important; }
.ad-banner { max-width: 468px !important; height: auto !important; }
.ad-half-banner { max-width: 234px !important; height: auto !important; }
.ad-button { max-width: 125px !important; height: auto !important; }
.ad-skyscraper { max-width: 120px !important; min-height: 600px !important; }
.ad-wide-skyscraper { max-width: 160px !important; min-height: 600px !important; }
.ad-rectangle { max-width: 300px !important; height: auto !important; }
.ad-square { max-width: 250px !important; height: auto !important; }

/* ==========================================
   IFRAME AD OPTIMIZATION
   ========================================== */

.ad-container iframe,
[class*="ad-"] iframe {
  max-width: 100% !important;
  border: none !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Google AdSense Optimization */
ins.adsbygoogle {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* ==========================================
   AD BLOCKER DETECTION MESSAGE
   ========================================== */

.ad-blocker-notice {
  padding: 20px !important;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 12px !important;
  text-align: center !important;
  margin: 20px 0 !important;
}

.ad-blocker-notice p {
  margin: 0 !important;
  color: #92400e !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.ad-blocker-notice a {
  color: #b45309 !important;
  text-decoration: underline !important;
}

/* ==========================================
   PRINT STYLES
   ========================================== */

@media print {
  .ad-container,
  [class*="ad-"],
  [class*="post-"][class*="-ad"],
  .advertisement,
  ins.adsbygoogle {
    display: none !important;
  }
}

/* ==========================================
   ACCESSIBILITY
   ========================================== */

.ad-container:focus-within,
[class*="ad-"]:focus-within {
  outline: 2px solid #667eea !important;
  outline-offset: 2px !important;
}

/* Screen reader only label */
.ad-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
