/* ============================================================
   spiitz-dark.css — Finitions premium mode sombre SPIITZ
   Toujours chargé EN DERNIER (après spiitz-dark-generated.css)
   ============================================================ */

/* ---------- Transition douce au basculement ---------- */
html.spiitz-theme-transition,
html.spiitz-theme-transition *,
html.spiitz-theme-transition *::before,
html.spiitz-theme-transition *::after {
    transition:
        background-color 0.28s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.28s ease,
        fill 0.22s ease !important;
}

/* ---------- Canvas & typo ---------- */
html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #070709;
    --surface: #101014;
    --surface-2: #18181f;
    --surface-3: #22222a;
    --chrome-bg: #12121a;
    --footer-bg: #0c0c12;
    --border: #2a2a35;
    --border-strong: #3a3a48;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background: var(--bg, #070709) !important;
    color: #f5f5f5;
}

html[data-theme="dark"] .main {
    background: var(--bg, #070709);
}

html[data-theme="dark"] a {
    color: inherit;
}

html[data-theme="dark"] a:hover {
    color: #ffffff;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #fafafa;
}

html[data-theme="dark"] ::selection {
    background: rgba(255, 56, 92, 0.38);
    color: #ffffff;
}

html[data-theme="dark"] *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: var(--bg, #070709);
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background: #3a3a45;
    border-radius: 999px;
    border: 2px solid var(--bg, #070709);
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
    background: #444444;
}

/* ---------- Navigation — chrome surélevé vs fond page ---------- */
html[data-theme="dark"] .app-nav {
    background: var(--chrome-bg, #12121a) !important;
    backdrop-filter: saturate(150%) blur(18px);
    -webkit-backdrop-filter: saturate(150%) blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 28px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .app-nav__icon {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .app-nav__link {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .app-nav__link:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff;
}

html[data-theme="dark"] .app-nav__link.active,
html[data-theme="dark"] .app-nav__logo {
    color: #ffffff !important;
}

html[data-theme="dark"] img.spiitz-brand-logo,
html[data-theme="dark"] .spiitz-brand-logo,
html[data-theme="dark"] .spiitz-wordmark,
html[data-theme="dark"] .auth-logo-img,
html[data-theme="dark"] .annonce-detail-modal__logo,
html[data-theme="dark"] .desktop-nav-wordmark,
html[data-theme="dark"] .app-nav__logo-img,
html[data-theme="dark"] .site-footer__logo,
html[data-theme="dark"] .error-page-logo,
html[data-theme="dark"] .age-verification-logo {
    /* SVG avec couleurs en dur → wordmark blanc en mode sombre */
    filter: brightness(0) invert(1);
}

/* Header sombre : logo blanc (écrase le noir du header clair) */
html[data-theme="dark"] .app-nav__logo .spiitz-brand-logo-wrap img,
html[data-theme="dark"] header.header .logo .spiitz-brand-logo-wrap img,
html[data-theme="dark"] .desktop-nav-logo-link .spiitz-brand-logo-wrap img {
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .app-bottom-nav {
    background: var(--chrome-bg, #12121a) !important;
    backdrop-filter: saturate(150%) blur(18px);
    -webkit-backdrop-filter: saturate(150%) blur(18px);
    border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow:
        0 -1px 0 rgba(255, 255, 255, 0.05),
        0 -10px 28px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .app-bottom-nav__item {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .app-bottom-nav__item i {
    color: #d1d5db;
}

html[data-theme="dark"] .app-bottom-nav__item span {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .app-bottom-nav__item.active,
html[data-theme="dark"] .app-bottom-nav__item.active i,
html[data-theme="dark"] .app-bottom-nav__item.active span {
    color: var(--brand, #ff385c);
}

html[data-theme="dark"] .header,
html[data-theme="dark"] .desktop-nav-specific {
    background: var(--chrome-bg, #12121a) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
}

/* ---------- Footer — bande distincte du canvas ---------- */
html[data-theme="dark"] .site-footer {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 18%),
        var(--footer-bg, #0c0c12) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    margin-top: 40px;
}

html[data-theme="dark"] .site-footer__bottom {
    border-top-color: rgba(255, 255, 255, 0.1);
    color: #666666;
}

/* ---------- Barres & toolbars (alignées sur le chrome nav) ---------- */
html[data-theme="dark"] .messages-tabs,
html[data-theme="dark"] .messages-toolbar,
html[data-theme="dark"] .header-desktop-back,
html[data-theme="dark"] .messages-sidebar-tabs,
html[data-theme="dark"] .messages-sidebar-search {
    background: var(--chrome-bg, #12121a) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---------- Cartes & surfaces ---------- */
html[data-theme="dark"] .lieux-place-card,
html[data-theme="dark"] .annonce-card,
html[data-theme="dark"] .member-card,
html[data-theme="dark"] .room-card,
html[data-theme="dark"] .salon-card,
html[data-theme="dark"] .homefix-card,
html[data-theme="dark"] .profil-header,
html[data-theme="dark"] .pa-panel,
html[data-theme="dark"] .pa-stat-card,
html[data-theme="dark"] .pa-hero,
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .spiitz-modal__panel,
html[data-theme="dark"] .notification-modal-content,
html[data-theme="dark"] .report-modal-content,
html[data-theme="dark"] .deposer-modal-content,
html[data-theme="dark"] .pwa-install-prompt {
    background: var(--surface, #0d0d0d) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .annonces-list-status__card {
    background: var(--surface-2, #161616) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .annonces-list-status__icon {
    background: var(--surface, #0d0d0d) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--text-soft) !important;
}
html[data-theme="dark"] .annonces-list-status__card--hint .annonces-list-status__icon {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.25) !important;
    color: var(--brand) !important;
}
html[data-theme="dark"] .annonces-list-status__card--end .annonces-list-status__icon {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
    color: #34d399 !important;
}
html[data-theme="dark"] .annonces-list-status__text {
    color: var(--text-soft) !important;
}
html[data-theme="dark"] .annonces-list-status__card--end .annonces-list-status__text {
    color: var(--text) !important;
}

html[data-theme="dark"] .lieux-place-card:hover,
html[data-theme="dark"] .annonce-card:hover,
html[data-theme="dark"] .member-card:hover,
html[data-theme="dark"] .room-card:hover {
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .lieux-place-name,
html[data-theme="dark"] .annonce-title,
html[data-theme="dark"] .member-name,
html[data-theme="dark"] .room-name {
    color: #fafafa !important;
}

html[data-theme="dark"] .lieux-place-city,
html[data-theme="dark"] .lieux-place-announcements,
html[data-theme="dark"] .annonce-meta,
html[data-theme="dark"] .member-meta,
html[data-theme="dark"] .room-sub,
html[data-theme="dark"] .text-soft,
html[data-theme="dark"] .muted,
html[data-theme="dark"] [class*="subtitle"],
html[data-theme="dark"] [class*="description"],
html[data-theme="dark"] [class*="-meta"],
html[data-theme="dark"] .form-description {
    color: var(--text-soft, #b0b0b0) !important;
}

/* ---------- Filtres, onglets, chips ---------- */
html[data-theme="dark"] .salons-tabs,
html[data-theme="dark"] .lieux-mode-switch,
html[data-theme="dark"] .salons-kind-filter,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .reports-filter-block {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .salons-tab,
html[data-theme="dark"] .lieux-mode-btn,
html[data-theme="dark"] .filter-chip,
html[data-theme="dark"] .reports-chip {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .salons-tab.active,
html[data-theme="dark"] .lieux-mode-btn.active,
html[data-theme="dark"] .filter-chip.active,
html[data-theme="dark"] .reports-chip.active {
    background: rgba(255, 56, 92, 0.14) !important;
    color: var(--brand, #ff385c) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
}

html[data-theme="dark"] .pill {
    background: rgba(255, 56, 92, 0.14) !important;
    color: #ff8fa3 !important;
}

/* ---------- Formulaires ---------- */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not(.global-search-input),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select:not(.global-search-type-select),
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .edit-input,
html[data-theme="dark"] .edit-select,
html[data-theme="dark"] .edit-textarea,
html[data-theme="dark"] .search-input {
    background: var(--surface-2, #161616) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

/* Barre recherche — une seule pilule uniforme, sans cadre interne sur l'input */
html[data-theme="dark"] .global-search-wrapper,
html[data-theme="dark"] .global-search-wrapper:hover,
html[data-theme="dark"] .global-search-wrapper:focus-within,
html[data-theme="dark"] .register-city-search .global-search-wrapper,
html[data-theme="dark"] .profil-edit-city-search .global-search-wrapper {
    background: var(--surface-2, #161616) !important;
    background-color: var(--surface-2, #161616) !important;
    border: 1px solid var(--border, #2a2a35) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .global-search-type-selector,
html[data-theme="dark"] .global-search-input-container,
html[data-theme="dark"] .global-search-actions {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .global-search-type-select,
html[data-theme="dark"] .global-search-type-select:hover,
html[data-theme="dark"] .global-search-type-select:focus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .global-search-reset-inline,
html[data-theme="dark"] .global-search-reset-inline:hover,
html[data-theme="dark"] .register-city-search .global-search-reset-inline,
html[data-theme="dark"] .register-city-search .global-search-reset-inline:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .register-city-search .global-search-actions {
    border-left-color: var(--border, #2a2a35) !important;
}

html[data-theme="dark"] .register-city-search .global-search-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] .form-input:focus,
html[data-theme="dark"] .edit-input:focus {
    border-color: var(--brand, #ff385c) !important;
    box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.2) !important;
    background: var(--surface-3, #1f1f1f) !important;
}

html[data-theme="dark"] .global-search-wrapper input,
html[data-theme="dark"] .global-search-wrapper input:focus,
html[data-theme="dark"] .global-search-wrapper select,
html[data-theme="dark"] .global-search-wrapper select:focus,
html[data-theme="dark"] .global-search-input,
html[data-theme="dark"] .global-search-input:focus,
html[data-theme="dark"] .global-search-input[readonly],
html[data-theme="dark"] .global-search-type-select,
html[data-theme="dark"] .global-search-type-select:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #666666 !important;
}

html[data-theme="dark"] input:disabled,
html[data-theme="dark"] textarea:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] button:disabled {
    opacity: 0.45;
}

/* ---------- Modales & tiroirs ---------- */
html[data-theme="dark"] .profile-modal-overlay .profile-modal-backdrop,
html[data-theme="dark"] .spiitz-modal__backdrop,
html[data-theme="dark"] .auth-modal-backdrop,
html[data-theme="dark"] .premium-modal-backdrop,
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .staff-pbg,
html[data-theme="dark"] .staff-modal-bg {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px);
}

html[data-theme="dark"] .profile-modal-overlay .profile-modal-panel,
html[data-theme="dark"] .auth-modal-content,
html[data-theme="dark"] .premium-modal-content,
html[data-theme="dark"] .temoignage-modal-content,
html[data-theme="dark"] .confirm-modal-content,
html[data-theme="dark"] .modal-content {
    background: var(--surface, #0d0d0d) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-modal-hero {
    background: linear-gradient(165deg, rgba(255, 56, 92, 0.16) 0%, var(--surface, #0d0d0d) 60%) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-nav-link {
    color: #f0f0f0;
}

html[data-theme="dark"] .profile-modal-overlay .profile-nav-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-modal-footer {
    background: #000000 !important;
    border-top-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-toggle-slider {
    background: #3a3a3a !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-toggle-switch input:checked + .profile-toggle-slider {
    background: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-toggle-slider::before {
    background: #ffffff !important;
}

/* ---------- Messages & conversation ---------- */
html[data-theme="dark"] body.page-conversation .conversation-page-header,
html[data-theme="dark"] .conversation-page-header,
html[data-theme="dark"] .messages-header,
html[data-theme="dark"] .messages-sidebar-header {
    background: rgba(0, 0, 0, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-container,
html[data-theme="dark"] .messages-sidebar,
html[data-theme="dark"] .messages-two-pane {
    background: #000000 !important;
}

html[data-theme="dark"] .messages-list-item,
html[data-theme="dark"] .conversation-list-item {
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .messages-list-item:hover,
html[data-theme="dark"] .conversation-list-item:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .messages-list-item.active,
html[data-theme="dark"] .conversation-list-item.active {
    background: rgba(255, 56, 92, 0.1) !important;
}

html[data-theme="dark"] .message-bubble.received,
html[data-theme="dark"] .conv-message.received,
html[data-theme="dark"] .conversation-page-message.received,
html[data-theme="dark"] .chat-message.other,
html[data-theme="dark"] .message-row .bubble:not(.own) {
    background: var(--surface-2, #161616) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    color: #f0f0f0 !important;
}

html[data-theme="dark"] .message-bubble.sent,
html[data-theme="dark"] .conv-message.sent,
html[data-theme="dark"] .conversation-page-message.sent,
html[data-theme="dark"] .message-row.own .bubble {
    background: rgba(255, 56, 92, 0.22) !important;
    border: 1px solid rgba(255, 56, 92, 0.35) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .conversation-page-input-wrapper,
html[data-theme="dark"] .salon-input-bar,
html[data-theme="dark"] .composer-bar {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Salons temps réel ---------- */
html[data-theme="dark"] .salon-shell,
html[data-theme="dark"] .salon-main,
html[data-theme="dark"] .chat-area,
html[data-theme="dark"] .salons-wrap {
    background: #000000 !important;
}

html[data-theme="dark"] .salon-sidebar,
html[data-theme="dark"] .participants-panel,
html[data-theme="dark"] .menu-dropdown {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Admin monitoring ---------- */
html[data-theme="dark"] .am-wall-body,
html[data-theme="dark"] .admin-monitor {
    background: #000000 !important;
}

html[data-theme="dark"] .am-head,
html[data-theme="dark"] .monitor-card,
html[data-theme="dark"] .am-stat,
html[data-theme="dark"] .am-drawer,
html[data-theme="dark"] .am-wall-login-card,
html[data-theme="dark"] .am-room-row {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f5f5f5;
}

html[data-theme="dark"] .am-stat:hover,
html[data-theme="dark"] .am-room-row:hover {
    background: var(--surface-2, #161616) !important;
}

html[data-theme="dark"] .am-tab.active {
    color: var(--brand, #ff385c) !important;
    border-color: var(--brand, #ff385c) !important;
}

/* ---------- Médias (ne pas assombrir les photos) ---------- */
html[data-theme="dark"] .lieux-place-image,
html[data-theme="dark"] .annonce-image,
html[data-theme="dark"] .member-photo,
html[data-theme="dark"] .salon-card-image,
html[data-theme="dark"] .room-card-thumb,
html[data-theme="dark"] .profile-modal-photo img,
html[data-theme="dark"] .header-profile-photo,
html[data-theme="dark"] .app-nav__avatar img {
    background: transparent !important;
}

html[data-theme="dark"] .profile-modal-overlay .profile-modal-photo {
    background: linear-gradient(135deg, var(--brand, #ff385c), var(--brand-dark, #e11d48)) !important;
    box-shadow: 0 10px 28px rgba(255, 56, 92, 0.22) !important;
}

html[data-theme="dark"] .no-photo-placeholder,
html[data-theme="dark"] .app-nav__avatar-fallback {
    background: var(--ph-bg, #222222) !important;
    color: var(--ph-text, #888888) !important;
}

/* ---------- Cartes & cartographie ---------- */
html[data-theme="dark"] .leaflet-container {
    background: #0a0a0a !important;
}

html[data-theme="dark"] .leaflet-popup-content-wrapper,
html[data-theme="dark"] .leaflet-popup-tip {
    background: var(--surface, #0d0d0d) !important;
    color: #f5f5f5 !important;
    border: 1px solid var(--border, #2a2a2a);
}

html[data-theme="dark"] .leaflet-control-zoom a {
    background: var(--surface-2, #161616) !important;
    color: #f5f5f5 !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Boutons ---------- */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .auth-button,
html[data-theme="dark"] .homefix-cta-btn.homefix-primary,
html[data-theme="dark"] .premium-modal-btn.primary,
html[data-theme="dark"] .temoignage-modal-btn.submit,
html[data-theme="dark"] .confirm-modal-btn.confirm,
html[data-theme="dark"] .visiteur-action-btn.primary,
html[data-theme="dark"] button[type="submit"]:not(.btn-secondary):not(.btn-cancel):not(.profile-btn-logout) {
    background: var(--brand, #ff385c) !important;
    border-color: var(--brand, #ff385c) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(255, 56, 92, 0.28) !important;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .premium-modal-btn.secondary,
html[data-theme="dark"] .temoignage-modal-btn.cancel,
html[data-theme="dark"] .confirm-modal-btn.cancel,
html[data-theme="dark"] .boost-modal .btn-cancel,
html[data-theme="dark"] .visiteur-action-btn.secondary {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .profile-btn-logout,
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .menu-item.danger {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

/* ---------- Badges & alertes ---------- */
html[data-theme="dark"] .annonce-badge.plan {
    background: rgba(234, 88, 12, 0.15) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .membres-boosted-pill.boost,
html[data-theme="dark"] .lieu-premium-badge,
html[data-theme="dark"] .premium-badge {
    background: rgba(251, 191, 36, 0.12) !important;
    color: #fcd34d !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

html[data-theme="dark"] .lieux-partner-badge,
html[data-theme="dark"] .lieu-detail-partner-badge {
    background: linear-gradient(135deg, var(--brand), #7c3aed) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255, 56, 92, 0.35) !important;
}

html[data-theme="dark"] .lieux-place-card.lieu-partenaire {
    background:
        linear-gradient(var(--surface), var(--surface)) padding-box,
        linear-gradient(135deg, var(--brand), #7c3aed) border-box !important;
}

/* ---------- Modales boost (header doré — dark) ---------- */
html[data-theme="dark"] .boost-modal__header,
html[data-theme="dark"] .annonce-detail-modal__panel--boost .annonce-detail-modal__header {
    background: linear-gradient(165deg, #3d2a0a 0%, #2a1f08 48%, #422006 100%) !important;
    border-bottom-color: rgba(245, 158, 11, 0.28) !important;
}

html[data-theme="dark"] .boost-modal__eyebrow,
html[data-theme="dark"] .annonce-detail-modal__panel--boost .annonce-detail-modal__eyebrow {
    color: #fcd34d !important;
}

html[data-theme="dark"] .boost-modal__header-text h2,
html[data-theme="dark"] .annonce-detail-modal__panel--boost .annonce-detail-modal__title {
    color: #fef3c7 !important;
}

html[data-theme="dark"] .boost-modal__header-text p {
    color: rgba(254, 243, 199, 0.78) !important;
}

html[data-theme="dark"] .boost-modal__stat {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18), rgba(245, 158, 11, 0.06)) !important;
    border-color: rgba(245, 158, 11, 0.32) !important;
}

html[data-theme="dark"] .boost-modal__stat-copy strong {
    color: #fef3c7 !important;
}

html[data-theme="dark"] .boost-modal__stat-copy span,
html[data-theme="dark"] .boost-modal__footnote {
    color: rgba(254, 243, 199, 0.62) !important;
}

html[data-theme="dark"] .boost-modal__pitch {
    color: rgba(254, 243, 199, 0.82) !important;
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.2) !important;
}

html[data-theme="dark"] .boost-modal__pin {
    border-color: rgba(254, 243, 199, 0.35) !important;
}

html[data-theme="dark"] .boost-modal-close,
html[data-theme="dark"] .annonce-detail-modal__panel--boost .annonce-detail-modal__close {
    background: rgba(42, 31, 8, 0.88) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .boost-modal-close:hover,
html[data-theme="dark"] .annonce-detail-modal__panel--boost .annonce-detail-modal__close:hover {
    background: rgba(66, 32, 6, 0.95) !important;
    border-color: #d97706 !important;
    color: #fde68a !important;
}

html[data-theme="dark"] .boost-modal__price-panel {
    background: linear-gradient(165deg, rgba(66, 32, 6, 0.55) 0%, rgba(42, 31, 8, 0.45) 52%, rgba(28, 22, 8, 0.5) 100%) !important;
    border-color: rgba(245, 158, 11, 0.32) !important;
}

html[data-theme="dark"] .boost-modal .price-amount {
    color: #fcd34d !important;
}

html[data-theme="dark"] body.page-salon-chat #boostModal .modal-head {
    background: linear-gradient(165deg, #3d2a0a 0%, #2a1f08 48%, #422006 100%) !important;
    border-bottom-color: rgba(245, 158, 11, 0.28) !important;
}

html[data-theme="dark"] body.page-salon-chat #boostModal .modal-title {
    color: #fef3c7 !important;
}

html[data-theme="dark"] body.page-salon-chat #boostModal .modal-head .icon-btn {
    background: rgba(42, 31, 8, 0.88) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .notification-success,
html[data-theme="dark"] .auth-message.success,
html[data-theme="dark"] .reports-flash.ok {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.28) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .notification-error,
html[data-theme="dark"] .auth-message.error,
html[data-theme="dark"] .reports-flash.err {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .room-place-link,
html[data-theme="dark"] .hot {
    color: var(--brand, #ff385c) !important;
}

/* ---------- Abonnement ---------- */
html[data-theme="dark"] .main.abonnement .plan-card,
html[data-theme="dark"] .main.abonnement .support-section,
html[data-theme="dark"] .pricing-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .main.abonnement .plan-card.featured {
    border-color: rgba(255, 56, 92, 0.4) !important;
    box-shadow: 0 0 0 1px rgba(255, 56, 92, 0.2), 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

/* ---------- Tables ---------- */
html[data-theme="dark"] table th {
    background: var(--surface-2, #161616) !important;
    color: var(--text-soft, #b0b0b0) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] table td {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #f0f0f0;
}

html[data-theme="dark"] tr:hover td {
    background: rgba(255, 255, 255, 0.03) !important;
}

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

html[data-theme="dark"] .spiitz-modal-header--premium,
html[data-theme="dark"] .premium-modal-header {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.22) 0%, rgba(245, 158, 11, 0.12) 55%, var(--surface, #0d0d0d) 100%) !important;
    border-bottom-color: rgba(251, 191, 36, 0.28) !important;
}

html[data-theme="dark"] .premium-note,
html[data-theme="dark"] .premium-sell-box {
    background: rgba(251, 191, 36, 0.08) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

html[data-theme="dark"] .membres-premium-modal-header {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.22) 0%, rgba(245, 158, 11, 0.12) 55%, var(--surface, #0d0d0d) 100%) !important;
    border-bottom: 1px solid rgba(251, 191, 36, 0.28) !important;
}

@media (max-width: 768px) {
    html[data-theme="dark"] body.page-conversation .conversation-page-input-area,
    html[data-theme="dark"] .page-salon-chat .input {
        background: rgba(13, 13, 13, 0.96) !important;
        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45) !important;
        border-top-color: rgba(255, 255, 255, 0.08) !important;
    }
}

/* Profil — réseaux sociaux */
html[data-theme="dark"] .profil-social-link {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}
html[data-theme="dark"] .profil-social-link-handle,
html[data-theme="dark"] .profil-social-hint,
html[data-theme="dark"] .profil-social-field-label {
    color: var(--text-soft, #b0b0b0) !important;
}
html[data-theme="dark"] .profil-social-link--mym {
    background: linear-gradient(135deg, rgba(217, 70, 239, 0.16) 0%, var(--surface-2, #161616) 100%) !important;
    border-color: rgba(217, 70, 239, 0.35) !important;
}
html[data-theme="dark"] .profil-social-link--onlyfans {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.16) 0%, var(--surface-2, #161616) 100%) !important;
    border-color: rgba(14, 165, 233, 0.35) !important;
}
html[data-theme="dark"] .profil-social-link--top4fans {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.16) 0%, var(--surface-2, #161616) 100%) !important;
    border-color: rgba(249, 115, 22, 0.35) !important;
}

/* Lieu détail — bandeau d'avertissement rouge */
html[data-theme="dark"] .lieu-detail-page-warning {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .lieu-detail-page-warning-content {
    background: linear-gradient(135deg, var(--brand, #ff385c), var(--brand-dark, #e11d48)) !important;
    background-color: transparent !important;
    color: #fff !important;
}
html[data-theme="dark"] .lieu-detail-page-warning-icon {
    background: none !important;
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .lieu-detail-page-warning-icon i {
    color: #fff !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

/* ---------- Albums privés (chat, modales, viewer) ---------- */
html[data-theme="dark"] .conversation-album-grant-card {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(135deg, var(--surface-2, #161616) 0%, var(--surface, #0d0d0d) 100%) !important;
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .conversation-album-grant-card.is-consumed {
    opacity: 0.65;
    border-color: var(--border, #2a2a2a) !important;
    background: var(--surface-2, #161616) !important;
}

html[data-theme="dark"] .conversation-album-grant-icon {
    background: rgba(255, 56, 92, 0.18) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .conversation-album-grant-body strong {
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .album-share-content,
html[data-theme="dark"] .private-album-viewer-card,
html[data-theme="dark"] .pa-viewer-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .album-share-item {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .album-share-item-name {
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .album-share-close,
html[data-theme="dark"] .private-album-viewer-head button,
html[data-theme="dark"] .pa-viewer-close {
    background: var(--surface-2, #161616) !important;
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] .album-share-hint,
html[data-theme="dark"] .private-album-viewer-status,
html[data-theme="dark"] .pa-viewer-status {
    color: var(--text-soft, #b0b0b0) !important;
}

/* ============================================================
   DARK MODE — PAGE PAR PAGE (finitions manuelles)
   ============================================================ */

/* ---------- Global — modales SPIITZ ---------- */
html[data-theme="dark"] .spiitz-modal-header,
html[data-theme="dark"] .deposer-modal-header {
    background: linear-gradient(135deg, rgba(255, 56, 92, 0.14) 0%, var(--surface, #0d0d0d) 52%, var(--surface-2, #161616) 100%) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .spiitz-modal-close:hover {
    background: var(--surface-2, #161616) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
}

html[data-theme="dark"] .deposer-progress,
html[data-theme="dark"] .modal-propose-progress {
    background: var(--surface, #0d0d0d) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .deposer-modal-close:hover {
    background: rgba(255, 56, 92, 0.14) !important;
}

/* ---------- Modale CGU ---------- */
html[data-theme="dark"] .cgu-modal__panel {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.65) !important;
}

html[data-theme="dark"] .cgu-modal__header {
    background: linear-gradient(165deg, rgba(255, 56, 92, 0.14) 0%, var(--surface, #0d0d0d) 52%, var(--surface-2, #161616) 100%) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

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

html[data-theme="dark"] .cgu-modal__subtitle,
html[data-theme="dark"] .cgu-modal__body,
html[data-theme="dark"] .cgu-modal__body p,
html[data-theme="dark"] .cgu-modal__body li {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .cgu-modal__body h2,
html[data-theme="dark"] .cgu-modal__body b,
html[data-theme="dark"] .cgu-modal__body strong {
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .cgu-modal__close {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text-soft, #b0b0b0) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .cgu-modal__close:hover {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .deposer-modal .fixed-location,
html[data-theme="dark"] .deposer-modal .fixed-mobility,
html[data-theme="dark"] .deposer-modal .expiration-info,
html[data-theme="dark"] .deposer-modal .boost-info,
html[data-theme="dark"] .deposer-modal #customDateGroup {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .deposer-modal .photos-upload-container {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .deposer-modal .photo-upload-btn {
    background: var(--surface-3, #1f1f1f) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text-soft, #b0b0b0) !important;
}

/* ---------- Accueil (page-home) ---------- */
html[data-theme="dark"] body.page-home {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] .homefix-hero-section {
    background: linear-gradient(165deg, rgba(255, 56, 92, 0.12) 0%, #000000 55%, #0d0d0d 100%) !important;
}

html[data-theme="dark"] .homefix-beta-banner {
    background: linear-gradient(135deg, rgba(255, 56, 92, 0.14) 0%, rgba(13, 13, 13, 0.96) 55%, rgba(13, 13, 13, 1) 100%) !important;
    border-color: rgba(255, 56, 92, 0.22) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .homefix-beta-banner__icon {
    color: rgba(255, 56, 92, 0.45);
}

html[data-theme="dark"] .homefix-slider-btn {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .homefix-slider-btn:hover:not(:disabled) {
    background: var(--surface-2, #161616) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .homefix-cta-content {
    background: linear-gradient(135deg, rgba(255, 56, 92, 0.22) 0%, rgba(225, 29, 72, 0.14) 100%) !important;
    border: 1px solid rgba(255, 56, 92, 0.28) !important;
}

html[data-theme="dark"] .homefix-cta-btn.homefix-primary {
    background: var(--surface, #0d0d0d) !important;
    color: var(--brand, #ff385c) !important;
    border: 1px solid rgba(255, 56, 92, 0.35) !important;
}

html[data-theme="dark"] .homefix-category-card,
html[data-theme="dark"] .homefix-seo-annonce-card {
    background: var(--surface, #0d0d0d) !important;
}

html[data-theme="dark"] .room-card.boosted,
html[data-theme="dark"] .salons-wrap .room-card.boosted {
    background: linear-gradient(165deg, rgba(251, 191, 36, 0.1) 0%, var(--surface, #0d0d0d) 52%, #111111 100%) !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
}

/* ---------- Lieux (page-lieux) ---------- */
html[data-theme="dark"] body.page-lieux {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] .lieux-map-popup,
html[data-theme="dark"] .custom-popup,
html[data-theme="dark"] .lieux-place-popup {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .lieux-mode-switch {
    background: var(--surface-2, #161616) !important;
}

html[data-theme="dark"] body.page-lieux .lieux-search-section,
html[data-theme="dark"] body.page-lieux .lieux-filters-section,
html[data-theme="dark"] body.page-lieux .lieux-filters-container,
html[data-theme="dark"] body.page-annonces .annonces-filters-section,
html[data-theme="dark"] body.page-annonces .annonces-filters-container {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* ---------- Annonces (page-annonces) ---------- */
html[data-theme="dark"] body.page-annonces {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] .annonce-badge.boire {
    background: rgba(168, 85, 247, 0.14) !important;
    color: #d8b4fe !important;
}

html[data-theme="dark"] .annonce-badge.sortie {
    background: rgba(234, 179, 8, 0.14) !important;
    color: #fde047 !important;
}

html[data-theme="dark"] .annonce-badge.peu-importe {
    background: var(--surface-2, #161616) !important;
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonces-type-tab,
html[data-theme="dark"] .annonce-detail-page-badge {
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Membres (page-membres) ---------- */
html[data-theme="dark"] body.page-membres {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] body.page-membres .membres-main,
html[data-theme="dark"] body.page-membres .membres-content-wrapper,
html[data-theme="dark"] body.page-membres .membres-search-section,
html[data-theme="dark"] body.page-membres .membres-filters-section,
html[data-theme="dark"] body.page-membres .membres-filters-container,
html[data-theme="dark"] body.page-membres .global-search-container {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

html[data-theme="dark"] .membres-member-card,
html[data-theme="dark"] .membres-boosted-card {
    background: var(--surface, #0d0d0d) !important;
}

html[data-theme="dark"] .membres-filter-chip {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Salons liste (page-salons) ---------- */
html[data-theme="dark"] body.page-salons,
html[data-theme="dark"] .salons-wrap {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] .salons-tabs-wrap,
html[data-theme="dark"] .salons-toolbar {
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .salons-toolbar {
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .salons-search,
html[data-theme="dark"] .salons-search:focus-within {
    background: var(--surface-2, #161616) !important;
    border: 1px solid var(--border, #2a2a35) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .salons-search input,
html[data-theme="dark"] .salons-search input:focus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .salons-search i {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] body.page-salons .salons-filter-btn {
    background: var(--surface-2, #18181f) !important;
    border-color: var(--border, #2a2a35) !important;
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] body.page-salons .salons-filter-btn:hover {
    background: rgba(255, 56, 92, 0.1) !important;
    border-color: rgba(255, 56, 92, 0.4) !important;
    color: #ff8fa3 !important;
}

html[data-theme="dark"] body.page-salons .salons-filter-btn.active {
    background: var(--brand, #ff385c) !important;
    border-color: var(--brand, #ff385c) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-salons .salons-view-toggle-btn,
html[data-theme="dark"] body.page-salons .lieux-view-toggle-btn {
    background: var(--surface-2, #18181f) !important;
    border-color: var(--border, #2a2a35) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] body.page-salons .salons-view-toggle-btn:hover,
html[data-theme="dark"] body.page-salons .lieux-view-toggle-btn:hover {
    background: rgba(255, 56, 92, 0.1) !important;
    border-color: rgba(255, 56, 92, 0.4) !important;
    color: #ff8fa3 !important;
}

html[data-theme="dark"] .salons-empty-state {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .room-card.place-room .room-type-pill {
    background: rgba(255, 56, 92, 0.12) !important;
    color: #ff8fa3 !important;
}

html[data-theme="dark"] .salons-rooms-section-head {
    color: var(--text, #f5f5f5);
}

html[data-theme="dark"] .salons-rooms-section-head i {
    background: rgba(255, 56, 92, 0.14) !important;
    color: var(--brand, #ff385c);
}

html[data-theme="dark"] .salons-rooms-separator {
    color: var(--text-soft, #b0b0b0);
}

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

/* ---------- Salon chat (page-salon-chat) ---------- */
html[data-theme="dark"] body.page-salon-chat {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-salon-chat .head,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .head {
    background: var(--surface, #0d0d0d) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .msgs-stage,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .wrap {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-salon-chat .msgs {
    background: transparent !important;
}

html[data-theme="dark"] body.page-salon-chat .msgs-brand::before {
    opacity: 0.12;
    filter: invert(1) grayscale(1);
}

html[data-theme="dark"] body.page-salon-chat .bubble:not(.own),
html[data-theme="dark"] body.page-salon-chat .msg .bubble:not(.own),
html[data-theme="dark"] body.page-salon-chat .msg-row:not(.me) .msg-text {
    background: var(--surface-2, #161616) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-left-color: rgba(255, 56, 92, 0.42) !important;
    color: #f0f0f0 !important;
}

html[data-theme="dark"] body.page-salon-chat .sys span {
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-row:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-name {
    color: #f5f5f5 !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-name--supervisor {
    color: #f87171 !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-name--moderator {
    color: #fbbf24 !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-status {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-member-avatar {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] body.page-salon-chat .msg-img-btn {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] body.page-salon-chat .input,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .input {
    background: var(--surface, #0d0d0d) !important;
    border-top-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .input textarea,
html[data-theme="dark"] body.page-salon-chat .input input {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] body.page-salon-chat .menu-dropdown,
html[data-theme="dark"] body.page-salon-chat .dropdown {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .menu-item,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .menu-item {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f0f0f0 !important;
}

html[data-theme="dark"] body.page-salon-chat .menu-item:hover,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .menu-item:hover {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.28) !important;
}

html[data-theme="dark"] body.page-salon-chat .menu-item.danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
}

html[data-theme="dark"] body.page-salon-chat .icon-btn,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .salon-page-header-btn {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] body.page-salon-chat .icon-btn:hover,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .salon-page-header-btn:hover {
    background: rgba(255, 56, 92, 0.14) !important;
    border-color: rgba(255, 56, 92, 0.28) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] body.page-salon-chat .icon-btn.danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] body.page-salon-chat .modal-card,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .modal-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .modal-head,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .modal-head {
    background: var(--surface-2, #161616) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .modal-title,
html[data-theme="dark"] body.page-salon-chat .page-salon-chat .modal-title {
    color: #fafafa !important;
}

html[data-theme="dark"] body.page-salon-chat .salon-modal-boost-banner {
    background: rgba(251, 191, 36, 0.1) !important;
    border-bottom-color: rgba(251, 191, 36, 0.28) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] body.page-salon-chat .boost-card,
html[data-theme="dark"] body.page-salon-chat .participants-panel {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-salon-chat .btn-secondary {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] body.page-salon-chat .mod select,
html[data-theme="dark"] body.page-salon-chat .mod input {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: #f5f5f5 !important;
}

/* ---------- Messages (page-messages) ---------- */
html[data-theme="dark"] body.page-messages {
    background: var(--bg, #070709) !important;
}

html[data-theme="dark"] body.page-messages .messages-container,
html[data-theme="dark"] body.page-messages .messages-panel {
    background: var(--bg, #070709) !important;
    border-color: var(--border, #2a2a35) !important;
}

html[data-theme="dark"] body.page-messages .messages-tabs,
html[data-theme="dark"] body.page-messages .messages-toolbar {
    background: var(--chrome-bg, #12121a) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body.page-messages .messages-tab {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] body.page-messages .messages-tab.active {
    color: var(--brand, #ff385c) !important;
    border-bottom-color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] body.page-messages .conversation-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] body.page-messages .conversation-card-premium-priority {
    background: rgba(255, 56, 92, 0.08) !important;
}

html[data-theme="dark"] body.page-messages .conversation-swipe-delete {
    background: #b91c1c !important;
}

html[data-theme="dark"] body.page-messages .messages-search-input {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .messages-sidebar-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .messages-sidebar-card.active {
    background: rgba(255, 56, 92, 0.1) !important;
}

html[data-theme="dark"] .messages-sidebar-card.is-premium-priority {
    background: rgba(255, 56, 92, 0.08) !important;
}

/* ---------- Conversation (page-conversation) ---------- */
html[data-theme="dark"] body.page-conversation .conversation-ad-banner {
    background: var(--surface, #0d0d0d) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner:hover {
    background: var(--surface-2, #161616) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner__thumb--emoji,
html[data-theme="dark"] body.page-conversation .conversation-ad-banner__thumb--rencontre {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner__thumb--plan {
    background: rgba(234, 88, 12, 0.12) !important;
    border-color: rgba(234, 88, 12, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner__thumb--boire {
    background: rgba(168, 85, 247, 0.12) !important;
    border-color: rgba(168, 85, 247, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner__thumb--sortie {
    background: rgba(234, 179, 8, 0.12) !important;
    border-color: rgba(234, 179, 8, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-ad-banner__expired {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-compose-lock--blocked {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-compose-lock--blocked .conversation-page-compose-lock-msg strong {
    color: #fca5a5 !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-compose-lock--moderation_locked {
    background: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.28) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-compose-lock--moderation_locked .conversation-page-compose-lock-msg strong {
    color: #fcd34d !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-message-bubble {
    background: var(--surface-2, #161616) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    color: #f0f0f0 !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-message-mine .conversation-page-message-bubble {
    background: rgba(255, 56, 92, 0.22) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-action-btn:hover {
    background: rgba(255, 56, 92, 0.12) !important;
}

html[data-theme="dark"] body.page-conversation .conversation-page-recent-media-content,
html[data-theme="dark"] body.page-conversation .conversation-modal-content {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Profil (page-profil) ---------- */
html[data-theme="dark"] body.page-profil {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-profil .profil-main,
html[data-theme="dark"] body.page-profil .profil-content-wrapper,
html[data-theme="dark"] body.page-profil .profil-container {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-profil .profil-info-section,
html[data-theme="dark"] body.page-profil .profil-tab-pane .profil-info-section {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-profil .profil-tabs-header {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-profil .profil-tab-btn {
    color: var(--text-soft, #b0b0b0);
}

html[data-theme="dark"] body.page-profil .profil-tab-btn.active {
    color: var(--brand, #ff385c) !important;
    border-bottom-color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] body.page-profil .profil-stat-item {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-profil .profil-private-album-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-profil .header-desktop-back {
    background: transparent !important;
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] body.page-profil .header-desktop-back-content {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.page-profil .header-desktop-back-btn {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] body.page-profil .header-desktop-back-btn:hover {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] body.page-profil .profil-hero-back-btn {
    background: rgba(0, 0, 0, 0.52) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

html[data-theme="dark"] body.page-profil .profil-hero-back-btn:active {
    background: rgba(0, 0, 0, 0.68) !important;
}

/* ---------- Lieu détail (page-lieu-detail) ---------- */
html[data-theme="dark"] body.page-lieu-detail {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-lieu-detail .lieu-detail-page-content-wrapper,
html[data-theme="dark"] body.page-lieu-detail .lieu-detail-page-main {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-lieu-detail .lieu-detail-page-info-section {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-lieu-detail .lieu-detail-page-action-btn-hero:hover {
    background: var(--surface-2, #161616) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .place-reviews-modal-content {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .place-reviews-modal .reviews-stats {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .place-reviews-modal .review-item {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .place-reviews-modal .review-author-photo {
    border-color: var(--surface-3, #1f1f1f) !important;
    box-shadow: 0 0 0 1px var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .place-reviews-modal .review-rating {
    background: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.28) !important;
    color: #fcd34d !important;
}

/* ---------- Annonce détail (page-annonce-detail) ---------- */
html[data-theme="dark"] body.page-annonce-detail {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-annonce-detail .annonce-detail-page-content,
html[data-theme="dark"] body.page-annonce-detail .annonce-detail-page-sidebar {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-annonce-detail .annonce-detail-page-section {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Modal détail annonce — textes & cartes infos ---------- */
html[data-theme="dark"] .annonce-detail-modal__panel {
    background: var(--bg, #070709) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .annonce-detail-modal__header {
    background: linear-gradient(165deg, rgba(255, 56, 92, 0.1) 0%, var(--surface, #0d0d0d) 72%) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .annonce-detail-modal__title {
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .annonce-detail-modal__close {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-modal__close:hover {
    background: rgba(255, 56, 92, 0.12) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .annonce-detail-section,
html[data-theme="dark"] .annonce-detail-contact-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .annonce-detail-section-title,
html[data-theme="dark"] .annonce-detail-contact-title {
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .annonce-detail-description,
html[data-theme="dark"] .annonce-detail-description p {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-contact-item,
html[data-theme="dark"] .annonce-detail-contact-item span {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-contact-item--ref strong {
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .annonce-detail-date,
html[data-theme="dark"] .annonce-detail-meta span,
html[data-theme="dark"] .annonce-detail-modal-submeta,
html[data-theme="dark"] .annonce-detail-responses,
html[data-theme="dark"] .annonce-detail-modal-participants-count {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-main .tag {
    background: var(--surface-2, #161616) !important;
    color: var(--text-soft, #b0b0b0) !important;
    border: 1px solid var(--border, #2a2a2a);
}

html[data-theme="dark"] .annonce-detail-main .tag:hover {
    background: rgba(255, 56, 92, 0.12) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .annonce-detail-modal__body .annonce-detail-modal__actions {
    background: var(--surface, #0d0d0d) !important;
    border-top-color: var(--border, #2a2a2a) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .annonce-detail-main.expired .annonce-detail-main-content {
    opacity: 0.52;
    filter: grayscale(0.88);
}

html[data-theme="dark"] .annonce-detail-expired-photos {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .annonce-detail-expired-photos__badge {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-expired-photos__text {
    color: var(--text-muted, #888) !important;
}

html[data-theme="dark"] .annonce-detail-modal__action-btn--primary.is-reply-disabled,
html[data-theme="dark"] .annonce-detail-modal__action-btn--primary.is-reply-disabled:disabled,
html[data-theme="dark"] .annonce-detail-modal__action-btn--primary.is-expired-action,
html[data-theme="dark"] .annonce-detail-modal__action-btn--primary.is-expired-action:disabled {
    background: var(--brand, #ff385c) !important;
    border-color: var(--brand, #ff385c) !important;
    color: #fff !important;
    opacity: 0.5 !important;
    filter: grayscale(0.35);
}

html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-pseudo {
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-age,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-gender,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-orientation,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-location,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-gender span,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-orientation span,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-member-card .membres-member-location span {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-participants-title,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-participants-info,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-no-participants,
html[data-theme="dark"] .annonce-detail-main--modal .annonce-detail-no-participants p {
    color: var(--text-soft, #b0b0b0) !important;
}

html[data-theme="dark"] .photo-modal-content {
    background: transparent !important;
}

html[data-theme="dark"] .photo-modal-close,
html[data-theme="dark"] .photo-modal-nav-btn {
    background: rgba(0, 0, 0, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

/* ---------- Abonnement (page-abonnement) ---------- */
html[data-theme="dark"] body.page-abonnement {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-abonnement .main {
    background: #000000 !important;
}

html[data-theme="dark"] .main.abonnement .plan-card .plan-features li {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* ---------- Pages compte pa-* (photos, modifier-compte, visiteurs) ---------- */
html[data-theme="dark"] body.page-photos-privees,
html[data-theme="dark"] body.page-modifier-compte,
html[data-theme="dark"] body.page-mes-visiteurs {
    background: #000000 !important;
}

html[data-theme="dark"] .pa-page,
html[data-theme="dark"] .pa-wrap {
    background: #000000 !important;
}

html[data-theme="dark"] .page-mon-lieu .mon-lieu-main {
    background: #000000 !important;
}

html[data-theme="dark"] .page-mon-lieu .mon-lieu-hero-card,
html[data-theme="dark"] .page-mon-lieu .mon-lieu-panel {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .page-mon-lieu .mon-lieu-hero-card {
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.18) 0%, var(--surface, #0d0d0d) 58%) !important;
}

html[data-theme="dark"] .page-mon-lieu .mon-lieu-upload-btn {
    background: rgba(124, 58, 237, 0.12) !important;
    border-color: rgba(168, 85, 247, 0.45) !important;
}

html[data-theme="dark"] .page-mon-lieu .mon-lieu-photo-card,
html[data-theme="dark"] .page-mon-lieu .mon-lieu-empty {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .pa-hero {
    background: linear-gradient(145deg, rgba(255, 56, 92, 0.14) 0%, var(--surface, #0d0d0d) 58%) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .pa-album-card,
html[data-theme="dark"] .pa-grant-card,
html[data-theme="dark"] .pa-slot-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .pa-album-photo-slot,
html[data-theme="dark"] .pa-upload-zone {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .visiteur-card,
html[data-theme="dark"] .visiteurs-list-item {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}

/* ---------- Auth (login, register, 404) ---------- */
html[data-theme="dark"] body.auth-body {
    background: #000000 !important;
}

html[data-theme="dark"] .auth-form-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .auth-form-wrapper {
    background: var(--surface, #0d0d0d) !important;
    border: 1px solid var(--border, #2a2a2a) !important;
    border-radius: var(--r-lg, 16px) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body.page-404 .error-page-card {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] body.page-404 .error-page-header {
    background: linear-gradient(135deg, rgba(255, 56, 92, 0.12) 0%, var(--surface-2, #161616) 100%) !important;
    border-bottom-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] body.page-404 .error-page-link {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
    color: var(--text, #f5f5f5) !important;
}

html[data-theme="dark"] body.page-404 .error-page-link:hover {
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: var(--brand, #ff385c) !important;
}

html[data-theme="dark"] .auth-radio-option {
    background: var(--surface-2, #161616) !important;
    border-color: var(--border, #2a2a2a) !important;
}

html[data-theme="dark"] .auth-radio-option:hover {
    border-color: rgba(255, 56, 92, 0.35) !important;
    background: rgba(255, 56, 92, 0.08) !important;
}

html[data-theme="dark"] .auth-progress-bar {
    background: var(--surface-3, #1f1f1f) !important;
}

/* ---------- Mes annonces (page-mes-annonces) ---------- */
html[data-theme="dark"] body.page-mes-annonces {
    background: #000000 !important;
}

html[data-theme="dark"] body.page-mes-annonces .stat-card,
html[data-theme="dark"] body.page-mes-annonces .annonce-card,
html[data-theme="dark"] body.page-mes-annonces .annonces-filters-container {
    background: var(--surface, #0d0d0d) !important;
    border-color: var(--border, #2a2a2a) !important;
}