/**
 * Ocean WP Fonts Integration CSS
 * Global CSS variables for font integration with Ocean WP Customizer
 * This file ensures font variables are available on all pages
 */

/* Ocean WP Variables - these will be populated by JCM_Theme_Fonts_Loader */
:root {
  /* Default fallback values - will be overridden by inline CSS from PHP */
  --jcm-ocean-body-font-family: inherit;
  --jcm-ocean-body-font-weight: 400;
  --jcm-ocean-body-font-style: normal;
  --jcm-ocean-body-font-size: 16px;
  --jcm-ocean-body-line-height: inherit;
  
  --jcm-ocean-headings-font-family: inherit;
  --jcm-ocean-headings-font-weight: 700;
  --jcm-ocean-headings-font-style: normal;
  
  /* Individual heading elements */
  --jcm-ocean-h1-font-family: inherit;
  --jcm-ocean-h1-font-weight: 700;
  --jcm-ocean-h1-font-style: normal;
  --jcm-ocean-h1-font-size: inherit;
  --jcm-ocean-h1-line-height: inherit;
  
  --jcm-ocean-h2-font-family: inherit;
  --jcm-ocean-h2-font-weight: 700;
  --jcm-ocean-h2-font-style: normal;
  --jcm-ocean-h2-font-size: inherit;
  --jcm-ocean-h2-line-height: inherit;
  
  --jcm-ocean-h3-font-family: inherit;
  --jcm-ocean-h3-font-weight: 700;
  --jcm-ocean-h3-font-style: normal;
  --jcm-ocean-h3-font-size: inherit;
  --jcm-ocean-h3-line-height: inherit;
  
  --jcm-ocean-h4-font-family: inherit;
  --jcm-ocean-h4-font-weight: 700;
  --jcm-ocean-h4-font-style: normal;
  --jcm-ocean-h4-font-size: inherit;
  --jcm-ocean-h4-line-height: inherit;
  
  --jcm-ocean-h5-font-family: inherit;
  --jcm-ocean-h5-font-weight: 700;
  --jcm-ocean-h5-font-style: normal;
  --jcm-ocean-h5-font-size: inherit;
  --jcm-ocean-h5-line-height: inherit;
  
  --jcm-ocean-h6-font-family: inherit;
  --jcm-ocean-h6-font-weight: 700;
  --jcm-ocean-h6-font-style: normal;
  --jcm-ocean-h6-font-size: inherit;
  --jcm-ocean-h6-line-height: inherit;
}

/* Apply Ocean WP fonts to ALL plugin elements globally */
.jcm-archive-lokal-container,
.jcm-archive-inwestycja-container, 
.jcm-single-lokal,
.jcm-single-inwestycja-container,
.lokal-card,
.inwestycja-card,
.jcm-plugin-wrapper {
  font-family: var(--jcm-ocean-body-font-family);
  font-size: var(--jcm-ocean-body-font-size);
  font-weight: var(--jcm-ocean-body-font-weight);
  line-height: var(--jcm-ocean-body-line-height);
}

/* Apply Ocean WP heading fonts to ALL headings in plugin */
.jcm-archive-lokal-container h1,
.jcm-archive-inwestycja-container h1,
.jcm-single-lokal h1,
.jcm-single-inwestycja-container h1,
.lokal-card h1,
.inwestycja-card h1,
.jcm-plugin-wrapper h1 {
  font-family: var(--jcm-ocean-h1-font-family);
  font-weight: var(--jcm-ocean-h1-font-weight);
  font-size: var(--jcm-ocean-h1-font-size);
  font-style: var(--jcm-ocean-h1-font-style);
  line-height: var(--jcm-ocean-h1-line-height);
}

.jcm-archive-lokal-container h2,
.jcm-archive-inwestycja-container h2,
.jcm-single-lokal h2,
.jcm-single-inwestycja-container h2,
.lokal-card h2,
.inwestycja-card h2,
.jcm-plugin-wrapper h2 {
  font-family: var(--jcm-ocean-h2-font-family);
  font-weight: var(--jcm-ocean-h2-font-weight);
  font-size: var(--jcm-ocean-h2-font-size);
  font-style: var(--jcm-ocean-h2-font-style);
  line-height: var(--jcm-ocean-h2-line-height);
}

.jcm-archive-lokal-container h3,
.jcm-archive-inwestycja-container h3,
.jcm-single-lokal h3,
.jcm-single-inwestycja-container h3,
.lokal-card h3,
.inwestycja-card h3,
.jcm-plugin-wrapper h3 {
  font-family: var(--jcm-ocean-h3-font-family);
  font-weight: var(--jcm-ocean-h3-font-weight);
  font-size: var(--jcm-ocean-h3-font-size);
  font-style: var(--jcm-ocean-h3-font-style);
  line-height: var(--jcm-ocean-h3-line-height);
}

.jcm-archive-lokal-container h4,
.jcm-archive-inwestycja-container h4,
.jcm-single-lokal h4,
.jcm-single-inwestycja-container h4,
.lokal-card h4,
.inwestycja-card h4,
.jcm-plugin-wrapper h4 {
  font-family: var(--jcm-ocean-h4-font-family);
  font-weight: var(--jcm-ocean-h4-font-weight);
  font-size: var(--jcm-ocean-h4-font-size);
  font-style: var(--jcm-ocean-h4-font-style);
  line-height: var(--jcm-ocean-h4-line-height);
}

.jcm-archive-lokal-container h5,
.jcm-archive-inwestycja-container h5,
.jcm-single-lokal h5,
.jcm-single-inwestycja-container h5,
.lokal-card h5,
.inwestycja-card h5,
.jcm-plugin-wrapper h5 {
  font-family: var(--jcm-ocean-h5-font-family);
  font-weight: var(--jcm-ocean-h5-font-weight);
  font-size: var(--jcm-ocean-h5-font-size);
  font-style: var(--jcm-ocean-h5-font-style);
  line-height: var(--jcm-ocean-h5-line-height);
}

.jcm-archive-lokal-container h6,
.jcm-archive-inwestycja-container h6,
.jcm-single-lokal h6,
.jcm-single-inwestycja-container h6,
.lokal-card h6,
.inwestycja-card h6,
.jcm-plugin-wrapper h6 {
  font-family: var(--jcm-ocean-h6-font-family);
  font-weight: var(--jcm-ocean-h6-font-weight);
  font-size: var(--jcm-ocean-h6-font-size);
  font-style: var(--jcm-ocean-h6-font-style);
  line-height: var(--jcm-ocean-h6-line-height);
}