/*
Theme Name: Juicer
Author: NJ Technos
Description: A custom WordPress theme designed for modern stores and portfolios.
Version: 1.0.0
*/

/* -------------------------------------- */
/* --- Google Fonts --- */
/* -------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Blinker:wght@300;400;500;600;700&display=swap');


/* -------------------------------------- */
/* --- Nohemi Font Faces - ABSOLUTE URLs --- */
/* -------------------------------------- */

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Thin-BF6438cc5896c67.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-ExtraLight-BF6438cc581502c.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Light-BF6438cc57e06d5.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Regular-BF6438cc579d934.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Medium-BF6438cc57ddecd.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-SemiBold-BF6438cc57db2ff.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Bold-BF6438cc577b524.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-ExtraBold-BF6438cc5761ae2.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('https://jainnetis.com/drink/wp-content/themes/Juicer/fonts/Nohemi-Black-BF6438cc565e67b.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* -------------------------------------- */
/* --- Reset & Base --- */
/* -------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;

/*   font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* -------------------------------------- */
/* --- Headings --- */
/* -------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	    font-family: 'Montserrat', sans-serif;
/*   font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-weight: 900 !important;
}

h2 {
  font-weight: 800 !important;
}

h3 {
  font-weight: 700 !important;
}

/* -------------------------------------- */
/* --- Typography - Mobile First --- */
/* -------------------------------------- */

/* Ensure font weights work on all devices */
.hero-heading h1,
.content h1,
.center-content h1,
.juice__main__title,
.wave-text,
.feature-text {
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.5px;
}

/* Specific mobile font weight enforcement */
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 900 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .hero-heading h1 {
    font-weight: 900 !important;
  }

  .content h1 {
    font-weight: 900 !important;
  }

  .center-content h1 {
    font-weight: 900 !important;
  }

  .juice__main__title {
    font-weight: 900 !important;
  }

  .wave-text {
    font-weight: 700 !important;
  }

  .feature-text {
    font-weight: 900 !important;
  }

  .testi {
    font-weight: 900 !important;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  body {
    font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 900 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .hero-heading h1,
  .content h1,
  .center-content h1,
  .juice__main__title {
    font-weight: 900 !important;
  }
}

/* -------------------------------------- */
/* --- Font Loading Optimization --- */
/* -------------------------------------- */

/* Prevent FOUT (Flash of Unstyled Text) */
@supports (font-display: swap) {
  body {
    font-display: swap;
  }
}

/* Fallback for older browsers */
.wf-loading {
  visibility: hidden;
}

.wf-active,
.wf-inactive {
  visibility: visible;
}

/* -------------------------------------- */
/* --- Additional Typography Classes --- */
/* -------------------------------------- */

.font-bold {
  font-weight: 700 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-extra-bold {
  font-weight: 800 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-black {
  font-weight: 900 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-semibold {
  font-weight: 600 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-medium {
  font-weight: 500 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.font-normal {
  font-weight: 400 !important;
  font-family: 'Nohemi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}