/* NapaValleyWineryGuide.com - ad slot styling (970x90, 728x90, 300x250)
   Paste your ad network code inside the empty <div class="ad-unit">.
   While empty, the slot shows its pixel size and an ADVERTISEMENT label
   inside a subtly textured placement. Both disappear once a real ad loads. */

/* Shaded, bordered frame around every ad slot */
.ad-slot {
  display: block;
  margin: 44px auto;
  text-align: center;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  background: #F7F2E9;
  border: 1px solid #E8DFCF;
  border-radius: 6px;
}

/* The old external label is no longer shown; the label now lives inside the
   placement (see .ad-unit::after). Hidden but kept for older markup. */
.ad-slot .ad-label { display: none; }

/* The unit itself stays at exact IAB pixel sizes so creatives fit.
   Subtle diagonal texture (45-degree hatch) makes empty slots stand out. */
.ad-slot .ad-unit {
  position: relative; margin: 0 auto; max-width: 100%; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  background-color: #F7F2E9;
  background-image: repeating-linear-gradient(
    45deg,
    #F7F2E9 0px,
    #F7F2E9 9px,
    #F2ECDF 9px,
    #F2ECDF 18px
  );
  border-radius: 3px;
}

/* Size, then ADVERTISEMENT label, both centered inside the placement. */
.ad-slot .ad-unit::before {
  content: attr(data-size);
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 12px; letter-spacing: 1px; color: #BBAB96;
}
.ad-slot .ad-unit::after {
  content: 'Advertisement';
  font-family: 'Jost', Arial, Helvetica, sans-serif;
  font-size: 9px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase;
  color: #BFB09B;
}
/* Once a real ad is inserted, hide the placeholder text + texture */
.ad-slot .ad-unit:not(:empty) { background-image: none; }
.ad-slot .ad-unit:not(:empty)::before,
.ad-slot .ad-unit:not(:empty)::after { display: none; }

.ad-billboard   .ad-unit { width: 970px; height: 90px; }
.ad-leaderboard .ad-unit { width: 728px; height: 90px; }
.ad-box         .ad-unit { width: 300px; height: 250px; }

/* Billboard/leaderboard are short: keep size + label on one row so they fit */
.ad-billboard .ad-unit, .ad-leaderboard .ad-unit { flex-direction: row; gap: 12px; }
.ad-billboard .ad-unit::after, .ad-leaderboard .ad-unit::after { margin-left: 12px; }

/* Inline (between paragraphs) sits a little tighter */
.ad-slot.ad-inline { margin: 30px auto; }

/* Sidebar box: full column width, flush with the cards above it */
.ad-slot.ad-sidebar { width: 100%; margin: 24px 0 0; padding: 12px; }
.ad-slot.ad-sidebar .ad-unit { width: 100%; max-width: 300px; height: 250px; }

@media (max-width: 1000px) { .ad-billboard .ad-unit { width: 728px; } }
@media (max-width: 768px) {
  .ad-billboard .ad-unit, .ad-leaderboard .ad-unit { width: 100%; max-width: 320px; height: 100px; }
  .ad-slot { margin: 30px auto; }
}