/**
 * ============================================================================
 * Shivanya Healthcare
 * File      : assets/css/header.css
 * Purpose   : Website Header Styles
 * Bootstrap : 5.x
 * Version   : 1.0.0
 * ============================================================================
 */


/* ==========================================================================
   Top Bar
   ========================================================================== */

.site-topbar {

    background: #0d6efd;

    color: #ffffff;

    font-size: .90rem;

}

.site-topbar a {

    color: #ffffff;

    text-decoration: none;

}

.site-topbar a:hover {

    color: #e2e6ea;

}


/* ==========================================================================
   Header Brand
   ========================================================================== */

.site-header-brand {

    background: #ffffff;

    padding: 1rem 0;

    border-bottom: 1px solid #e9ecef;

    position: relative;

    z-index: 1030;

}

.site-header-brand .logo {

    max-height: 90px;

    width: auto;

}


/* ==========================================================================
   Header Search Section
   ========================================================================== */

.site-header-brand .search-wrapper {

    position: relative;

    z-index: 1040;

}


/* ==========================================================================
   Book Test Button
   ========================================================================== */

.book-test-btn {

    min-height: 48px;

    border-radius: .50rem;

    font-weight: 600;

    white-space: nowrap;

}


/* ==========================================================================
   Header Utilities
   ========================================================================== */

.header-actions {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: .75rem;

}

/* ==========================================================================
   Main Navigation
   ========================================================================== */

.site-navbar {

    background: #ffffff;

    border-top: 1px solid #e9ecef;

    border-bottom: 1px solid #dee2e6;

    position: relative;

    z-index: 1025;

}

.site-navbar .navbar {

    padding-top: .50rem;

    padding-bottom: .50rem;

}

.site-navbar .navbar-nav {

    align-items: center;

}

.site-navbar .nav-link {

    color: #343a40;

    font-weight: 500;

    padding: .75rem 1rem;

    transition: all .20s ease;

}

.site-navbar .nav-link:hover,

.site-navbar .nav-link:focus,

.site-navbar .nav-link.active {

    color: #0d6efd;

}


/* ==========================================================================
   Dropdown Menu
   ========================================================================== */

.site-navbar .dropdown-menu {

    border: 1px solid #dee2e6;

    border-radius: .50rem;

    box-shadow: 0 8px 20px rgba(0,0,0,.10);

}

.site-navbar .dropdown-item {

    padding: .60rem 1rem;

}

.site-navbar .dropdown-item:hover {

    background: #f8f9fa;

    color: #0d6efd;

}


/* ==========================================================================
   Trust Bar
   ========================================================================== */

.site-trustbar {

    background: #ffffff;

    border-bottom: 1px solid #e9ecef;

    padding: .60rem 0;

    font-size: .95rem;

}

.site-trustbar .trust-item {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: .45rem;

    color: #343a40;

    font-weight: 500;

}

.site-trustbar .trust-item i {

    color: #198754;

}


/* ==========================================================================
   Sticky Header
   ========================================================================== */

.site-header-sticky {

    position: sticky;

    top: 0;

    z-index: 1030;

}


/* ==========================================================================
   Mobile Header
   ========================================================================== */

@media (max-width: 991.98px) {

    .site-header-brand {

        padding: .75rem 0;

    }

    .site-header-brand .logo {

        max-height: 72px;

    }

    .header-actions {

        justify-content: center;

        margin-top: .75rem;

    }

    .book-test-btn {

        width: 100%;

    }

    .site-navbar .navbar-nav {

        align-items: flex-start;

    }

    .site-navbar .nav-link {

        width: 100%;

        padding: .85rem 1rem;

    }

    .site-trustbar {

        font-size: .85rem;

    }

}


/* ==========================================================================
   Desktop Improvements
   ========================================================================== */

@media (min-width: 992px) {

    .site-header-brand .row {

        align-items: center;

    }

    .site-navbar .navbar-nav {

        gap: .25rem;

    }

}