/*
 Theme Name:   Hello Elementor Child (LesCentrale)
 Theme URI:    https://lescentrale.nl
 Description:  Custom Child Theme for LesCentrale Recruitment Agency
 Author:       Ahsan Alam
 Author URI:   https://yourportfolio.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Custom Brand Styles for LesCentrale */
:root {
    --lc-green: #4A7C59;
    --lc-dark: #0d1b2a;
    --lc-light: #FBFBFB;
}

/* --- LesCentrale Seamless Sticky Header --- */

/* The Wrapper stays in place to prevent the layout jump */
.lc-header-wrapper {
    height: 90px; /* Adjust this to match your header's actual height */
    width: 100%;
    position: relative;
    z-index: 9999;
}

/* --- LesCentrale Clean Sticky Header --- */

/* 1. Base State: Normal header at the top */
.lc-header-sticky {
    width: 100%;
    z-index: 9999;
    background-color: #ffffff; /* Make sure this matches your background */
    padding: 0;
    transition: all 0.4s ease-in-out;
}

/* 2. Sticky State: Triggered when scrolling UP */
.lc-header-sticky.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff !important;
    padding: 0;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    animation: slideDown 0.4s ease;
}

/* 3. Hidden State: When scrolling DOWN */
.lc-header-sticky.header-hidden {
    position: fixed;
    top: 0;
    transform: translateY(-100%);
}

@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* Admin bar fix */
.admin-bar .lc-header-sticky.scrolled, 
.admin-bar .lc-header-sticky.header-hidden {
    top: 32px;
}