/*
 * Styles for the Sticky Operators Bar
 * VERSION 3.0: Simplified to work inside the new #sticky-bars-wrapper.
 * The bar itself is no longer sticky; its parent wrapper is controlled by JavaScript.
 */

.sticky-operators {
    /* This bar is now a normal block element inside its sticky parent */
    position: relative; 
    width: 100%;
    background: white;
    padding: 5px 0;
    text-align: center;
    /* z-index taake yeh validity bar ke ooper rahe agar overlap ho */
    z-index: 2; 
    display: flex;
    justify-content: center;
    align-items: center;
    /* Neeche wali line isay validity bar se alag karti hai */
    border-bottom: 1px solid var(--py-border-color);
}

/* 
 * REMOVED: The .sticky-operators.is-sticky class is no longer needed.
 * The parent wrapper #sticky-bars-wrapper.is-sticky-wrapper now handles all sticky behavior.
 */

.sticky-operators .operator-links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    height: 50px;
    max-width: 100%;
    padding: 0 10px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.sticky-operators .operator-links::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.sticky-operators a {
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: black;
    font-size: 11px;
    font-weight: 500;
    padding: 3px;
    max-height: 40px;
    position: relative;
    flex-shrink: 0;
}

.sticky-operators img {
    max-width: 40px;
    max-height: 25px;
    height: auto;
    width: auto;
    object-fit: contain;
}

.sticky-operators span {
    display: block;
    font-size: 10px;
    margin-top: 2px;
    color: #555;
}

/* Style for the Font Awesome icon in the 'All Networks' link */
.sticky-operators .country-link i {
    font-size: 24px;
    color: #333;
    height: 25px; 
    display: flex;
    align-items: center;
    justify-content: center;
}