/**
 * Header Override Styles
 * Adjustments for different pages using the shared header
 */

/* Index/Home Page Specific Styles */
.index-page .th-header.header-layout2 {
    /* Make header transparent/absolute for hero section */
    position: absolute !important;
    width: 100%;
    z-index: 999;
    background: transparent !important;
    top: 0;
}

/* Adjust header top for index page - hide the contact bar */
.index-page .th-header .header-top {
    display: none !important;
}

/* Index page header styling - transparent background */
.index-page .th-header .menu-area {
    background: transparent !important;
    border-bottom: none !important;
}

/* Remove white background from sticky wrapper on index */
.index-page .th-header .sticky-wrapper {
    background: transparent !important;
}

/* Adjust container width for index page */
.index-page .th-header .container {
    max-width: 1800px;
    padding-left: 40px;
    padding-right: 40px;
}

/* Dark/colored menu items for index page since background is now transparent */
.index-page .th-header:not(.sticky) .main-menu > ul > li > a {
    color: #141737;
}

/* Adjust button styling */
.index-page .th-header:not(.sticky) .header-button .th-btn {
    background: linear-gradient(180deg, #4A7FF7 0%, #1C4ED9 100%);
    color: #fff;
    border: none;
}

/* When header becomes sticky on index page */
.index-page .th-header.sticky .menu-area {
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.index-page .th-header.sticky .main-menu > ul > li > a {
    color: #141737;
}

/* Ensure proper spacing for hero section */
.index-page .th-hero-wrapper {
    padding-top: 0;
    margin-top: 0;
}

/* Override any default margin/padding that might push content down */
.index-page #header-placeholder + .th-hero-wrapper,
.index-page #header-placeholder + * {
    margin-top: 0 !important;
}

/* About page and other inner pages keep their header styling */
.about-page .th-header,
.inner-page .th-header {
    /* Default header styling is already good for these pages */
}

/* Mobile menu adjustments */
@media (max-width: 991px) {
    .index-page .th-menu-toggle {
        color: #fff;
    }

    .index-page .th-header.sticky .th-menu-toggle {
        color: #141737;
    }
}