/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2026 | 09:25:14 */
/* =====================================================
   SRIVAY BUSINESS SUB-NAVIGATION
   Blocksy-compatible sticky navigation
   ===================================================== */

.src-business-nav {
    --src-nav-border: #dbe4ee;

    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    background: #ffffff;
    border-top: 1px solid var(--src-nav-border);
    border-bottom: 1px solid var(--src-nav-border);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);

    z-index: 100;
    isolation: isolate;
}

/* Fixed navigation while scrolling */
.src-business-nav.is-fixed {
    position: fixed !important;
    top: var(--src-header-height, 80px) !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    margin: 0 !important;

    background: #ffffff !important;
    border-top: 1px solid var(--src-nav-border) !important;
    border-bottom: 1px solid var(--src-nav-border) !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.08) !important;

    z-index: 1000 !important;
    box-sizing: border-box;
}

/* Preserve the original navigation space when fixed */
.src-business-nav-placeholder {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}

/* Navigation layout */
.src-business-nav-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    width: 100%;
    margin: 0;
    padding: 12px 32px;

    box-sizing: border-box;
}

/* Navigation links */
.src-business-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    flex: 0 0 auto;
    padding: 12px 20px;

    background: #f1f5f9;
    color: #334155 !important;

    border: 1px solid transparent;
    border-radius: 13px;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    white-space: nowrap;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

.src-business-nav-link:hover,
.src-business-nav-link:focus-visible,
.src-business-nav-link.is-active {
    background: #27908C;
    color: #ffffff !important;
    border-color: #27908C;
}

/* Icons */
.src-business-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

/* Keep section headings visible below both sticky bars */
#scaffolding,
#united-paints,
#mining {
    scroll-margin-top: calc(
        var(--src-header-height, 80px) +
        var(--src-business-nav-height, 65px) +
        18px
    );
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {
    .src-business-nav-inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;

        gap: 8px;
        padding: 10px 16px;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .src-business-nav-inner::-webkit-scrollbar {
        display: none;
    }

    .src-business-nav-link {
        flex: 0 0 auto;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 13px;
    }

    #scaffolding,
    #united-paints,
    #mining {
        scroll-margin-top: calc(
            var(--src-header-height, 70px) +
            var(--src-business-nav-height, 52px) +
            12px
        );
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .src-business-nav-link {
        transition: none;
    }
}