/* MoodFramework 1.2.2 — gallery layout is separate from the lightbox.
 * Native values arrive from the saved gallery block. Classic WordPress galleries
 * already encode their column count in gallery-columns-N; do not rewrite content.
 */
.mfn-gallery-grid,
.moodframework-site .gallery[class*="gallery-columns-"]{
    --mfw-gallery-desktop:3;
    --mfw-gallery-medium:2;
    --mfw-gallery-small:2;
    --mfw-gallery-mini:2;
    display:grid;
    grid-template-columns:repeat(var(--mfw-gallery-desktop),minmax(0,1fr));
    gap:26px;
    align-items:start;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:24px 0 0;
    padding:0;
    box-sizing:border-box;
}
/* Generated native markup supplies all four values inline, even for old blocks. */
.mfn-gallery-grid>figure,
.moodframework-site .gallery[class*="gallery-columns-"]>.gallery-item{
    min-width:0;
    max-width:none;
    width:auto;
    margin:0;
    padding:0;
    float:none;
    clear:none;
    box-sizing:border-box;
    overflow-wrap:anywhere;
}
/* WordPress pre-HTML5 markup may contain per-item widths in an inline style. */
.moodframework-site .gallery[class*="gallery-columns-"]>.gallery-item{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
}
.moodframework-site .gallery[class*="gallery-columns-"]>br,
.moodframework-site .gallery[class*="gallery-columns-"]::before,
.moodframework-site .gallery[class*="gallery-columns-"]::after{display:none}
.mfn-gallery-grid>figure>a,
.moodframework-site .gallery[class*="gallery-columns-"] .gallery-icon>a{display:block;min-width:0}
.moodframework-site .gallery[class*="gallery-columns-"] .gallery-icon{margin:0;padding:0}
.mfn-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.moodframework-site .gallery[class*="gallery-columns-"] img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border:0;border-radius:18px}
.mfn-gallery-grid figcaption,
.moodframework-site .gallery[class*="gallery-columns-"] .gallery-caption{font-size:13px;line-height:1.6;margin:12px 0 0;padding:0;overflow-wrap:anywhere}
.mfn-gallery-grid figcaption p{font-size:13px}
.moodframework-site .gallery.gallery-columns-0{--mfw-gallery-desktop:1;--mfw-gallery-medium:1;--mfw-gallery-small:1;--mfw-gallery-mini:1}
.moodframework-site .gallery.gallery-columns-1{--mfw-gallery-desktop:1;--mfw-gallery-medium:1;--mfw-gallery-small:1;--mfw-gallery-mini:1}
.moodframework-site .gallery.gallery-columns-2{--mfw-gallery-desktop:2;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-3{--mfw-gallery-desktop:3;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-4{--mfw-gallery-desktop:4;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-5{--mfw-gallery-desktop:5;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-6{--mfw-gallery-desktop:6;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-7{--mfw-gallery-desktop:7;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-8{--mfw-gallery-desktop:8;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
.moodframework-site .gallery.gallery-columns-9{--mfw-gallery-desktop:9;--mfw-gallery-medium:2;--mfw-gallery-small:2;--mfw-gallery-mini:2}
@media(min-width:768px) and (max-width:989px){
    .mfn-gallery-grid,.moodframework-site .gallery[class*="gallery-columns-"]{grid-template-columns:repeat(var(--mfw-gallery-medium),minmax(0,1fr))}
}
@media(min-width:480px) and (max-width:767px){
    .mfn-gallery-grid,.moodframework-site .gallery[class*="gallery-columns-"]{grid-template-columns:repeat(var(--mfw-gallery-small),minmax(0,1fr));gap:17px}
}
@media(max-width:479px){
    .mfn-gallery-grid,.moodframework-site .gallery[class*="gallery-columns-"]{grid-template-columns:repeat(var(--mfw-gallery-mini),minmax(0,1fr));gap:12px}
}
