/* [GALLERY_LIGHTBOX_PRIMITIVE 2026-09-23] Mínim del motor de lightbox (iaLayer_lightbox.js).
   L'estil de la galeria (grid, masonry, mides) és del mòdul; aquí només el que el motor garanteix:
   que un ítem ampliable ho sembli i que el focus de teclat es vegi. El lightbox en si és
   lightgallery.min.css (files_css_tema). `.ia-lightbox` el posa el motor (opció addClass de
   lightGallery, que va a `.lg-container`): res d'aquí toca el lightbox del mòdul clàssic gallery.html. */
[data-ia-lightbox-item="1"] {
  cursor: zoom-in;
}
[data-ia-lightbox-item="1"]:focus-visible {
  outline: 2px solid var(--ia-color-focus-ring, #1a73e8);
  outline-offset: 2px;
}
/* El peu de foto és text pla escapat pel motor: prou contrast sobre el fons fosc del lightbox. */
.lg-container.ia-lightbox .lg-sub-html p {
  margin: 0;
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .lg-container.ia-lightbox .lg-backdrop,
  .lg-container.ia-lightbox .lg-outer,
  .lg-container.ia-lightbox .lg-item,
  .lg-container.ia-lightbox .lg-img-wrap {
    transition: none !important;
    animation: none !important;
  }
}
/* [QUICK FIXES 345 · 2026-09-23] Lightbox obert → fora els botons flotants que hi quedaven a sobre:
   «Reportar» (panel/js/ia_report_issue.js, z 2147483600), les icones flotants de xarxes com WhatsApp
   (mòdul floatingsocialicon, .floating-icon z 9999, moduls.css) i el FAB del Live Editor
   (panel/js/ai_css_studio_shell.js, z 2147483001). lightGallery 2.7.2 posa `lg-on` a <html> en obrir
   quan el contenidor és <body> (el cas per defecte, i el que fan servir els dos consumidors: aquest motor
   i el mòdul clàssic gallery.html) i el treu en tancar. El panell obert del Live Editor no s'amaga. */
html.lg-on #__iar_fab,
html.lg-on .floating-icon,
html.lg-on #__iaShellRoot .ia-fab {
  display: none !important;
}