/* DARK MODE */
html[data-theme="dark"] {
    --bg: #0b1114;
    --card: #10191b;
    --text: #f2f5f6;
    --muted: #aab5bc;
    --line: rgba(255, 255, 255, 0.08);
    --footer: #060a0c;
    --footer-2: #0b1114;
    --shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 6px -1px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 10px 15px -3px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.4), 0 24px 60px -5px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body {
    background:
        radial-gradient(circle at top left, rgba(253, 223, 0, 0.08), transparent 20%),
        linear-gradient(180deg, #081014 0%, #0b1114 340px);
}

html[data-theme="dark"] .text-dark {
    color: var(--text) !important;
}

html[data-theme="dark"] .text-muted {
    color: var(--muted) !important;
}

html[data-theme="dark"] .fw-bold.fs-1,
html[data-theme="dark"] h2.fw-bold,
html[data-theme="dark"] h4.fw-bold {
    color: var(--white);
}

html[data-theme="dark"] .site-nav .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .site-nav .nav-link:hover,
html[data-theme="dark"] .site-nav .nav-link.active {
    color: var(--white);
}

html[data-theme="dark"] .calculator-section,
html[data-theme="dark"] .careers-section {
    background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%);
    border-top-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .products-section,
html[data-theme="dark"] .contact-section {
    background: linear-gradient(180deg, var(--ink-2) 0%, var(--bg) 100%);
    border-top-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .page-header {
    background: linear-gradient(135deg, #060a0c 0%, var(--ink-2) 100%);
    border-bottom-color: rgba(253, 223, 0, 0.3);
}

html[data-theme="dark"] .faq-section {
    background: linear-gradient(180deg, var(--bg) 0%, var(--ink-2) 100%);
}

html[data-theme="dark"] .calc-box {
    background: rgba(26, 26, 26, 0.8);
    backdrop-filter: blur(20px);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .calc-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .calc-tab {
    color: rgba(255, 255, 255, 0.5);
}

html[data-theme="dark"] .calc-tab:hover {
    color: rgba(255, 255, 255, 0.8);
}

html[data-theme="dark"] .calc-tab.active {
    color: var(--white);
    background: rgba(253, 223, 0, 0.04);
}

html[data-theme="dark"] .calc-item__header h5 {
    color: rgba(255, 255, 255, 0.7);
}

html[data-theme="dark"] .hallmark-options label {
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .hallmark-options label:hover {
    color: var(--white);
}

html[data-theme="dark"] .calc-label {
    color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .calc-input-box {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .calc-input-value {
    color: var(--white);
}

html[data-theme="dark"] .calc-unit {
    color: rgba(255, 255, 255, 0.4);
}

html[data-theme="dark"] .calc-range {
    background: linear-gradient(to right, var(--brand) 0%, rgba(255, 255, 255, 0.1) 0%);
}

html[data-theme="dark"] .calc-range::-webkit-slider-thumb {
    border-color: var(--ink);
}

html[data-theme="dark"] .calc-range::-moz-range-thumb {
    border-color: var(--ink);
}

html[data-theme="dark"] .calc-divider {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .calc-add-btn {
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.5);
}

html[data-theme="dark"] .calc-results {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .calc-result-label {
    color: rgba(255, 255, 255, 0.5);
}

html[data-theme="dark"] .calc-result-value {
    color: var(--white);
}

html[data-theme="dark"] .calc-result-divider {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .product-title {
    color: var(--white);
}

html[data-theme="dark"] .product-card {
    background: var(--card);
    border-color: var(--line);
}

html[data-theme="dark"] .product-card:hover {
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .product-icon-wrap {
    background: rgba(253, 223, 0, 0.1);
    color: var(--brand);
}

html[data-theme="dark"] .product-card:hover .product-icon-wrap {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .product-link {
    color: var(--white);
}

html[data-theme="dark"] .product-link:hover {
    color: var(--brand);
}

html[data-theme="dark"] .products-list-title {
    color: #fff;
}

html[data-theme="dark"] .products-list-section {
    background: var(--bg);
}

html[data-theme="dark"] .products-pagination .page-link {
    background: var(--card);
    color: var(--text);
    border-color: var(--line);
}

html[data-theme="dark"] .products-pagination .page-link:hover,
html[data-theme="dark"] .products-pagination .page-item.active .page-link {
    background: var(--brand);
    border-color: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .pd-benefits {
    background: var(--ink-2);
}

html[data-theme="dark"] .benefit-box {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .benefit-box h4 {
    color: var(--white);
}

html[data-theme="dark"] .pd-process {
    background: var(--bg);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .timeline::before {
    background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .step-marker {
    background: var(--ink-2);
    color: var(--white);
    box-shadow: 0 0 0 6px var(--bg);
}

html[data-theme="dark"] .timeline-step:hover .step-marker {
    color: var(--ink);
    background: var(--brand);
}

html[data-theme="dark"] .step-content h4 {
    color: var(--white);
}

html[data-theme="dark"] .fintech-card {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .fintech-card h3 {
    color: var(--white);
}

html[data-theme="dark"] .fintech-card p {
    color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .icon-surface {
    background: rgba(253, 223, 0, 0.1);
    color: var(--brand);
}

html[data-theme="dark"] .link-text {
    color: rgba(255, 255, 255, 0.8);
}

html[data-theme="dark"] .arrow-circle {
    background: rgba(255, 255, 255, 0.05);
    color: var(--white);
}

html[data-theme="dark"] .fintech-card__watermark {
    color: var(--white);
}

html[data-theme="dark"] .fintech-card:hover {
    background: #152023;
    border-color: rgba(253, 223, 0, 0.4);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(253, 223, 0, 0.08);
}

html[data-theme="dark"] .fintech-card:hover h3 {
    color: var(--white);
}

html[data-theme="dark"] .fintech-card:hover p {
    color: rgba(255, 255, 255, 0.9);
}

html[data-theme="dark"] .fintech-card:hover .icon-surface {
    background: var(--brand);
    color: var(--ink);
    box-shadow: 0 4px 15px rgba(253, 223, 0, 0.2);
}

html[data-theme="dark"] .fintech-card:hover .link-text {
    color: var(--brand);
}

html[data-theme="dark"] .fintech-card:hover .arrow-circle {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .fintech-card:hover .fintech-card__watermark {
    opacity: 0.03;
    color: var(--brand);
}

html[data-theme="dark"] .careers-premium-card {
    background: rgba(16, 25, 27, 0.9);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .careers-section .careers-label {
    color: rgba(255, 255, 255, 0.7);
}

html[data-theme="dark"] .custom-accordion .accordion-item {
    background-color: var(--ink-2);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .custom-accordion .accordion-button {
    color: var(--white);
}

html[data-theme="dark"] .custom-accordion .accordion-button::after {
    filter: grayscale(100%) brightness(3);
}

html[data-theme="dark"] .about-feature {
    background: var(--card);
    border-color: var(--line);
}

html[data-theme="dark"] .about-feature__icon {
    background: rgba(253, 223, 0, 0.1);
}

html[data-theme="dark"] .contact-info-card {
    background: var(--card);
    border-color: var(--line);
}

html[data-theme="dark"] .contact-info-card .form-control,
html[data-theme="dark"] .contact-info-card textarea {
    background: var(--bg) !important;
    color: var(--text);
    border-color: var(--line) !important;
}

html[data-theme="dark"] .contact-icon {
    background: rgba(253, 223, 0, 0.08);
}

html[data-theme="dark"] .cta-banner {
    background:
        linear-gradient(135deg, rgba(253, 223, 0, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%);
}

html[data-theme="dark"] .cta-banner::before {
    background: radial-gradient(circle, rgba(253, 223, 0, 0.08), transparent 60%);
}

html[data-theme="dark"] .cta-banner__title {
    color: var(--white);
}

html[data-theme="dark"] .cta-banner__text {
    color: rgba(255, 255, 255, 0.65);
}

html[data-theme="dark"] .mini-process-banner {
    background: var(--ink-2);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .help-center-card {
    background: var(--ink-2);
}

html[data-theme="dark"] .help-box {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}


/* ==========================================================================
   YENİ HR/KARYERA SƏHİFƏSİ ÜÇÜN DARK MODE
   ========================================================================== */

html[data-theme="dark"] .hr-values-section,
html[data-theme="dark"] .vacancies-section {
    background: var(--ink-2);
}

html[data-theme="dark"] .recruitment-process-section {
    background: var(--bg);
}

html[data-theme="dark"] .oversized-manifesto,
html[data-theme="dark"] .premium-value-card h4,
html[data-theme="dark"] .process-step-card h5,
html[data-theme="dark"] .v-title,
html[data-theme="dark"] .v-action-text {
    color: var(--white);
}

html[data-theme="dark"] .premium-value-card,
html[data-theme="dark"] .premium-vacancy-card {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .process-step-card {
    background: var(--ink-2);
    border-color: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .process-step-card:hover {
    background: var(--card);
}

html[data-theme="dark"] .step-icon {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
}

html[data-theme="dark"] .process-step-card:hover .step-icon {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .p-card-bg-icon,
html[data-theme="dark"] .step-watermark {
    color: var(--white);
    opacity: 0.02;
}

html[data-theme="dark"] .bento-badge {
    background: rgba(16, 25, 27, 0.85);
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .v-footer {
    border-top-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .v-meta span {
    color: rgba(255, 255, 255, 0.8);
}

html[data-theme="dark"] .v-tag-secondary,
html[data-theme="dark"] .v-action-btn {
    background: rgba(255, 255, 255, 0.05);
    color: var(--white);
}

html[data-theme="dark"] .premium-vacancy-card:hover .v-action-btn {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .fintech-process-section,
html[data-theme="dark"] .premium-support-deck {
    background: var(--ink-2);
    border-top-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .modern-process-card {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .modern-process-card h4 {
    color: var(--white);
}

html[data-theme="dark"] .section-title-modern {
    color: var(--white);
}

html[data-theme="dark"] .card-step-badge {
    color: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .support-split-card.light-deck {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .light-deck h3 {
    color: var(--white);
}

html[data-theme="dark"] .light-deck .deck-tag {
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .manifesto-section,
html[data-theme="dark"] .hr-values-section,
html[data-theme="dark"] .vacancies-section {
    background: var(--ink-2);
}

html[data-theme="dark"] .manifesto-highlight::after {
    background: rgba(253, 223, 0, 0.1);
    box-shadow: 0 0 15px rgba(253, 223, 0, 0.1);
}

html[data-theme="dark"] .recruitment-process-section {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .hr-value-card,
html[data-theme="dark"] .vacancy-card {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .oversized-manifesto,
html[data-theme="dark"] .hr-value-card h4,
html[data-theme="dark"] .vacancy-title,
html[data-theme="dark"] .r-step-content h5 {
    color: var(--white);
}

html[data-theme="dark"] .hr-value-icon {
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .hr-value-card:hover .hr-value-icon {
    background: var(--brand);
}

html[data-theme="dark"] .recruitment-timeline::before {
    background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .r-step-marker {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

html[data-theme="dark"] .vacancy-info-wrap {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .v-info-item span {
    color: rgba(255, 255, 255, 0.8);
}

html[data-theme="dark"] .v-tag {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.65);
}

html[data-theme="dark"] .faq-search-box {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .faq-search-box .form-control {
    color: var(--white);
}

html[data-theme="dark"] .premium-accordion .accordion-item {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .premium-accordion .accordion-button {
    color: var(--white);
}

html[data-theme="dark"] .premium-accordion .accordion-button:not(.collapsed) {
    color: var(--white);
}

html[data-theme="dark"] .premium-accordion .accordion-button::after {
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .premium-accordion .accordion-button:not(.collapsed)::after {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .premium-accordion .accordion-body {
    color: rgba(255, 255, 255, 0.7);
}

html[data-theme="dark"] .faq-cta-card {
    background: rgba(253, 223, 0, 0.03);
    border-color: rgba(253, 223, 0, 0.1);
}

html[data-theme="dark"] .faq-cta-card h4 {
    color: var(--white) !important;
}

html[data-theme="dark"] .faq-cta-icon {
    background: var(--card);
}

html[data-theme="dark"] .premium-tabs {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .premium-tabs .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

html[data-theme="dark"] .premium-tabs .nav-link:hover {
    color: var(--white);
}

html[data-theme="dark"] .premium-tabs .nav-link.active {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .premium-report-card {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .report-title {
    color: var(--white) !important;
}

html[data-theme="dark"] .report-desc,
html[data-theme="dark"] .report-date {
    color: rgba(255, 255, 255, 0.7);
}

html[data-theme="dark"] .r-card-watermark {
    color: var(--white);
    opacity: 0.02;
}

html[data-theme="dark"] .r-card-footer {
    border-top-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .btn-download {
    background: rgba(255, 255, 255, 0.05);
    color: var(--white);
}

html[data-theme="dark"] .premium-report-card:hover .btn-download {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .premium-info-card,
html[data-theme="dark"] .premium-contact-form,
html[data-theme="dark"] .c-social-btn {
    background: var(--card);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .pi-text strong,
html[data-theme="dark"] .c-social-btn,
html[data-theme="dark"] .premium-contact-form h3,
html[data-theme="dark"] .form-label {
    color: var(--white);
}

html[data-theme="dark"] .pi-icon {
    background: rgba(255, 255, 255, 0.05);
    color: var(--brand);
}

html[data-theme="dark"] .premium-info-card:hover .pi-icon,
html[data-theme="dark"] .c-social-btn:hover {
    background: var(--brand);
    color: var(--ink);
}

html[data-theme="dark"] .premium-map-wrapper {
    border-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .premium-map-wrapper iframe {
    filter: invert(90%) hue-rotate(180deg) contrast(1.1) opacity(0.8);
}

html[data-theme="dark"] .premium-map-wrapper:hover iframe {
    filter: invert(90%) hue-rotate(180deg) contrast(1.1) opacity(1);
}

html[data-theme="dark"] .about-page,
html[data-theme="dark"] .about-intro,
html[data-theme="dark"] .about-process {
    background: #0b1114;
}

html[data-theme="dark"] .about-principles,
html[data-theme="dark"] .about-links,
html[data-theme="dark"] .about-process__content {
    background: #10191b;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .about-title,
html[data-theme="dark"] .about-heading h2,
html[data-theme="dark"] .about-feature__body h3,
html[data-theme="dark"] .about-principle-card h3,
html[data-theme="dark"] .about-process-step h3,
html[data-theme="dark"] .about-process__badge h3 {
    color: var(--white);
}

html[data-theme="dark"] .about-feature,
html[data-theme="dark"] .about-process-step {
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .about-feature__icon,
html[data-theme="dark"] .about-principle-card__icon {
    background: rgba(253, 223, 0, 0.12);
    color: var(--brand);
}

html[data-theme="dark"] .about-principle-card {
    background: #0f171a;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .about-process__badge {
    background: rgba(16, 25, 27, 0.9);
    border-color: rgba(255, 255, 255, 0.08);
}

/* MOBILE MENU DARK MODE */
html[data-theme="dark"] .navbar-collapse {
    background:
        radial-gradient(circle at 85% 12%, rgba(253, 223, 0, 0.1), transparent 30%),
        linear-gradient(180deg, var(--card) 0%, var(--bg) 100%);
}

html[data-theme="dark"] .site-nav .nav-link {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--white);
}

html[data-theme="dark"] .site-nav .nav-link:hover,
html[data-theme="dark"] .site-nav .nav-link.active,
html[data-theme="dark"] .site-nav .nav-link.is-active {
    background: rgba(253, 223, 0, 0.12) !important;
    color: var(--white);
}

html[data-theme="dark"] .mobile-panel {
    border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .mobile-panel__row,
html[data-theme="dark"] .mobile-panel__meta .header-meta__item {
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .mobile-panel__meta .header-meta__item {
    color: var(--white);
}

@media (max-width: 991.98px) {
    html[data-theme="dark"] body.mobile-menu-open .header-main::before {
        background: var(--card);
        border-bottom-color: var(--brand);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    }
}