/* SimpleAds styles extracted from styles.css */


.simpleads-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

/* Reset any fixed widths on mobile */
.simpleads-container .simpleads img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Responsive container for the ad */
.simpleads-container .simpleads {
  width: 100%;
  overflow: hidden;
}

/* Override the inline min-width on mobile */
@media (max-width: 767px) {
  [style*="min-width:728px"] {
    min-width: 100% !important;
  }
}

/* Center SimpleAds blocks */
.block-type--simpleads {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 1.2em auto!important;
    background-color: #f5f5f5;
    /* border: 1px solid #f1f1f1; */
}

/* Special handling for SimpleAds in navbar - More aggressive approach */
.region-nav-main,
#main-nav .region-nav-main,
.tw-px-4.md\:tw-px-0,
nav#main-nav div.tw-px-4 {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

.region-nav-main .block-type--simpleads,
#main-nav .block-type--simpleads,
.region-nav-main .block-simpleads,
#main-nav .block-simpleads {
  width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
}

.region-nav-main .simpleads-container,
#main-nav .simpleads-container,
.region-nav-main .simpleads,
#main-nav .simpleads,
.region-nav-main .simpleads-multiple-random,
#main-nav .simpleads-multiple-random {
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: auto !important;
}

.region-nav-main .simpleads-multiple-random li,
#main-nav .simpleads-multiple-random li {
  display: inline-block !important;
  text-align: center !important;
  margin: 0 auto !important;
}
.simpleads-container {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  background-color: transparent;
  text-align: center; /* Center content horizontally */
}

.dark .simpleads-container {
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))!important; /* Dark mode: Tailwind slate-700 */
  width: 100%;
}

.simpleads-link {
  display: block;
  font-size: 0.55rem;
  letter-spacing: 0.35em;
  color: #999!important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.dark .simpleads-link {
  color: rgb(226,232,240)!important; /* Tailwind slate-200 for dark mode */
}

.simpleads img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin: 0 auto; /* Center images horizontally */
}

.tw-prose .simpleads img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin: 0 auto; /* Center images horizontally */
}

/* Hide list markers in SimpleAds */
.tw-prose .simpleads li::marker,
.tw-prose :where(ul > li.simpleads)::marker,
.tw-prose :where(ul > li):has(.simpleads)::marker,
.tw-prose .simpleads :where(ul > li)::marker {
  content: none !important;
  display: none !important;
}

.tw-prose .simpleads li,
.tw-prose ul li.simpleads,
.tw-prose ul > li:has(.simpleads),
.tw-prose .simpleads ul > li {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* SimpleAds slider styles */
.simpleads-slider {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

.simpleads-slider li {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

/* Make SimpleAds images responsive */
.simpleads-slider img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.simpleads-container img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}