/* ========== MaFidia Tweaks v1.0.0 ========== */
/* Boxed layout for main sections (home, slider, sections) */
.mfd-container,
.mfd-hero,
.mfd-slider-wrap,
.mfd-section,
.site > .site-content,
.site-main,
.wrap,
.container,
#content,
#primary,
#main {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px;
  box-sizing: border-box;
}

/* Slider inside a box with rounded corners */
.mfd-slider-wrap,
.slider, .home-slider, .wp-block-gallery.is-style-slider {
  border-radius: 18px;
  overflow: hidden;
}

/* Keep slider/media 16:9 */
.mfd-slider .mfd-slide,
.mfd-slider .mfd-slide > a,
.mfd-slider .mfd-slide .mfd-slide-media,
.mfd-slider-wrap .slide,
.mfd-slider-wrap .slide > a {
  aspect-ratio: 16 / 9;
  display: block;
}
.mfd-slider img,
.mfd-slider .mfd-slide img,
.mfd-slider-wrap .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Post grid cards: responsive grid + fixed thumbnail ratio */
.mfd-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}
.mfd-post-card .mfd-thumb,
.mfd-post-card .mfd-thumb a,
.post-card .post-thumbnail,
.post-card .post-thumbnail a,
.wp-block-post-featured-image,
.wp-block-post-featured-image a,
.blog .post .post-thumbnail,
.archive .post .post-thumbnail {
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
}
.mfd-post-card .mfd-thumb img,
.post-card .post-thumbnail img,
.wp-block-post-featured-image img,
.blog .post .post-thumbnail img,
.archive .post .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Prevent content images from exploding width */
.entry-content img,
.wp-block-image img,
figure img {
  max-width: 100%;
  height: auto;
}

/* Contact section narrower and centered */
.mfd-contact,
section.contact,
#contact,
.footer-contact {
  max-width: 900px;
  margin-inline: auto;
  padding-inline: 16px;
}
.mfd-contact form,
section.contact form,
#contact form {
  max-width: 680px;
  margin-inline: auto;
}

/* Mobile refinement */
@media (max-width: 640px) {
  .mfd-hero h1 { font-size: clamp(22px, 6vw, 32px); }
  .mfd-slider-wrap { border-radius: 14px; }
  .mfd-post-grid { gap: 16px; }
}