/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Author: Your Name
Description: Child theme for Hello Elementor, customized for VenturesIQ.
Text Domain: hello-elementor-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Global Styles
# Header / Navigation
# RTL Adjustments (Basic)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
:root {
    /* Color Palette */
    --viq-dark-blue: #003B66;
    --viq-turquoise: #00C8C8;
    --viq-deep-green: #006C4B;
    --viq-luxury-gray: #D9DDDC;
    --viq-clean-white: #FFFFFF;
    --viq-cta-bg: #eac361;
    --viq-cta-hover: #f6e2b0;

    /* Typography */
    --viq-font-headers: 'Open Sans', sans-serif;
    --viq-font-body: 'Roboto', 'Assistant', sans-serif; /* Roboto primary, Assistant fallback/Hebrew */

    /* Base Sizes (Adjust as needed) */
    --viq-font-size-base: 16px;
    --viq-line-height-base: 1.6;
}

/* Specific font for Hebrew if needed */
:lang(he) {
    --viq-font-body: 'Assistant', sans-serif;
}


/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/
body {
    font-family: var(--viq-font-body);
    font-size: var(--viq-font-size-base);
    line-height: var(--viq-line-height-base);
    color: var(--viq-dark-blue); /* Default text color - adjust if needed */
    background-color: var(--viq-clean-white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--viq-font-headers);
    font-weight: 700; /* Open Sans Bold */
    color: var(--viq-dark-blue); /* Default header color */
    margin-bottom: 0.5em;
     /* Add other base heading styles if needed */
}

/* Basic Link Style */
a {
    color: var(--viq-turquoise);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--viq-deep-green); /* Or another hover color */
}

/* Basic Button Style (Can be overridden by Elementor) */
.elementor-button, button, input[type="button"], input[type="submit"] {
    font-family: var(--viq-font-headers); /* Or body font, based on preference */
    background-color: var(--viq-cta-bg);
    color: var(--viq-dark-blue); /* Text color for CTA */
    padding: 12px 24px;
    border: none;
    border-radius: 4px; /* Example border radius */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.elementor-button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: var(--viq-cta-hover);
}

/*--------------------------------------------------------------
# Header / Navigation (Basic structure - Elementor will control most)
--------------------------------------------------------------*/
/* Example: Apply background to header assuming Elementor header uses a specific class or ID */
/* You'll need to inspect your Elementor header structure to target it correctly */
/* .site-header { background-color: var(--viq-dark-blue); } */

/* Example styling for menu items (will likely need more specific selectors from Elementor) */
/* .main-navigation a { color: var(--viq-luxury-gray); } */
/* .main-navigation a:hover, .main-navigation .current-menu-item > a { color: var(--viq-clean-white); } */


/*--------------------------------------------------------------
# RTL Adjustments (Basic)
--------------------------------------------------------------*/
.rtl-direction {
    /* Basic RTL text alignment */
    text-align: right;
}

/* Add more specific RTL rules as needed */
/* e.g., .rtl-direction .elementor-widget { text-align: right; } */