/*!
Theme Name: Remko Child Theme
Theme URI: https://remko.com.au
Description: Child theme for Remko Theme. Use this theme for all customizations to preserve updates to the parent theme.
Author: Remko
Author URI: https://remko.com.au
Template: remko-theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: remko-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*
 * Child Theme Custom Styles
 * Add your custom CSS below
 */

/* ============================================
   TYPOGRAPHY OVERRIDES
   Fix Elementor typography to match PHP site
   ============================================ */

/* Override Elementor Kit typography variables */
:root,
.elementor-kit-6,
[class*="elementor"] {
    --e-global-typography-primary-font-family: "Poppins", sans-serif !important;
    --e-global-typography-secondary-font-family: "Poppins", sans-serif !important;
    --e-global-typography-text-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    --e-global-typography-accent-font-family: "Roboto", sans-serif !important;
}

/* Body text - Roboto */
body,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor p,
p {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400;
}

/* All headings - Poppins */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.entry-title,
.page-title,
.section-title,
[class*="elementor"] h1,
[class*="elementor"] h2,
[class*="elementor"] h3,
[class*="elementor"] h4,
[class*="elementor"] h5,
[class*="elementor"] h6 {
    font-family: "Poppins", sans-serif !important;
}

/* H1 specific */
h1,
.elementor-widget-heading h1.elementor-heading-title {
    font-size: var(--font-h1-size, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

/* H2 specific */
h2,
.elementor-widget-heading h2.elementor-heading-title {
    font-size: var(--font-h2-size, 2rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.025em;
}

/* H3 specific */
h3,
.elementor-widget-heading h3.elementor-heading-title {
    font-size: var(--font-h3-size, 1.5rem);
    font-weight: 600;
    line-height: 1.4;
}

/* H4 specific */
h4,
.elementor-widget-heading h4.elementor-heading-title {
    font-size: var(--font-h4-size, 1.25rem);
    font-weight: 600;
    line-height: 1.4;
}

/* H5 specific */
h5,
.elementor-widget-heading h5.elementor-heading-title {
    font-size: var(--font-h5-size, 1.125rem);
    font-weight: 600;
    line-height: 1.5;
}

/* H6 specific */
h6,
.elementor-widget-heading h6.elementor-heading-title {
    font-size: var(--font-h6-size, 1rem);
    font-weight: 600;
    line-height: 1.5;
}

/* Buttons - Roboto */
.btn,
button,
.elementor-button,
.elementor-button-text,
.wp-block-button__link {
    font-family: "Roboto", sans-serif !important;
}

/* Navigation - Roboto */
.nav-link,
.nav-menu a,
.menu-item a,
.elementor-nav-menu a {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
}

/* Cards and components */
.card-title,
.card-spotlight__title,
.card-blog__title,
.card-product__title {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600;
}

.card-text,
.card-spotlight__text,
.card-blog__text,
.card-product__text {
    font-family: "Roboto", sans-serif !important;
}

/* Roboto Condensed for specific elements */
.font-family-roboto-condensed,
.product-meta,
.specs-label {
    font-family: "Roboto Condensed", sans-serif !important;
}