/* Покращення для панелі роботодавця employer-panel.html */

/* 1. ПОКРАЩЕННЯ ЗАГОЛОВКА "ПАНЕЛЬ РОБОТОДАВЦЯ" - БЕЗ ПОЛОСОК */
/* СВІТЛА ТЕМА - БІЛИЙ ТЕКСТ для всіх фонів */
body.light-theme header + h1 {
    background: none !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.3) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ТЕМНА ТЕМА - БІЛИЙ ТЕКСТ за замовчуванням */
body:not(.light-theme) header + h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 20px rgba(52, 152, 219, 0.2) !important;
}

/* СІРИЙ ФОН - ЧОРНИЙ ТЕКСТ в обох темах */
body.bg-gray header + h1,
body.bg-light-gray header + h1 {
    color: #000000 !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3) !important;
}

/* БІЛИЙ ФОН - ЧОРНИЙ ТЕКСТ в обох темах */
body.bg-white header + h1 {
    color: #000000 !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3) !important;
}

/* Прибираємо псевдоелемент */
body.light-theme header + h1::before {
    display: none !important;
}

/* 2. HEADER — використовуємо глобальні стилі як на about.html */
body:not(.light-theme) header nav a,
body:not(.light-theme) header nav ul li a {
    color: #60a5fa !important;
}

body:not(.light-theme) header nav a:hover,
body:not(.light-theme) header nav ul li a:hover,
body:not(.light-theme) header nav a.active,
body:not(.light-theme) header nav ul li a.active {
    color: #93c5fd !important;
    text-shadow: 0 0 8px rgba(147, 197, 253, 0.5) !important;
}

body.light-theme header nav a,
body.light-theme header nav ul li a {
    color: #ffffff !important;
}

body.light-theme header nav a:hover,
body.light-theme header nav ul li a:hover,
body.light-theme header nav a.active,
body.light-theme header nav ul li a.active {
    color: #e2e8f0 !important;
}

body.light-theme .auth-main-btn,
body.light-theme #open-auth-modal {
    color: #ffffff !important;
}

/* 3. ПОКРАЩЕННЯ FOOTER - ВИКОРИСТОВУЄМО СТИЛІ З VACANCIES */
/* Основні стилі візьмемо зі styles.css, додамо тільки покращення білого тексту */

footer .footer-bottom p {
    color: #ffffff !important;
    font-weight: 500 !important;
}

footer .footer-contacts a {
    color: #ffffff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

footer .footer-contacts a:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
}

/* Окремо для посилання "Підтримати розвиток сайту" */
footer .footer-contacts .support-link,
footer .footer-contacts .support-link span {
    color: #ffffff !important;
    font-weight: 500 !important;
}

footer .footer-contacts .support-link:hover,
footer .footer-contacts .support-link:hover span {
    color: #60a5fa !important;
}

/* Забезпечуємо білий текст в обох темах */
body.light-theme footer .footer-bottom p,
body.dark-theme footer .footer-bottom p {
    color: #ffffff !important;
}

body.light-theme footer .footer-contacts a,
body.dark-theme footer .footer-contacts a {
    color: #ffffff !important;
}

body.light-theme footer .footer-contacts a:hover,
body.dark-theme footer .footer-contacts a:hover {
    color: #60a5fa !important;
}

/* Спеціально для посилання "Підтримати розвиток сайту" в обох темах */
body.light-theme footer .footer-contacts .support-link,
body.light-theme footer .footer-contacts .support-link span,
body.dark-theme footer .footer-contacts .support-link,
body.dark-theme footer .footer-contacts .support-link span {
    color: #ffffff !important;
    font-weight: 500 !important;
}

body.light-theme footer .footer-contacts .support-link:hover,
body.light-theme footer .footer-contacts .support-link:hover span,
body.dark-theme footer .footer-contacts .support-link:hover,
body.dark-theme footer .footer-contacts .support-link:hover span {
    color: #60a5fa !important;
}

/* 4. ПОКРАЩЕННЯ ПАНЕЛЬНИХ СЕКЦІЙ */
body.light-theme .panel-section h2 {
    color: #1e293b !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

/* 5. ПОКРАЩЕННЯ ФОРМ У СВІТЛІЙ ТЕМІ */
body.light-theme .form-group label {
    color: #374151 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

body.light-theme .form-group input,
body.light-theme .form-group select,
body.light-theme .form-group textarea {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    transition: all 0.3s ease !important;
}

body.light-theme .form-group input:focus,
body.light-theme .form-group select:focus,
body.light-theme .form-group textarea:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    outline: none !important;
}

/* 6. ПОКРАЩЕННЯ КНОПОК */
body.light-theme .search-button {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

body.light-theme .search-button:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4) !important;
}

/* 7. ПОКРАЩЕННЯ RADIO КНОПОК */
body.light-theme .radio-option label {
    color: #374151 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

body.light-theme .radio-option input[type="radio"] {
    accent-color: #3b82f6 !important;
    margin-right: 8px !important;
}

/* Вирівнювання радіо-опцій по вертикалі в блоці Умови роботодавця, без виходу за межі блоку */
.panel-section .form-group .radio-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    max-width: 100%;
}
.panel-section .form-group .radio-option {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.panel-section .form-group .radio-option input[type="radio"] {
    flex-shrink: 0;
}
.panel-section .form-group .radio-option label {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
@media (max-width: 768px) {
    .panel-section .form-group .radio-group {
        flex-wrap: wrap;
    }
    .panel-section .form-group .radio-option {
        flex: 0 0 calc(50% - 8px);
        min-width: 140px;
    }
}

/* 8. ПОКРАЩЕННЯ HELP TEXT */
body.light-theme .help-text {
    color: #6b7280 !important;
    font-size: 0.875rem !important;
    font-style: italic !important;
    margin-top: 6px !important;
}

/* 9. АДАПТИВНІСТЬ ДЛЯ МОБІЛЬНИХ */
@media (max-width: 768px) {
    body.light-theme header + h1 {
        font-size: 1.8rem !important;
        padding: 0 !important;
    }
    
    footer .footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
    }
    
    footer .footer-contacts {
        justify-content: center !important;
    }
}

/* 10. ПОКРАЩЕННЯ ТЕМНОЇ ТЕМИ ТАКОЖ - БЕЗ ПОЛОСОК */
body:not(.light-theme) header + h1 {
    background: none !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 20px rgba(52, 152, 219, 0.2) !important;
    border: none !important;
}

/* 11. ПОКРАЩЕННЯ ВАЛІДАЦІЇ */
body.light-theme .form-group.error input,
body.light-theme .form-group.error select,
body.light-theme .form-group.error textarea {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

body.light-theme .validation-error {
    color: #dc2626 !important;
    font-size: 0.875rem !important;
    margin-top: 6px !important;
    font-weight: 500 !important;
}

/* 12. ПОКРАЩЕННЯ DROPDOWN ЕЛЕМЕНТІВ */
body.light-theme .dropdown-container .dropdown-header {
    background-color: #f9fafb !important;
    color: #374151 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
}

body.light-theme .dropdown-content {
    background-color: #ffffff !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .dropdown-option {
    color: #374151 !important;
    padding: 8px 12px !important;
    transition: background-color 0.2s ease !important;
}

body.light-theme .dropdown-option:hover {
    background-color: #f3f4f6 !important;
}

/* 13. ЗАГАЛЬНІ ПОКРАЩЕННЯ КОНТРАСТНОСТІ */
body.light-theme p,
body.light-theme span,
body.light-theme div {
    color: #374151 !important;
}

body.light-theme strong,
body.light-theme b {
    color: #1f2937 !important;
    font-weight: 700 !important;
}