/* typography.css
   - Assumes this file is in: /wp-content/themes/your-child-theme/css/typography.css
   - Assumes fonts are in:     /wp-content/themes/your-child-theme/fonts/
*/

/* ---------------------------
   1) Local @font-face declarations
   --------------------------- */

/* Gentium Book Plus — regular (400) */
@font-face {
  font-family: 'Gentium Book Plus';
  src: url('../fonts/gentium-book-plus-regular.woff2') format('woff2'),
       url('../fonts/gentium-book-plus-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Josefin Sans — 600 (bold) */
@font-face {
  font-family: 'Josefin Sans';
  src: url('../fonts/josefin-sans-600.woff2') format('woff2'),
       url('../fonts/josefin-sans-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* (Optional) You can add other @font-face blocks here if you have 400/700 variants, etc. */

/* ---------------------------
   2) Typography overrides
   --------------------------- */

/* Main menu: force Josefin Sans 600 */
#grve-header #grve-main-menu,
#grve-header #grve-main-menu ul,
#grve-header #grve-main-menu li,
#grve-header #grve-main-menu a {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* Body and form controls — use Gentium Book Plus (fallback to serif) */
body,
button,
input,
select,
textarea {
  font-family: 'Gentium Book Plus', serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}

/* Headings */
h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  text-align: center;
}

h2 {
  /* Avoid using Andika here if you removed it; change to a local font if needed */
  font-family: 'Andika', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  text-align: center;
}

h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}

h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* Special text class */
.special-text {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}

/* Utility classes for other fonts */
.rubik { font-family: 'Rubik', sans-serif; }
.opensans { font-family: 'Open Sans', sans-serif; }
.jost { font-family: 'Jost', sans-serif; }

/* Paragraph spacing */
p { margin-bottom: 1.2em; }

/* Mobile title centering */
@media (max-width: 768px) {
  #grve-page-title.grve-align-center,
  #grve-page-title.grve-align-center #grve-page-title-content,
  #grve-page-title.grve-align-center h1 {
    text-align: center !important;
  }
}

/* Bold Josefin variants */
.bold-josefin {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  margin-top: -10px;
  vertical-align: top;
}

.section-josefin {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
}