/* My Family Day – visual layer for the exported WordPress pages.
   Keeps all markup and images; only changes how they look. */

:root{
  --ink:#1f1d1a; --muted:#6b645c; --paper:#faf7f2; --sand:#efe8dd;
  --accent:#a0654a; --line:#e3dacb;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ink); background:var(--paper);
  line-height:1.65; margin:0;
}

/* Header / navigation */
header, .site-header, #masthead{
  background:rgba(250,247,242,.96) !important;
  border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:50;
}
nav a, .main-navigation a, .menu a, .nav-menu a{
  font-family:system-ui,Arial,sans-serif !important;
  font-size:.8rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  text-decoration:none !important;
  margin:0 12px;
}
nav a:hover, .menu a:hover{color:var(--accent) !important}

/* Headings and text */
h1,h2,h3,h4{
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:400 !important;
  line-height:1.2;
  color:var(--ink);
}
h1{font-size:clamp(2.2rem,5vw,3.6rem); margin:.6em 0 .4em}
h2{font-size:clamp(1.7rem,3.5vw,2.4rem); margin:.6em 0 .4em}
h3,h4{font-size:1.25rem; margin:.8em 0 .3em}
p{margin:0 0 1em; color:var(--muted); font-size:1.02rem}
a{color:var(--accent)}

/* Content width and spacing */
.entry-content, .wp-site-blocks, main, article{
  max-width:1120px; margin:0 auto; padding:24px;
}

/* Galleries: a clean even grid of all images */
.wp-block-gallery, .gallery, .blocks-gallery-grid, .wp-block-gallery.has-nested-images{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  margin:32px 0 !important;
  padding:0 !important;
  list-style:none !important;
}
.wp-block-gallery figure, .gallery-item, .blocks-gallery-item, .wp-block-gallery .wp-block-image{
  margin:0 !important;
  width:100% !important;
  aspect-ratio:4/5;
  overflow:hidden;
  background:var(--sand);
}
.wp-block-gallery img, .gallery img, .blocks-gallery-item img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .6s ease;
}
.wp-block-gallery figure:hover img, .gallery-item:hover img{transform:scale(1.03)}

/* Single images (outside galleries) */
.entry-content img, .wp-block-image img{
  max-width:100%;
  height:auto;
}
.wp-block-image figcaption, figcaption{
  font-family:system-ui,Arial,sans-serif;
  font-size:.82rem;
  color:var(--muted);
  text-align:center;
  margin-top:8px;
}

/* Footer */
footer, .site-footer, #colophon{
  border-top:1px solid var(--line);
  font-family:system-ui,Arial,sans-serif;
  font-size:.82rem;
  color:var(--muted);
  padding:32px 24px;
  background:var(--paper);
}

/* Mobile */
@media (max-width:900px){
  .wp-block-gallery, .gallery, .blocks-gallery-grid{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:560px){
  .wp-block-gallery, .gallery, .blocks-gallery-grid{grid-template-columns:1fr !important}
  nav a, .menu a{margin:0 8px; font-size:.7rem !important}
}