/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*sticky background color*/
.my-sticky-header {
    width: 100%;
    z-index: 9999;
    transition:
        transform 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Original state at the very top */
.my-sticky-header.header-at-top {
    background: transparent;
    box-shadow: none;
}

/* Header visible after scrolling up */
.elementor-sticky--effects.my-sticky-header.header-scrolled {
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* Hide header when scrolling down */
.elementor-sticky--effects.my-sticky-header.header-hidden {
    transform: translateY(-110%);
}

/* Show header */
.elementor-sticky--effects.my-sticky-header.header-visible {
    transform: translateY(0);
}

/* Logo handling */
.header-logo-alt {
    display: none;
}

.elementor-sticky--effects .header-logo-main {
    display: none;
}

.elementor-sticky--effects .header-logo-alt {
    display: block;
}

/* Text / menu color at top */
.elementor-nav-menu--main a,
.my-sticky-header.header-at-top .elementor-nav-menu a,
.my-sticky-header.header-at-top .elementor-icon,
.my-sticky-header.header-at-top .elementor-heading-title {
    color: #ffffff;
}

/* Text / menu color when scrolled */
.elementor-nav-menu--main .elementor-sticky--effects a,
.elementor-sticky--effects .elementor-nav-menu a,
.elementor-sticky--effects .elementor-icon,
.elementor-sticky--effects .elementor-heading-title {
    color: #111111;
}

/* Optional: submenu protection */
.my-sticky-header .elementor-nav-menu--dropdown a {
    color: #111111;
}