/******************************************************
 * MIRANDA – FORCE 2x6 GALLERIES (limite 12 + overlay)
 * Compat.: Penci/Elementor + Penci-grid + WP [gallery]
 ******************************************************/

/* ===========================
   1) LIMITAR A 12 ITENS
   =========================== */

/* Elementor "image-gallery" (anchors diretos) */
.elementor-widget-image-gallery .penci-post-gallery-container > a:nth-child(-n+12){
  display:block !important; visibility:visible !important;
}
.elementor-widget-image-gallery .penci-post-gallery-container > a:nth-child(n+13),
.elementor-widget-image-gallery .penci-post-gallery-container > a.nx-hidden,{
  display:none !important;
}

/* Penci "penci-image-gallery" (grid .penci-gallery-item) */
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item:nth-child(-n+12){
  display:block !important; visibility:visible !important;
}
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item:nth-child(n+13),
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item.nx-hidden{
  display:none !important;
}

/* Shortcode clássico [gallery] */
.miranda-forced-2x6 .gallery-item:nth-child(-n+12){
  display:block !important; visibility:visible !important;
}
.miranda-forced-2x6 .gallery-item:nth-child(n+13),
.miranda-forced-2x6 .gallery-item.nx-hidden{
  display:none !important;
}

/* Gutenberg – legacy (ul.blocks-gallery-grid > li.blocks-gallery-item) */
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-child(-n+12){
  display:block !important; visibility:visible !important;
}
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-child(n+13),
.wp-block-gallery .blocks-gallery-item.nx-hidden{
  display:none !important;
}

/* Gutenberg – moderno (figure.wp-block-image sob .wp-block-gallery) */
.wp-block-gallery.is-layout-flex   > figure.wp-block-image:nth-child(-n+12),
.wp-block-gallery.is-layout-grid   > figure.wp-block-image:nth-child(-n+12),
.wp-block-gallery.is-layout-flow   > figure.wp-block-image:nth-child(-n+12),
.wp-block-gallery.has-nested-images> figure.wp-block-image:nth-child(-n+12){
  display:block !important; visibility:visible !important;
}
.wp-block-gallery.is-layout-flex   > figure.wp-block-image:nth-child(n+13),
.wp-block-gallery.is-layout-grid   > figure.wp-block-image:nth-child(n+13),
.wp-block-gallery.is-layout-flow   > figure.wp-block-image:nth-child(n+13),
.wp-block-gallery.has-nested-images> figure.wp-block-image:nth-child(n+13),
.wp-block-miranda-forced-2x6 figure.wp-block-image.nx-hidden{
  display:none !important;
}

/* ===========================
   2) OVERLAY “+N” NO 12º ITEM
   (JS/PHP marca o alvo com .miranda-has-more e injeta .miranda-plus-badge)
   =========================== */
.elementor-widget-image-gallery .penci-post-gallery-container > a.miranda-has-more,
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item > a.miranda-has-more,
.gallery .gallery-icon a.miranda-has-more,
.wp-block-gallery .blocks-gallery-item.miranda-has-more,
.wp-block-gallery .blocks-gallery-item a.miranda-has-more,
.wp-block-gallery > figure.wp-block-image.miranda-has-more,
.wp-block-gallery > figure.wp-block-image a.miranda-has-more,
.penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a.miranda-has-more{
  position:relative; z-index:0;
}

.miranda-plus-badge{
  position:absolute; inset:0;
  display:grid; place-items:center;
  background:rgba(0,0,0,.38);
  font-weight:300;
  font-size:clamp(20px, 3.2vw, 38px);
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
  pointer-events:none;     /* mantém o clique no link */
  z-index:99;
}

/* Evitar elementos do tema sobre o selo no Penci */
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item > a.miranda-has-more .caption,
.elementor-widget-penci-image-gallery .penci-image-gallery .penci-block_content > .penci-gallery-item > a.miranda-has-more .penciicon-expand{
  display:none !important;
}

/* ===========================
   3) QUADRADOS para o nosso Penci-grid
      gerado pelo [photo-gallery]:
      .penci-block_content.pencisc-grid.miranda-forced-2x6
   =========================== */
.penci-block_content.pencisc-grid.miranda-forced-2x6{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)); /* 6 colunas fluidas */
  gap:12px;                                        /* espaçamento entre tiles */
}

/* remover margens herdadas */
.penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item{
  margin:0 !important;
}

.penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item.nx-hidden {
  display: none;
}

/* cada tile = quadrado; imagens vêm como background-image no <a> */
.penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;                 /* <-- quadrado perfeito */
  background-size:cover !important;
  background-position:center !important;
  overflow:hidden;
}

/* fallback para browsers sem aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
  .penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a{
    position:relative; height:auto;
  }
  .penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a::before{
    content:""; display:block; padding-top:100%;
  }
  .penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a > *{
    position:absolute; inset:0;
  }
}

/* (Opcional) Se preferires quadrados FIXOS (ex.: 150×150), descomenta:
.penci-block_content.pencisc-grid.miranda-forced-2x6{
  --size:150px;
  grid-template-columns:repeat(6, var(--size));
}
.penci-block_content.pencisc-grid.miranda-forced-2x6 .penci-gallery-item > a{
  width:var(--size); height:var(--size); aspect-ratio:auto;
}
*/

/* ===========================
   4) FLAGS / DEBUG
   =========================== */
.miranda-forced-2x6{}