/* ==========================
   Ad Slot Styling
   ========================== */

/* Base ad slot look (default for panoramas / main content) */
[data-ad-slot] {
  display: block;
  text-align: center;     /* center ads by default */
  margin: 20px auto;      /* vertical spacing, centered horizontally */
  background: transparent;
  max-width: 1200px;      /* panoramas match main content width */
}

/* Center iframe, object, embed inside ad slots */
[data-ad-slot] iframe,
[data-ad-slot] object,
[data-ad-slot] embed {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;        /* responsive width */
}

/* Sidebar-specific ad slots (right column / widgets) */
.sidebar [data-ad-slot],
.widget [data-ad-slot] {
  max-width: 300px;       /* desktop sidebar ads */
  margin: 0 auto 10px;    /* center in sidebar, space below */
  text-align: center;
}

/* Mobile adjustment: sidebar ads use standard 320px width */
@media (max-width: 767px) {
  .sidebar [data-ad-slot],
  .widget [data-ad-slot] {
    max-width: 320px;
  }
}

/* Hide empty ad slots immediately */
body [data-ad-slot]:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force Adform iframes to center */
[data-ad-slot] iframe,
[data-ad-slot] object,
[data-ad-slot] embed {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}

/* Optional: debug style for testing (comment out later) */
/*
[data-ad-slot] {
  border: 1px dashed red;
  background: #f9f9f9;
}
*/