/* Scoped gallery presentation shared by the editor and frontend. */
.mj-photo-galleries {
 --mj-gallery-blue:#123da5; --mj-gallery-yellow:#f8bb00;
 --mj-gallery-ink:#162448; --mj-gallery-muted:#617087;
 --mj-gallery-bg:#f0f6fd; --mj-gallery-line:#dce6f3;
 --mj-gallery-white:#fff; --mj-gallery-radius:24px;
 max-width:1200px; margin:0 auto; padding:32px 20px 64px;
}
.mj-photo-galleries > .wp-block-heading {text-align:center;color:var(--mj-gallery-blue);}
.mj-photo-galleries > p {max-width:900px;margin:20px auto 36px;text-align:center;}
.mj-gallery-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.mj-gallery-grid > .mj-gallery-card {margin:0;}
.mj-gallery-card {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;overflow:hidden;padding:28px;border:1px solid var(--mj-gallery-line);border-radius:var(--mj-gallery-radius);background:var(--mj-gallery-bg);color:var(--mj-gallery-ink);}
.mj-gallery-card::before {content:"";width:40px;height:5px;border-radius:5px;background:var(--mj-gallery-yellow);}
.mj-gallery-card > p,.mj-gallery-card > .wp-block-heading,.mj-gallery-card > .wp-block-buttons {margin:0;}
.mj-gallery-card > .wp-block-heading {color:var(--mj-gallery-blue);font-size:28px;line-height:1.2;}
.mj-gallery-card__date {font-size:14px;font-weight:600;color:var(--mj-gallery-muted);}
.mj-gallery-card__ages {font-size:16px;}
.mj-gallery-card > .wp-block-buttons {margin-top:auto;padding-top:12px;}
.mj-gallery-card .wp-block-button__link {display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border:0;border-radius:999px;background:var(--mj-gallery-blue);color:var(--mj-gallery-white);font-weight:600;text-decoration:none;}
.mj-gallery-card .wp-block-button__link:hover {background:var(--mj-gallery-yellow);color:var(--mj-gallery-ink);}
.mj-gallery-card .wp-block-button__link:focus-visible {outline:3px solid var(--mj-gallery-blue);outline-offset:4px;}
@media(max-width:900px){.mj-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.mj-gallery-grid{grid-template-columns:1fr;gap:16px;}.mj-gallery-card{padding:24px;}.mj-photo-galleries{padding:24px 16px 40px;}}

.mj-gallery-editor .components-base-control{width:100%;margin:0;}
.mj-gallery-editor__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.mj-gallery-editor > .components-button{margin-top:24px;}