/* Uniform post image sizing */
.post-image {
  width: 100%;          /* full container width */
  max-width: 320px;     /* max width for moderate size */
  height: 180px;        /* fixed height */
  object-fit: cover;    /* crop to fill nicely */
  border-radius: 4px;   /* optional rounded corners */
  display: block;       /* fixes inline spacing */
}

/* Full-width post image (used in featured and popular sections) */
.post-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

/* Small horizontal image for Latest Posts (inside row g-0 layout) */
.post-thumb {
  width: 100%;
  height: 100%;
  max-height: 150px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.ad-block {
    margin: 15px 0;
    padding: 10px;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    text-align: center;
}

/* Differentiate positions if needed */
.ad-top { margin-bottom: 20px; }
.ad-bottom { margin-top: 20px; }

.featured-image {
  width: 100%;
  height: 200px;         /* Make height = width for square shape */
  object-fit: cover;     /* Crops image without stretching */
  display: block;
  border-radius: 5px;    /* Optional: for rounded corners */
}