/* AYLA Flexible Posts Grid (WPBakery) v1.2.0 */
.ayla-pg { box-sizing: border-box; }
.ayla-pg *, .ayla-pg *::before, .ayla-pg *::after { box-sizing: inherit; }

/* == GRID (optional) == */
.ayla-pg.ayla-pg--grid {
  --cols: 3; --cols-md: 2; --cols-sm: 1; --gap: 24px;
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0,1fr));
  gap: var(--gap);
  align-items: start;
}
@media (max-width: 1024px) { .ayla-pg.ayla-pg--grid { grid-template-columns: repeat(var(--cols-md), minmax(0,1fr)); } }
@media (max-width: 640px)  { .ayla-pg.ayla-pg--grid { grid-template-columns: repeat(var(--cols-sm), minmax(0,1fr)); } }

/* == LIST: 2 columns (desktop/tablet), 1 column (mobile) == */
.ayla-pg.ayla-pg--list { display: block; }
.ayla-pg.ayla-pg--list .ayla-pg__card {
  display: grid;
  grid-template-columns: var(--media-w, 280px) 1fr;
  gap: var(--gap, 24px);
  padding: 16px 0;
  border: 0; /* reset borders on each card */
}
/* Separator only BETWEEN items (no border above first / below last) */
.ayla-pg.ayla-pg--list .ayla-pg__card + .ayla-pg__card {
  border-top: 1px solid #6f184e;
}

@media (max-width: 640px) {
  .ayla-pg.ayla-pg--list .ayla-pg__card { grid-template-columns: 1fr; gap: 12px; }
  /* Full-width media on mobile and 16:9 ratio */
  .ayla-pg.ayla-pg--list { --ratio: 16 / 9 !important; }
  .ayla-pg.ayla-pg--list .ayla-pg__media { max-width: 100%; width: 100%; }
}

/* Media */
.ayla-pg__media {
  display: block;
  width: 100%;
  max-width: var(--media-w, 280px);
  aspect-ratio: var(--ratio, 1 / 1);
  overflow: hidden;
}
.ayla-pg__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }

/* Body */
.ayla-pg__body { min-width: 0; display: flex; flex-direction: column; gap: .5rem; }
.ayla-pg__cat { font-size: .85rem; opacity: .8; line-height: 1.3; }
.ayla-pg__cat a { text-decoration: none; }
.ayla-pg__title, .ayla-pg__title a {
  margin: 0; color: inherit; text-decoration: none;
  white-space: normal !important; overflow: visible !important; text-overflow: initial !important;
  -webkit-line-clamp: initial !important; line-clamp: initial !important; -webkit-box-orient: initial !important;
  overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important;
}
.ayla-pg__excerpt { margin: 0; color: inherit; overflow: visible !important; white-space: normal !important; }

/* Defensive resets */
.ayla-pg__card, .ayla-pg__body, .ayla-pg__title, .ayla-pg__excerpt {
  height: auto !important; max-height: none !important; position: static !important; overflow: visible !important;
}

/* Clickable card overlay */
.ayla-pg__card { position: relative; }
.ayla-pg__overlay { position: absolute; inset: 0; z-index: 1; display: block; }
.ayla-pg__cat a, .ayla-pg__title a, .ayla-pg__more a, .ayla-pg__media { position: relative; z-index: 2; }

/* Load more */
.ayla-pg__controls { display:flex; justify-content:center; padding: 16px 0; }
.ayla-pg__loadmore {
  appearance: none; border:1px solid #6f184e; background: transparent; color:#6f184e;
  padding: 10px 16px; cursor: pointer; font: inherit; line-height: 1;
}
.ayla-pg__loadmore[disabled], .ayla-pg__loadmore[aria-busy="true"] { opacity: .6; cursor: not-allowed; }
.ayla-pg__end { margin-top: 8px; text-align: center; font-size: .9rem; color: inherit; }