/* Черный фон */
body.dark-theme,
body.dark-theme main,
body.dark-theme .delivery-confirm__container,
body.dark-theme .delivery-confirm{
    background-color: #121212;
    color: white;
}



body.dark-theme .ride-view-switch,
body.dark-theme .ride-empty-card,
body.dark-theme .empty-products,
body.dark-theme .empty-news,
body.dark-theme .taxi-extra-comment,
body.dark-theme .extras-sheet__footer,
body.dark-theme .extra-radio,
body.dark-theme .extra-check,
body.dark-theme .profile-actions-menu__item:hover,
body.dark-theme .reviews-empty-state,
body.dark-theme .profile-empty-state,
body.dark-theme .profile-about {
    background: none;
}

/* Цвет текста слабо серый */
body.dark-theme .mobile-actions button,
body.dark-theme .comment-reply-btn,
body.dark-theme .product-rating-number,
.section-links a:hover,
body.dark-theme .section-links a,
body.dark-theme .nav-links a,
body.dark-theme .nav-button,
body.dark-theme .ck-toolbar button,
body.dark-theme .hamburger-icon,
body.dark-theme .chat-last-message,
body.dark-theme .nav-button:hover,
body.dark-theme .category,
body.dark-theme .comment-delete-btn,
body.dark-theme .delete-news-btn,
body.dark-theme .news-views,
body.dark-theme .open-comments-btn,
body.dark-theme .like-count {
    color: #949494;
}

/* Фон слабо серый */
body.dark-theme .delivery-type-card input:checked + .delivery-type-card__content,
body.dark-theme .chip,
body.dark-theme .profile-sheet__cancel,
body.dark-theme .profile-actions-menu__item:hover,
body.dark-theme .already-driver,
body.dark-theme .dc-btn--ghost,
body.dark-theme #edit-preview,
body.dark-theme .chat-popover__item:hover,
body.dark-theme .chat-popover__item:active,
body.dark-theme #preview-container,
body.dark-theme #reply-preview,
body.dark-theme .cal-cell.is-selected,
body.dark-theme .reply-info,
body.dark-theme .category-list a:hover,
body.dark-theme .category-list a.active,
body.dark-theme .category-list ul li.active,
body.dark-theme .tt-suggestion:hover,
body.dark-theme .select-option:hover,
body.dark-theme .custom-select__dropdown a:hover,
body.dark-theme .toggle-btn.active,
body.dark-theme .add-product-form .checkbox-tags label,
body.dark-theme .taxi-instruction,
body.dark-theme .ride-info-box,
body.dark-theme .hamburger-icon span,
body.dark-theme .nav-left .btn:hover {
    background-color: #949494;
}

/* Фон серый */
body.dark-theme .ride-empty-card,
body.dark-theme .empty-products,
body.dark-theme .empty-news,
body.dark-theme .extras-sheet__dialog,
body.dark-theme .chat-input-area-taxi,
body.dark-theme .taxi-issue-type,
body.dark-theme .taxi-action-card,
body.dark-theme .detail-section--specs li,
body.dark-theme .add-product-form select,
body.dark-theme .add-product-form input,
body.dark-theme #settingsPanel.profile-sheet--desktop-popover .profile-sheet__content,
body.dark-theme .settings-panel__header,
body.dark-theme .product-menu,
body.dark-theme .profile-actions-menu,
body.dark-theme .review-modal__content,
body.dark-theme .reviews-empty-state,
body.dark-theme .profile-empty-state,
body.dark-theme .profile-card__rating,
body.dark-theme .profile-box.profile-card,
body.dark-theme .form-card,
body.dark-theme .form-section h2,
body.dark-theme .comment-more-menu,
body.dark-theme .dc-sticky,
body.dark-theme .dc-mini,
body.dark-theme .delivery-acc,
body.dark-theme .delivery-hero,
body.dark-theme .searchbar__cat:hover,
body.dark-theme .choice-btn,
body.dark-theme .news-more-menu,
body.dark-theme .beta-form input,
body.dark-theme .beta-form textarea,
body.dark-theme .btn-vk,
body.dark-theme .about-page,
body.dark-theme .chat-select-bottom,
body.dark-theme .chat-topbar,
body.dark-theme .call-modal-phone-two,
body.dark-theme .cal-cell,
body.dark-theme .autopost-modal-content,
body.dark-theme .cancel-warning-modal-content,
body.dark-theme .chat-modal-content-taxi,
body.dark-theme .chat-messages-taxi,
body.dark-theme .order-layout,
body.dark-theme .tt-menu,
body.dark-theme .tt-suggestion-item tt-suggestion tt-selectable,
body.dark-theme .select-option,
body.dark-theme .custom-select__dropdown a,
body.dark-theme .custom-select__btn,
body.dark-theme textarea,
body.dark-theme .review-card-form,
body.dark-theme .opisanie_ava,
body.dark-theme .text_ava,
body.dark-theme .booking-modal-content,
body.dark-theme .ride-form textarea,
body.dark-theme .ride-form input[type="number"],
body.dark-theme .ride-form input[type="time"],
body.dark-theme .ride-form input[type="date"],
body.dark-theme .ride-form input[type="text"],
body.dark-theme .ride-request-form textarea,
body.dark-theme .ride-request-form input,
body.dark-theme .ride-request-form-container,
body.dark-theme .ride-completed,
body.dark-theme .nav-button.active,
body.dark-theme .bottom-nav .nav-button.active,
body.dark-theme .section-links a.active,
body.dark-theme .nav-links a,
body.dark-theme .u-modal__content,
body.dark-theme .comment-emoji-picker-news-detail,
body.dark-theme .select-category,
body.dark-theme .text_product,
body.dark-theme .description_product,
body.dark-theme .price_product,
body.dark-theme .phone_product,
body.dark-theme .ride-filter-input,
body.dark-theme .ride-filter-row input,
body.dark-theme .button-map-delivery,
body.dark-theme .modal-delivery,
body.dark-theme .delivery-textarea,
body.dark-theme .delivery-select,
body.dark-theme .delivery-input,
body.dark-theme .btn,
body.dark-theme .category,
body.dark-theme .search-input,
body.dark-theme .modal_escape-content,
body.dark-theme .taxi-form-section textarea,
body.dark-theme .order-details-card,
body.dark-theme .trip-status-bar,
body.dark-theme .driver-panel,
body.dark-theme .confirmation-wrapper,
body.dark-theme .filter-item select option,
body.dark-theme .job-form,
body.dark-theme .dropdown-content,
body.dark-theme .intro-section,
body.dark-theme .hamburger-dropdown,
body.dark-theme #edit-form,
body.dark-theme .ride-canceled,
body.dark-theme .ride-active,
body.dark-theme .swal2-popup,
body.dark-theme #messageOptionsModal .modal-action,
body.dark-theme .modal-content-chat,
body.dark-theme .content-chat-input,
body.dark-theme .emoji-picker,
body.dark-theme #chat-form,
body.dark-theme .chat-header,
body.dark-theme .chat-container,
body.dark-theme .detail-container,
body.dark-theme .main-nav,
body.dark-theme .ride-form,
body.dark-theme .toggle-btn,
body.dark-theme .ride-item,
body.dark-theme .modal-content,
body.dark-theme .add-product-form,
body.dark-theme .product-item,
body.dark-theme .delivery-form-section,
body.dark-theme .delivery-info-block,
body.dark-theme .title-emoji-picker,
body.dark-theme .news-emoji-picker,
body.dark-theme .ck-editor__main .ck-editor__editable,
body.dark-theme .ck-icon,
body.dark-theme #addNewsForm select,
body.dark-theme .ck-editor__editable,
body.dark-theme .ck-placeholder,
body.dark-theme .ck-toolbar,
body.dark-theme .newsTitleInput,
body.dark-theme #addNewsModal .u-modal__content,
body.dark-theme .modal-content-category,
body.dark-theme .detail-info,
body.dark-theme .detail-description,
body.dark-theme .mobile-topbar,
body.dark-theme .taxi-panel,
body.dark-theme .hamburger-icon,
body.dark-theme .taxi-form-section select,
body.dark-theme .taxi-form-section input,
body.dark-theme .chat-search-form,
body.dark-theme .chat-link,
body.dark-theme .settings-dropdown,
body.dark-theme .review-card,
body.dark-theme .delivery-order,
body.dark-theme .stat-item,
body.dark-theme .profile-box,
body.dark-theme .more-menu,
body.dark-theme .bottom-nav,
body.dark-theme .product-tile,
body.dark-theme .product-info,
body.dark-theme .filter-item,
body.dark-theme .footer,
body.dark-theme .comment-emoji-picker,
body.dark-theme .vk-comment-input-wrapper,
body.dark-theme .comment,
body.dark-theme .modal-news-content,
body.dark-theme .mobile-actions,
body.dark-theme .news-card {
    background-color: #2e2e2e;
}

/* Фон средне серый */
body.dark-theme .ride-view-switch,
body.dark-theme .delivery-type-card__content,
body.dark-theme .cargo-fields,
body.dark-theme .delivery-cargo-help,
body.dark-theme .review-modal__field textarea:focus,
body.dark-theme #chat-input,
body.dark-theme .taxi-issue-type.is-active,
body.dark-theme .detail-section,
body.dark-theme .product-request-card,
body.dark-theme .profile-top-action,
body.dark-theme #promoCodesPopover .profile-menu-popover__section-title,
body.dark-theme .profile-menu-popover,
body.dark-theme .profile-sheet__item,
body.dark-theme .settings-panel__card,
body.dark-theme .publish-rules-item,
body.dark-theme .profile-about,
body.dark-theme .profile-info-row,
body.dark-theme .chat-modal-topbar,
body.dark-theme .chat-selectbar,
body.dark-theme .chat-popover,
body.dark-theme .dc-card,
body.dark-theme .add-btn,
body.dark-theme .searchbar,
body.dark-theme .ride-topbar,
body.dark-theme .news-menu-item:hover,
body.dark-theme .card-about,
body.dark-theme .about-hero {
    background-color: #3e3e3e;
}

/* Текст белый */
body.dark-theme .ride-view-switch__item,
body.dark-theme .ride-empty-card__title,
body.dark-theme .empty-products__title,
body.dark-theme .empty-news__title,
body.dark-theme .taxi-extra-comment,
body.dark-theme .extras-sheet__close,
body.dark-theme .dc-note,
body.dark-theme .text-delivery-price,
body.dark-theme .delivery-type-card__desc,
body.dark-theme .delivery-type-card__title,
body.dark-theme .delivery-cargo-help__content,
body.dark-theme .profile-card__name.is-default-name-color,
body.dark-theme .taxi-issue-type__title,
body.dark-theme .taxi-action-card__title,
body.dark-theme .call-modal-phone-number,
body.dark-theme .call-modal-phone-title,
body.dark-theme .detail-section h3,
body.dark-theme .detail-section .characteristic,
body.dark-theme .product-description-text,
body.dark-theme .detail-section--specs li strong,
body.dark-theme .product-meta-label,
body.dark-theme .product-meta-item,
body.dark-theme .product-meta-item i,
body.dark-theme .add-product-form select,
body.dark-theme .add-product-form input,
body.dark-theme .favorites-head__title,
body.dark-theme .product-request-card__desc,
body.dark-theme .product-request-card__contact,
body.dark-theme .product-request-card__contact,
body.dark-theme .product-request-card__title,
body.dark-theme .profile-top-action,
body.dark-theme .profile-menu-item,
body.dark-theme .profile-sheet__cancel,
body.dark-theme .profile-sheet__item,
body.dark-theme .settings-panel__row-left,
body.dark-theme .settings-link-row,
body.dark-theme .settings-panel__title,
body.dark-theme .news-emoji-btn,
body.dark-theme .title-emoji-btn,
body.dark-theme .publish-rules-item p,
body.dark-theme .publish-rules-item strong,
body.dark-theme .publish-rules-subtitle,
body.dark-theme .publish-rules-title,
body.dark-theme .news-section-chip.is-active,
body.dark-theme .chat-empty-state__title,
body.dark-theme .profull-back, 
body.dark-theme .profile-actions-menu__item,
body.dark-theme .review-modal__title,
body.dark-theme .reviews-empty-state__title,
body.dark-theme .profile-empty-state__title,
body.dark-theme .profile-about__text,
body.dark-theme .profile-info-row__value,
body.dark-theme .profile-card__rating-text,
body.dark-theme .profile-card__name,
body.dark-theme .chat-modal-back-btn,
body.dark-theme .chat-modal-topbar-name,
body.dark-theme .form-field label,
body.dark-theme .already-driver,
body.dark-theme .report-modal__label,
body.dark-theme .report-modal__title,
body.dark-theme .searchbar__submit,
body.dark-theme .comment-menu-item,
body.dark-theme #chatSearchInput,
body.dark-theme .topbar-btn,
body.dark-theme .dc-info,
body.dark-theme .dc-comment__meta,
body.dark-theme .dc-kv__k,
body.dark-theme .dc-row__label,
body.dark-theme .dc-price__label,
body.dark-theme .dc-mini__meta,
body.dark-theme .dc-mini__rightprice,
body.dark-theme .dc-mini__addr,
body.dark-theme .dc-muted,
body.dark-theme .chip,
body.dark-theme .searchbar__input,
body.dark-theme .searchbar__cat,
body.dark-theme .ride-back-btn,
body.dark-theme .ride-topbar,
body.dark-theme .choice-btn,
body.dark-theme .news-menu-item,
body.dark-theme .about-title,
body.dark-theme .about-subtitle,
body.dark-theme .field span,
body.dark-theme .card-subtitle,
body.dark-theme .meta-list,
body.dark-theme .contact-list,
body.dark-theme .meta-list li span,
body.dark-theme .contact-list li span,
body.dark-theme .card-title,
body.dark-theme .card-text,
body.dark-theme .btn-vk,
body.dark-theme .chat-back-btn,
body.dark-theme #chatSelectMessagesBtn,
body.dark-theme .chat-more-btn,
body.dark-theme .chat-selectbar__btn,
body.dark-theme .chat-selectbar__icon,
body.dark-theme #close-autopost-modal,
body.dark-theme #autopost-help-chevron,
body.dark-theme .how_ride_avto,
body.dark-theme .notifications,
body.dark-theme .reply-cancel-btn,
body.dark-theme .reply-info,
body.dark-theme .trip-car-info .car-model,
body.dark-theme .exit-label,
body.dark-theme .driver-name,
body.dark-theme .search-input,
body.dark-theme .tt-suggestion-item tt-suggestion tt-selectable,
body.dark-theme .select-option,
body.dark-theme .custom-select__dropdown a,
body.dark-theme .custom-select__btn,
body.dark-theme #addNewsForm option,
body.dark-theme .category,
body.dark-theme textarea,
body.dark-theme .review-card-form,
body.dark-theme .opisanie_ava,
body.dark-theme .text_ava,
body.dark-theme .booking-modal-header,
body.dark-theme .ride-form textarea,
body.dark-theme .ride-form input[type="number"],
body.dark-theme .ride-form input[type="time"],
body.dark-theme .ride-form input[type="date"],
body.dark-theme .ride-form input[type="text"],
body.dark-theme .ride-request-form textarea,
body.dark-theme .ride-request-form input,
body.dark-theme .taxi-title,
body.dark-theme .nav-button.active,
body.dark-theme .nav-button.active i,
body.dark-theme .bottom-nav .nav-button.active i,
body.dark-theme .bottom-nav .nav-button.active,
body.dark-theme .section-links a.active i,
body.dark-theme .section-links a.active,
body.dark-theme .nav-links a.active,
body.dark-theme .vk-comment-input-wrapper textarea,
body.dark-theme .comment-author,
body.dark-theme .content-chat-input,
body.dark-theme .select-category,
body.dark-theme .text_product,
body.dark-theme .description_product,
body.dark-theme .price_product,
body.dark-theme .phone_product,
body.dark-theme .add-product-form .checkbox-tags label,
body.dark-theme .ride-notes,
body.dark-theme .ride-filter-input,
body.dark-theme .delivery-textarea,
body.dark-theme .delivery-select,
body.dark-theme .delivery-input,
body.dark-theme .taxi-form-section textarea,
body.dark-theme .order-details-list li,
body.dark-theme .order-details-list strong,
body.dark-theme .details-title,
body.dark-theme .confirmation-wrapper strong,
body.dark-theme .confirmation-wrapper p,
body.dark-theme .job_taxi-button,
body.dark-theme .my-rides-link,
body.dark-theme .settings,
body.dark-theme .nav-button:hover,
body.dark-theme .section-title,
body.dark-theme .swal2-title,
body.dark-theme .swal2-html-container,
body.dark-theme #messageOptionsModal .modal-action,
body.dark-theme .chat-username,
body.dark-theme .detail-info h2,
body.dark-theme .user-name,
body.dark-theme .instruction-sub,
body.dark-theme .select-tag,
body.dark-theme .ride-form label,
body.dark-theme .toggle-btn,
body.dark-theme .add-product-form label,
body.dark-theme .delivery-info-block p,
body.dark-theme .newsTitleInput,
body.dark-theme .apf-label,
body.dark-theme #addNewsModal h2,
body.dark-theme .category-list a,
body.dark-theme .topbar-title,
body.dark-theme .taxi-form-section input,
body.dark-theme .payment_method,
body.dark-theme .taxi-form-section input,
body.dark-theme .chat-link,
body.dark-theme .global,
body.dark-theme .button-settings,
body.dark-theme .review-comment,
body.dark-theme .review-username,
body.dark-theme .product-name,
body.dark-theme .content-footer,
body.dark-theme .commentTextArea,
body.dark-theme .comment-author-profull,
body.dark-theme .comment-text,
body.dark-theme .author-name,
body.dark-theme .news-title,
body.dark-theme .news-content {
    color: white;
}

body.dark-theme #edit-content,
body.dark-theme .reply-content {
    color: black;
}

body.dark-theme .profile-card__top {
    background:
      linear-gradient(rgba(15, 23, 42, 0.34), rgba(15, 23, 42, 0.52)),
      var(--profile-cover-image),
      radial-gradient(circle at top right, rgba(var(--avatar-rgb, 13, 110, 253), 0.28), transparent 38%),
      linear-gradient(
        135deg,
        rgba(var(--avatar-rgb, 13, 110, 253), 0.20),
        rgba(15, 23, 42, 0.88)
      );
    background-size: cover, cover, auto, auto;
    background-position: center, center, center, center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}


@media (min-width: 769px) {
    body.dark-theme .detail-info,
    body.dark-theme .detail-container,
    body.dark-theme .settings-panel__header {
        background-color: #3e3e3e;
    }

    body.dark-theme .product-request-card {
        background-color: #2e2e2e;
    }
    body.dark-theme .detail-description {
        background-color: #121212;
    }
}

body.dark-theme .pk-fon-setting,
body.dark-theme .profile-menu-item:hover,
body.dark-theme .profile-sheet__content,
body.dark-theme .profile-box.profile-card {
    background: #2e2e2e;
}





body.dark-theme .profile-menu-divider {
    background: rgba(255,255,255,.08);
}

body.dark-theme .profile-menu-popover__section-title,
body.dark-theme .promo-code-empty,
body.dark-theme .promo-code-card__code,
body.dark-theme .promo-code-card__desc {
    color: #9ca3af;
}

body.dark-theme .promo-code-card {
    background: linear-gradient(180deg, #111827 0%, #18212f 100%);
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

body.dark-theme .promo-code-card__media {
    background: #0f172a;
    border-color: rgba(255,255,255,.06);
}

body.dark-theme .promo-code-card__title {
    color: #f9fafb;
}

body.dark-theme .promo-code-card__uses {
    background: rgba(255,255,255,.08);
    color: #e5e7eb;
}

body.dark-theme .promo-code-card__discount {
    background: rgba(59, 130, 246, 0.16);
    color: #93c5fd;
}

body.dark-theme .promo-code-card__scope {
    background: rgba(245, 158, 11, 0.14);
    color: #fbbf24;
}


body.dark-theme .profile-name-color-preview-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
    border-color: rgba(255,255,255,0.08);
}

body.dark-theme .profile-name-color-preview-card__label,
body.dark-theme .profile-name-color-preview-card__hint {
    color: #94a3b8;
}

body.dark-theme .chat-online-dot {
    border-color: #1f2937;
}