/* Dodatočné štýly pre záložky */
.tabs-container {
    position: relative;
    z-index: 10;
}

.tab-btn {
    position: relative;
    z-index: 20;
    opacity: 1 !important;
    visibility: visible !important;
}

.tab-content {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.tab-content.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 15;
}

/* Špeciálne štýly pre záložku O platforme GoEdu21 - s najvyššou prioritou */
#about.active,
.tab-btn[data-tab="about"].active + #about,
.tab-btn[data-tab="about"].active ~ #about,
body .tabs-container #about.active,
html body .tabs-container #about.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Zabezpečenie viditeľnosti obsahu záložky O platforme GoEdu21 */
#about.active .grid-row,
#about.active .col-6,
#about.active h3,
#about.active p,
#about.active ul,
#about.active li,
#about.active a,
#about.active .info-image,
html body #about.active * {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Špeciálne pravidlo pre obrázky v záložke O platforme GoEdu21 */
#about.active img,
html body #about.active img {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Zabezpečenie viditeľnosti obsahu záložiek */
.tab-content .grid-row,
.tab-content .col-6,
.tab-content h3,
.tab-content p,
.tab-content ul,
.tab-content li,
.tab-content a,
.tab-content img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Zabezpečenie viditeľnosti obrázkov v záložkách */
.info-image {
    opacity: 1 !important;
    visibility: visible !important;
}

.info-image img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}