/*=========================================================
44 Web Design Component Library
-----------------------------------------------------------
Component : Site Header
Component ID : HDR-001
Version   : 1.0.0 (Development)

Project   : 433 - Vehicle Safety Solutions

Author    : Ian Latus
Company   : 44 Web Design

Purpose
-------
Styles for the VSS site header including logo sizing, navigation layout and sticky behaviour.

Principles
----------
• CSS First
• Accessible
• Responsive
• Reusable
• No inline CSS
• No JavaScript unless absolutely necessary

=========================================================*/


/*=========================================================
Project Tokens
=========================================================*/

:root{

    --hdr-logo-height:95px;
    --hdr-logo-height-sticky:60px;

    --hdr-padding:6px;
    --hdr-padding-sticky:3px;

    --hdr-transition:.35s ease;

    --hdr-nav-gap:2rem;

}

/*=========================================================
Site Logo
=========================================================*/

.elementor-widget-theme-site-logo img{

    width:auto !important;

    height:var(--hdr-logo-height) !important;

    object-fit:contain;

    transition:
        height var(--hdr-transition);

	
}

.elementor-sticky--active
[data-hdr="wrapper"]{

    padding-block:
        var(--hdr-padding-sticky);

}


/*=========================================================
Header Wrapper
=========================================================*/

[data-hdr="wrapper"] .elementor-widget-theme-site-logo img{

    width:auto;
    height:var(--hdr-logo-height);

    padding-block:var(--hdr-padding);

    transition:
        padding var(--hdr-transition);

}