/* Logo Override - Забезпечує зелений колір логотипу у всіх випадках */

/* Найвищий пріоритет для логотипу KuBeyond */
.logo-text,
.logo .logo-text,
.logo-container .logo-text,
header .logo-text,
nav .logo-text,
[class*="logo"] .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
    font-weight: 800 !important;
    transition: all 0.3s ease !important;
}

/* Світла тема - той самий колір що і в темній */
body.light-theme .logo-text,
body.light-theme .logo .logo-text,
body.light-theme .logo-container .logo-text,
body.light-theme header .logo-text,
body.light-theme nav .logo-text,
body.light-theme [class*="logo"] .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

/* Для модальних вікон та поп-апів */
.modal .logo-text,
.popup .logo-text,
.dropdown .logo-text,
.unified-modal-logo .logo-text,
.auth-modal .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 10px rgba(46, 204, 113, 0.4) !important;
}

/* Для dashboard сторінок */
.dashboard .logo-text,
.dashboard-container .logo-text,
.dashboard-header .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

/* Для employer панелей */
.employer-panel .logo-text,
.employer-dashboard .logo-text {
    color: #2ecc71 !important;
}

/* Для specialist панелей */
.specialist-panel .logo-text,
.specialist-dashboard .logo-text {
    color: #2ecc71 !important;
}

/* Для сторінок contacts та support */
.contacts-container .logo-text,
.partnership-container .logo-text {
    color: #2ecc71 !important;
}

body.light-theme .contacts-container .logo-text,
body.light-theme .partnership-container .logo-text {
    color: #2ecc71 !important;
}

/* Hover ефекти */
.logo-text:hover,
.logo:hover .logo-text,
.logo-container:hover .logo-text,
a:hover .logo-text {
    color: #27ae60 !important;
    text-shadow: 0 0 12px rgba(46, 204, 113, 0.6) !important;
    transform: scale(1.02) !important;
}

body.light-theme .logo-text:hover,
body.light-theme .logo:hover .logo-text,
body.light-theme .logo-container:hover .logo-text,
body.light-theme a:hover .logo-text {
    color: #27ae60 !important;
    text-shadow: 0 0 12px rgba(46, 204, 113, 0.6) !important;
    transform: scale(1.02) !important;
}

/* Посилання з логотипом */
a .logo-text,
link .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

body.light-theme a .logo-text,
body.light-theme link .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

/* Спеціальні випадки для різних фонів */
body[style*="background"] .logo-text,
.body-with-custom-bg .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 10px rgba(46, 204, 113, 0.5) !important;
}

body.light-theme[style*="background"] .logo-text,
body.light-theme .body-with-custom-bg .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 10px rgba(46, 204, 113, 0.5) !important;
}

/* Мобільні пристрої */
@media (max-width: 768px) {
    .logo-text,
    body.light-theme .logo-text {
        color: #2ecc71 !important;
        font-size: 1.5rem !important;
        text-shadow: 0 0 6px rgba(46, 204, 113, 0.3) !important;
    }

    .logo-text:hover,
    body.light-theme .logo-text:hover {
        color: #27ae60 !important;
        text-shadow: 0 0 8px rgba(46, 204, 113, 0.4) !important;
    }
}

/* Високий контраст */
@media (prefers-contrast: high) {
    .logo-text {
        color: #2ecc71 !important;
        text-shadow: 0 0 15px rgba(46, 204, 113, 0.8) !important;
    }

    body.light-theme .logo-text {
        color: #2ecc71 !important;
        text-shadow: 0 0 15px rgba(46, 204, 113, 0.8) !important;
    }
}

/* Друк */
@media print {
    .logo-text {
        color: #2ecc71 !important;
        text-shadow: none !important;
    }
}

/* Iframe та інші контейнери */
iframe .logo-text,
.embedded-content .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

/* Градієнтний ефект */
.logo-text.gradient {
    background: linear-gradient(45deg, #2ecc71, #27ae60, #2ecc71) !important;
    background-size: 200% 200% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: gradientShift 3s ease-in-out infinite !important;
}

body.light-theme .logo-text.gradient {
    background: linear-gradient(45deg, #2ecc71, #27ae60, #2ecc71) !important;
    background-size: 200% 200% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: gradientShift 3s ease-in-out infinite !important;
}

@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Специфічні селектори для header та navigation */
::-webkit-any(header, nav, .header, .navigation) .logo-text {
    color: #2ecc71 !important;
}

::-moz-any(header, nav, .header, .navigation) .logo-text {
    color: #2ecc71 !important;
}

/* Focus стани */
.logo-text:focus,
.logo-container:focus .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 15px rgba(46, 204, 113, 0.7) !important;
    outline: 2px solid rgba(46, 204, 113, 0.5) !important;
}

body.light-theme .logo-text:focus,
body.light-theme .logo-container:focus .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 15px rgba(46, 204, 113, 0.7) !important;
    outline: 2px solid rgba(46, 204, 113, 0.5) !important;
}