/* Final Logo Fix - Остаточне виправлення кольору логотипу KuBeyond */

/* 
 * Цей CSS файл забезпечує що логотип KuBeyond завжди буде мати 
 * яскравий зелений колір (#2ecc71) у всіх темах та на всіх сторінках
 */

/* Найвищий пріоритет - застосовується до всіх можливих селекторів */
* .logo-text,
body * .logo-text,
html * .logo-text,
[class*="logo"] .logo-text,
.logo .logo-text,
.logo-container .logo-text,
header .logo-text,
nav .logo-text,
.navbar .logo-text,
.header .logo-text,
.navigation .logo-text,
.topbar .logo-text,
.menu .logo-text,
.contacts-container .logo-text,
.partnership-container .logo-text,
.dashboard .logo-text,
.dashboard-container .logo-text,
.modal .logo-text,
.popup .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,
html.light-theme * .logo-text,
body.light-theme [class*="logo"] .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 .navbar .logo-text,
body.light-theme .header .logo-text,
body.light-theme .navigation .logo-text,
body.light-theme .topbar .logo-text,
body.light-theme .menu .logo-text,
body.light-theme .contacts-container .logo-text,
body.light-theme .partnership-container .logo-text,
body.light-theme .dashboard .logo-text,
body.light-theme .dashboard-container .logo-text,
body.light-theme .modal .logo-text,
body.light-theme .popup .logo-text {
    color: #2ecc71 !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
    font-weight: 800 !important;
}

/* Hover ефекти для всіх тем */
* .logo-text:hover,
*:hover .logo-text,
.logo-container:hover .logo-text,
a:hover .logo-text,
body.light-theme * .logo-text:hover,
body.light-theme *: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,
a:link .logo-text,
a:visited .logo-text,
a:active .logo-text,
body.light-theme a .logo-text,
body.light-theme a:link .logo-text,
body.light-theme a:visited .logo-text,
body.light-theme a:active .logo-text {
    color: #2ecc71 !important;
    text-decoration: none !important;
}

/* Фокус для доступності */
.logo-text:focus,
.logo-container:focus .logo-text,
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;
}

/* Градієнтний ефект */
.logo-text.gradient,
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: logoGradientShift 3s ease-in-out infinite !important;
}

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

/* Спеціальні випадки для різних фонів */
body[style*="background"] .logo-text,
body[class*="bg-"] .logo-text,
.bg-light .logo-text,
.bg-dark .logo-text,
body.light-theme[style*="background"] .logo-text,
body.light-theme[class*="bg-"] .logo-text,
body.light-theme .bg-light .logo-text,
body.light-theme .bg-dark .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 (max-width: 1024px) {
    * .logo-text,
    body.light-theme * .logo-text {
        color: #2ecc71 !important;
    }
}

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

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

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

/* Забезпечуємо що жодні інші стилі не можуть перевизначити колір */
.logo-text[style*="color"],
body.light-theme .logo-text[style*="color"] {
    color: #2ecc71 !important;
}

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

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

/* CSS Custom Properties для підтримки змінних */
:root {
    --jobglobe-logo-color: #2ecc71;
    --jobglobe-logo-hover: #27ae60;
    --jobglobe-logo-shadow: rgba(46, 204, 113, 0.3);
}

/* Використання CSS змінних */
.logo-text {
    color: var(--jobglobe-logo-color, #2ecc71) !important;
}

body.light-theme .logo-text {
    color: var(--jobglobe-logo-color, #2ecc71) !important;
}