/* 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%;
}

.block-type--simpleads {
    border-radius: 0.25rem;
    background-color: #f3f4f6;    
}

/* 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 */
}

.simpleads-container .simpleads {
  padding-top: 13px;
}

/* 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;
}


/* Style for SimpleAds multiple random ads in 4 columns */
/* Base styles for the grid container */
.simpleads-multiple-random {
  display: grid;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Default to 1 column if no data-random-limit is set */
/* Base styles for the grid container */
.simpleads-multiple-random {
  display: grid;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr; /* Default to 1 column on mobile */
}

/* Default to 1 column if no data-random-limit is set */
.simpleads-multiple-random {
  grid-template-columns: 1fr;
}

/* Responsive styles for different screen sizes */
@media (min-width: 480px) {
  /* 2 columns on small tablets and up */
  .simpleads-multiple-random {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  /* 3 columns on tablets and small desktops */
  .simpleads[data-random-limit="3"] .simpleads-multiple-random,
  .simpleads[data-random-limit="3"] ~ .simpleads-multiple-random,
  .simpleads[data-random-limit="4"] .simpleads-multiple-random,
  .simpleads[data-random-limit="4"] ~ .simpleads-multiple-random,
  .simpleads[data-random-limit="5"] .simpleads-multiple-random,
  .simpleads[data-random-limit="5"] ~ .simpleads-multiple-random {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  /* Full columns on larger screens based on data-random-limit */
  .simpleads[data-random-limit="2"] .simpleads-multiple-random,
  .simpleads[data-random-limit="2"] ~ .simpleads-multiple-random {
    grid-template-columns: repeat(2, 1fr);
  }

  .simpleads[data-random-limit="3"] .simpleads-multiple-random,
  .simpleads[data-random-limit="3"] ~ .simpleads-multiple-random {
    grid-template-columns: repeat(3, 1fr);
  }

  .simpleads[data-random-limit="4"] .simpleads-multiple-random,
  .simpleads[data-random-limit="4"] ~ .simpleads-multiple-random,
  .simpleads[data-random-limit="5"] .simpleads-multiple-random,
  .simpleads[data-random-limit="5"] ~ .simpleads-multiple-random {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Center the ad when only one is shown */
.simpleads[data-random-limit="1"] .simpleads-multiple-random,
.simpleads[data-random-limit="1"] ~ .simpleads-multiple-random {
  justify-content: center;
  /* grid-template-columns: minmax(auto, 300px);*/
  grid-template-columns: unset;
  /* max-width: 100%; */
  margin: 0 auto;
}
/* Keep the existing styles for list items and images */
.simpleads-multiple-random li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.simpleads-multiple-random img {
  max-width: 100%;
  height: auto;
  display: block;
}

.simpleads .simpleads-multiple-random li {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.block-type--simpleads {
    margin: 4rem 0 2rem;
    border-radius: 0.25rem;
    background-color: #f3f4f6;
}
#main .tw-container .block-type--simpleads:first-of-type {margin: 0;}