/* Task 4: Sticky Header */
header, 
.elementor-location-header, 
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Ensure no layout shift when header becomes sticky */
body {
    scroll-padding-top: 100px; /* Adjust based on header height */
}

/* Task 2: Hero Overrides */
.hero-title.optimized-hero-h1 {
    font-family: inherit;
    color: inherit;
    display: block;
}

.optimized-hero-sub {
    font-family: inherit;
    color: inherit;
    opacity: 0.9;
    display: block;
}

/* Secondary CTA Styling in Hero */
.secondary-cta {
    background: transparent !important;
    transition: all 0.3s ease !important;
}

.secondary-cta:hover {
    background: rgba(0,0,0,0.05) !important;
}