.pill-nav-custom {
        --bs-nav-link-color: var(--bs-white);
        --bs-nav-pills-link-active-color: var(--bs-primary);
        --bs-nav-pills-link-active-bg: var(--bs-white);
        display: flex;
        flex-wrap: wrap; /* ļauj pogām aplauzties mazā ekrānā */
        gap: 0.25rem;
    }
    .pill-nav-custom .nav-link {
        color: white;
        font-size: 1.2rem; /* palielina tab pogu burtus */
        white-space: normal;       /* lauj aplauzties vairākās rindās */
        overflow-wrap: anywhere;   /* ja vārds ir pārāk garš */
        text-align: center;        /* centrē tekstu pogā */
        flex: 1 1 auto;
        min-width: 40%;
        
        }
    /* Valodu pogu konteineris */
    .profile-buttons-container {
        display: flex;          /* Flex konteineris */
        flex-wrap: nowrap;      /* NEļauj pogām aplauzties */
        gap: 0.25rem;           /* atstatums starp pogām */
        justify-content: flex-start; /* pogas pa kreisi */
        align-items: center;    /* vertikāli centrētas */
    }

    /* Valodu pogas */
    .profile-buttons-container .btn {
        white-space: nowrap;    /* vienā rindā */
        flex: 0 0 auto;         /* neizplešas, nesaraujas */
        width: auto;            /* fiksēts platums pēc satura */
        min-width: 40px;        /* minimālais platums */
        max-width: 5rem;        /* maksimālais platums */
        padding: 0.2rem 0.5rem; /* mazs augstums */
        text-align: center;
    }
    .profile-buttons-container .btn:hover,
    .profile-buttons-container .btn:focus {
        background-color: #004085;
        color: var(--bs-white);
        outline: none;
    }
    .profile-buttons-container .btn.lang-active {
      /* Izskats */
    background-color: white !important;
    color: var(--bs-primary) !important;
    border: 1.5px solid var(--bs-primary);
    border-radius: 1rem;
    box-shadow: none;
    outline: none;

    /* Teksts */
    font-size: 0.75rem;     /* mazāks fonts */
    text-align: center;
    white-space: nowrap   !important;  /* piespiedu noteikums */ /* burti vienā rindā */
    overflow-wrap: normal;  /* nelauž vārdus */

    /* Izmēri */
    flex: 0 0 auto  !important;       /* neizstiepjas un nesaraujas */       /* neļauj izplesties */
    width: auto  !important;          /* fiksēts platums */
    min-width: 40px;
    max-width: 5rem;             /* fiksēts maksimālais platums */
    padding: 0.2rem 0.5rem; /* mazāks augstums */
    
    /* Animācija */
    transition: background-color 0.3s ease;
    }
    
    .tab-and-lang-container {
        border: 1px solid #0d6efd; /* zila robeža, piemēram */
        }
    .profile-buttons-container .btn:not(.lang-active) {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }
    

    .profile-buttons-container button {
        /*min-width: 40px;*/
        max-width: 100%;          /* lai nekad nepārsniedz ekrānu */
        white-space: normal;      /* atļauj aplauzties */
        overflow-wrap: anywhere;  /* lauž garus vārdus */
        text-align: center;
        
        }
    
    
    
    .tab-lang-wrapper > .profile-buttons-container .btn {
        width: auto; /* pogas nebūs izstieptas pilnā platumā */
        flex: none;  /* lai pogas neizplešas */
    }
    /* Stilizē dropdown */
    .dropdown-menu-custom {
        z-index: 1000;
        min-width: 180px;
        left: 0;            /* TIEŠI ZEM POGAS */
        right: auto;
        top: 100%;          /* tieši zem pogas */
    }

    /* Poga stils */
    .dropdown-item-custom {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.25rem 0.75rem;
        color: #0d6efd;
        background: none;
        border: none;
        font-size: 1.0rem; /* palielina dropdown izvēlnes tekstu */
    }

    .dropdown-item-custom:hover {
        background-color: #e9ecef;
        color: #0a58ca;
    }
    /* Flex konteineris visam tab saturam ar baneriem */
    #tab-content {
        display: flex;
        gap: 1rem;
        width: 100%;          /* pilns ekrāna platums */
        max-width: 100%;
        margin-top: 0;   /* neļauj nobīdīties uz leju */
        padding: 0;
        box-sizing: border-box;
        align-items: flex-start; /* svarīgi: centrālais saturs augšā */
    }

    /* Galvenais saturs */
    #tab-content > .main-content {
        flex: 1 1 60%;           /* aizņem galveno daļu */
        padding-top: 0;
        
        margin-top: 0;   /* neļauj nobīdīties uz leju */           
        border: 1px solid #ddd; /* rāmis ap saturu */
        border-radius: 0;  /* noapaļoti stūri */
        background-color: #fff; /* balts fons saturam */
        display: block;           /* saturs necentres kā flex */
        
    }
    
    /*Tikai media ekraniem, kas nav monitori*/
    @media (max-width: 576px) {
        /* Valodu pogas var aplauzties vairākās rindās */
    .profile-buttons-container {
        flex-wrap: wrap;       /* vairākās rindās */
        justify-content: flex-start;
        gap: 0.25rem;
    }

    .profile-buttons-container .btn {
        flex: 1 1 auto;        /* pielāgojas ekrānam */
        min-width: 0;           /* nav minimālās platuma prasības */
        max-width: 100%;        /* neiziet ārpus ekrāna */
        white-space: normal;    /* burti var lauzties vairākās rindās */
    }

    /* Tab un valodu rindu wrapper - horizontāls scroll ja nepieciešams */
    .tab-lang-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* mīksts scroll iOS/Android */
    }

    /* Centrālais saturs ar baneriem - horizontāls scroll */
     #tab-content {
        flex-direction: column; /* obligāti vertikāli */
    }

    #tab-content > .left-banner,
    #tab-content > .right-banner {
        width: 100%;
        order: 1;  /* left-banner zem centra */
        margin-bottom: 1rem;
    }

    #tab-content > .right-banner {
        order: 2;  /* right-banner zem left-banner */
    }

    #tab-content > .main-content {
        order: 0;  /* vienmēr augšā */
        width: 100%;
        margin-bottom: 1rem;
    }
    }