/* 1. Import Google Fonts (Oswald for headings, Montserrat for general text) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Oswald:wght@600;700&display=swap');

/* 2. Hide the giant site title on the homepage only */
.home .site-title,
.front-page .site-title {
    display: none !important;
}

/* 3. Site title styling (for inner pages) */
.site-title {
    font-size: 3.5rem !important;
    line-height: 1.1 !important;
    order: 1 !important;
}

/* 4. Header layout: Stack title above menu */
.site-header .section-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
}

.header-navigation-wrapper,
.main-menu-alt {
    order: 2 !important;
    width: 100% !important;
}

/* 5. Typography: Apply Montserrat to body text */
body, p, li, a, input, button {
    font-family: 'Montserrat', sans-serif !important;
}

/* 6. Typography: Apply Oswald bold to headings and titles */
h1, h2, h3, h4, h5, h6, 
.entry-title, 
.post-title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 7. Header Menu: Make navigation text bold */
.site-header a,
.main-navigation a,
.menu-item a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}/* Add spacing between individual header menu links */
.site-header .menu-item,
.main-navigation li {
    margin-right: 1.5rem !important;
}

/* Ensure the site title stays separate from menu items */
.site-title {
    display: block !important;
    margin-left: 1.5rem !important; /* Adds space if inline with menu */
}/* Target default WordPress header media markup */
.page-id-120 .wp-custom-header,
.page-id-120 #header-media,
.page-id-120 .header-image {
  display: none !important;
}/* Reduce post title header size in Miyazaki theme */
.single .post-title,
.single .entry-title {
  font-size: 3.5rem !important; /* Adjust size to preference */
  line-height: 1.1 !important;
}

/* Adjust for mobile screens */
@media (max-width: 768px) {
  .single .post-title,
  .single .entry-title {
    font-size: 2.2rem !important;
  }
}/* Match post title font to site body font & remove ALL-CAPS */
.single .post-title,
.single .entry-title {
  font-family: inherit !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  text-transform: none !important; /* Converts force-uppercase back to standard text */
  font-variant: normal !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
}

/* Adjust for mobile screens */
@media (max-width: 768px) {
  .single .post-title,
  .single .entry-title {
    font-size: 1.8rem !important;
  }
}/* Remove forced uppercase on post grid titles, headings, and archive titles */
.post-title,
.entry-title,
.posts .post-title,
.posts .entry-title,
h1, h2, h3, h4, h5, h6 {
  text-transform: none !important;
  font-variant: normal !important;
}/* Expand Instagram embeds to full standard width */
iframe.instagram-media,
.instagram-media,
.wp-block-embed-instagram iframe,
blockquote.instagram-media {
  max-width: 540px !important;
  min-width: 326px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure container wrapper doesn't restrict width */
.wp-block-embed-instagram,
.embed-instagram {
  width: 100% !important;
  max-width: 100% !important;
}iframe.instagram-media {
    max-width: 100% !important;
    width: 100% !important;
    position: static !important;
}