/* TBM Labs Custom Header Styles
Theme Name:   TBM Labs Child
Theme URI:    https://tbmlabs.com
Description:  Custom child theme for TBM Labs website functionality.
Author:       TBM Labs Product & Engineering
Author URI:   https://tbmlabs.com
Template:     extendable
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  tbmlabs-child
*/

/* Default State: Full-size header */
header {
    /* Adjust padding to control the default height */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    position: fixed; /* Ensures it's sticky */
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #ffffff; /* Or your theme's header color */
    transition: all 0.4s ease-in-out; /* Smooth transition for all properties */
}

/* Default State: Full-size logo */
header .custom-logo-link img {
    max-width: 150px; /* Adjust to your original logo size */
    transition: max-width 0.4s ease-in-out; /* Smooth transition for logo size */
}

/* Scrolled State: Shrunken header */
header.header-scrolled {
    /* Reduce padding to shrink the header's height by about 50% */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: add a subtle shadow */
}

/* Scrolled State: Shrunken logo */
/* .elementor-location-header.header-scrolled .elementor-image-box-img { */
header.header-scrolled .custom-logo-link img {
    /* Reduce logo size */
    max-width: 75px; /* Adjust logo size */
}