/* Base: se apoya en estilos del theme (Gutenberg / tokens). Solo asegura grilla y mínimos visuales. */

.alp-lpg-root { width: 100%; }

/* Alineación de la grilla a columns-X como Query Loop */
.wp-block-post-template.is-layout-grid.columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.wp-block-post-template.is-layout-grid.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-block-post-template.is-layout-grid.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-post-template.is-layout-grid.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wp-block-post-template.is-layout-grid.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.wp-block-post-template.is-layout-grid.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* Si el theme no define display/grid, lo aseguramos */
.wp-block-post-template.is-layout-grid {
  display: grid;
  gap: 16px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Responsive similar al esperado para 3x3 */
@media (max-width: 900px) {
  .wp-block-post-template.is-layout-grid.columns-3,
  .wp-block-post-template.is-layout-grid.columns-4,
  .wp-block-post-template.is-layout-grid.columns-5,
  .wp-block-post-template.is-layout-grid.columns-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media  (max-width: 520px) {
  .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}

/* Placeholder si no hay thumbnail */
.alp-lpg-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.08);
  border-radius: 10px;
}

/* Paginación */
.alp-lpg-pagination { margin-top: 18px; }
.alp-lpg-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.alp-lpg-pagination a,
.alp-lpg-pagination span {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 10px;
  text-decoration: none;
  line-height: 1;
}
.alp-lpg-pagination .current { background: rgba(0,0,0,0.06); }