/* ==========================================================================
   SPIITZ — Modals V2 (tous sauf le détail d’annonce)
   Chargé en dernier (footer) pour passer après report-modal / spiitz-dialog.
   ========================================================================== */

body.page-design-v2 .deposer-modal,
body.page-design-v2 .confirm-modal,
body.page-design-v2 .confirm-modal.spiitz-dialog,
body.page-design-v2 .report-modal,
body.page-design-v2 .bug-report-modal,
body.page-design-v2 .temoignage-modal,
body.page-design-v2 .place-rating-modal,
body.page-design-v2 .boost-modal,
body.page-design-v2 .auth-modal,
body.page-design-v2 .cgu-modal,
body.page-design-v2 .notification-modal,
body.page-design-v2 .modal-overlay,
body.page-design-v2 .filters-modal,
body.page-design-v2 .membres-filters-modal-backdrop,
body.page-design-v2 .membres-age-modal-backdrop,
body.page-design-v2 .lieux-filters-modal,
body.page-design-v2 .global-location-modal,
body.page-design-v2 .block-user-modal,
body.page-design-v2 .premium-modal,
body.page-design-v2 .badge-info-modal {
    background: rgba(0, 0, 0, 0.72);
}

body.page-design-v2 .deposer-modal-backdrop,
body.page-design-v2 .confirm-modal-backdrop,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-backdrop,
body.page-design-v2 .report-modal-backdrop,
body.page-design-v2 .temoignage-modal-backdrop,
body.page-design-v2 .place-rating-modal-backdrop,
body.page-design-v2 .boost-modal-backdrop,
body.page-design-v2 .auth-modal-backdrop,
body.page-design-v2 .cgu-modal__backdrop {
    background: rgba(0, 0, 0, 0.62) !important;
}

body.page-design-v2 .boost-modal.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 11000 !important;
}

body.page-design-v2 .boost-modal.active .boost-modal-content {
    transform: translateY(0) !important;
}

body.page-design-v2 .deposer-modal-content,
body.page-design-v2 .confirm-modal-content,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-content,
body.page-design-v2 .report-modal-content,
body.page-design-v2 .temoignage-modal-content,
body.page-design-v2 .place-rating-modal-content,
body.page-design-v2 .boost-modal-content,
body.page-design-v2 .auth-modal-content,
body.page-design-v2 .cgu-modal__panel,
body.page-design-v2 .notification-modal-content,
body.page-design-v2 .modal-card,
body.page-design-v2 .filters-modal-content,
body.page-design-v2 .membres-filters-modal-content,
body.page-design-v2 .membres-age-modal-content,
body.page-design-v2 .lieux-filters-modal-content,
body.page-design-v2 .global-location-modal-content,
body.page-design-v2 .block-modal-content,
body.page-design-v2 .premium-modal-content,
body.page-design-v2 .badge-info-modal__panel,
body.page-design-v2 .salon-actions-sheet,
body.page-design-v2 .photo-modal-content {
    background: #08080b !important;
    border: 0 !important;
    color: #f3f3f5 !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55) !important;
}

body.page-design-v2 .auth-modal-content {
    overflow: hidden;
    padding: 0 !important;
    border-radius: 20px !important;
}

body.page-design-v2 .auth-modal-header {
    border-radius: 20px 20px 0 0;
    margin-bottom: 0 !important;
}

body.page-design-v2 .auth-modal-body {
    padding: 12px 20px 22px;
}

@media (max-width: 600px) {
    body.page-design-v2 .auth-modal-content {
        border-radius: 20px 20px 0 0 !important;
    }
}

html.design-v2 .deposer-modal-header,
html.design-v2 .deposer-modal-header.spiitz-modal-header,
html.design-v2 .spiitz-modal-header,
html.design-v2 .confirm-modal-header,
html.design-v2 .confirm-modal.spiitz-dialog .confirm-modal-header,
html.design-v2 .report-modal-header,
html.design-v2 .temoignage-modal-header,
html.design-v2 .place-rating-modal-header,
html.design-v2 .boost-modal__header,
html.design-v2 .auth-modal-header,
html.design-v2 .cgu-modal__header,
html.design-v2 .notification-header,
html.design-v2 .modal-head,
html.design-v2 .modal-header,
html.design-v2 .filters-modal-header,
html.design-v2 .membres-filters-modal-header,
html.design-v2 .membres-age-modal-header,
html.design-v2 .lieux-filters-modal-header,
html.design-v2 .global-location-modal-header,
html.design-v2 .location-modal-header,
html.design-v2 .moderation-modal-header,
html.design-v2 .photo-modal-header,
html.design-v2 .premium-modal-header,
html.design-v2 .membres-premium-modal-header,
html.design-v2 .sub-pay-modal__header,
html.design-v2 .pa-delete-modal__header,
html.design-v2 .annonce-detail-modal__header {
    padding: 12px 16px !important;
    background: linear-gradient(
        180deg,
        rgba(255, 56, 92, 0.42) 0%,
        #08080b 100%
    ) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* Les enfants (*__left / *__brand) ne doivent PAS reprendre le dégradé */
html.design-v2 .spiitz-modal-header__left,
html.design-v2 .spiitz-modal-header__brand,
html.design-v2 .spiitz-modal-header__icon,
html.design-v2 .spiitz-modal-header__title,
html.design-v2 .spiitz-modal-header__sub,
html.design-v2 .boost-modal__header-text,
html.design-v2 .sub-pay-modal__header-text,
html.design-v2 .annonce-detail-modal__header-text {
    background: none !important;
    background-image: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

html.design-v2 .spiitz-modal-header__icon,
html.design-v2 .annonce-detail-modal__logo {
    filter: brightness(0) invert(1) !important;
}

html.design-v2 .annonce-detail-modal__panel--boost .annonce-detail-modal__header {
    background: linear-gradient(
        180deg,
        rgba(251, 191, 36, 0.72) 0%,
        rgba(217, 119, 6, 0.28) 48%,
        #08080b 100%
    ) !important;
}

html.design-v2 .notification,
html.design-v2 .auth-message,
html.design-v2 .pa-toast,
html.design-v2 .ma-notification,
body.page-design-v2 .notification,
body.page-design-v2 .auth-message,
body.page-design-v2 .pa-toast,
body.page-design-v2 .ma-notification {
    top: auto !important;
    bottom: calc(var(--app-bottom-nav-h, 64px) + env(safe-area-inset-bottom, 0px) + 12px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 100200 !important;
    background: #14141c !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f3f3f5 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

html.design-v2 .pa-toast.show,
html.design-v2 .ma-notification.show,
html.design-v2 .auth-message.show,
body.page-design-v2 .pa-toast.show,
body.page-design-v2 .ma-notification.show,
body.page-design-v2 .auth-message.show {
    transform: translateX(-50%) !important;
}

@media (min-width: 769px) {
    html.design-v2 .notification,
    html.design-v2 .auth-message,
    html.design-v2 .pa-toast,
    html.design-v2 .ma-notification,
    body.page-design-v2 .notification,
    body.page-design-v2 .auth-message,
    body.page-design-v2 .pa-toast,
    body.page-design-v2 .ma-notification {
        bottom: 28px !important;
        left: auto !important;
        right: 24px !important;
        transform: none !important;
    }

    html.design-v2 .pa-toast.show,
    html.design-v2 .ma-notification.show,
    html.design-v2 .auth-message.show,
    body.page-design-v2 .pa-toast.show,
    body.page-design-v2 .ma-notification.show,
    body.page-design-v2 .auth-message.show {
        transform: none !important;
    }
}

body.page-design-v2 .notification-error,
body.page-design-v2 .auth-message.error,
body.page-design-v2 .field-error-message,
body.page-design-v2 .reports-flash.err,
body.page-design-v2 .ma-notification.error,
body.page-design-v2 .pa-toast--error {
    background: #1a1014 !important;
    border-color: rgba(255, 56, 92, 0.42) !important;
    color: #fecdd3 !important;
}

body.page-design-v2 .notification-success,
body.page-design-v2 .auth-message.success,
body.page-design-v2 .field-success-message,
body.page-design-v2 .reports-flash.ok,
body.page-design-v2 .ma-notification.success {
    background: #10201a !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
    color: #a7f3d0 !important;
}

body.page-design-v2 .notification-warning,
body.page-design-v2 .auth-message.warning,
body.page-design-v2 .ma-notification.warning {
    background: #1a160c !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #fde68a !important;
}

body.page-design-v2 .notification-info,
body.page-design-v2 .auth-message:not(.error):not(.success):not(.warning),
body.page-design-v2 .ma-notification.info {
    background: #14141c !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f3f3f5 !important;
}

body.page-design-v2 .notification .spiitz-toast__title,
body.page-design-v2 .auth-message .spiitz-toast__title,
body.page-design-v2 .notification .spiitz-toast__text,
body.page-design-v2 .auth-message .spiitz-toast__text,
body.page-design-v2 .auth-message .message-text {
    color: inherit !important;
}

body.page-design-v2 .notification-close,
body.page-design-v2 .auth-message .message-close,
body.page-design-v2 .pa-toast-close,
body.page-design-v2 .ma-notification-close {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

body.page-design-v2 .deposer-type-option,
body.page-design-v2 #step1 .radio-option.deposer-type-option,
body.page-design-v2 #step1 .deposer-type-option:focus,
body.page-design-v2 #step1 .deposer-type-option:active,
body.page-design-v2 #step1 .deposer-type-option:focus-visible {
    background: #16161e !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

html[data-theme="dark"] body.page-design-v2 #step1 .deposer-type-option--plan .deposer-type-emoji,
html[data-theme="dark"] body.page-design-v2 #step1 .deposer-type-option--boire .deposer-type-emoji,
html[data-theme="dark"] body.page-design-v2 #step1 .deposer-type-option--sortie .deposer-type-emoji,
html[data-theme="dark"] body.page-design-v2 #step1 .deposer-type-option--peu-importe .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--plan .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--boire .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--sortie .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--peu-importe .deposer-type-emoji {
    background: rgba(255, 255, 255, 0.08) !important;
}

body.page-design-v2 .deposer-progress {
    background: transparent !important;
    border-bottom: 0 !important;
}

body.page-design-v2 .deposer-progress-bar {
    background: rgba(255, 255, 255, 0.1) !important;
}

body.page-design-v2 .deposer-progress-fill {
    background: var(--brand, #ff385c) !important;
}

body.page-design-v2 .deposer-modal-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    gap: 10px;
}

body.page-design-v2 .deposer-modal-footer button,
body.page-design-v2 .deposer-modal-footer .btn-prev-step,
body.page-design-v2 .deposer-modal-footer .btn-next-step,
body.page-design-v2 .deposer-modal-footer .btn-publier {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
}

body.page-design-v2 .deposer-modal-footer,
body.page-design-v2 .confirm-modal-footer,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-footer,
body.page-design-v2 .report-modal-actions,
body.page-design-v2 .temoignage-modal-footer,
body.page-design-v2 .place-rating-modal-footer,
body.page-design-v2 .boost-modal-footer,
body.page-design-v2 .filters-modal-footer,
body.page-design-v2 .membres-filters-modal-footer,
body.page-design-v2 .lieux-filters-modal-footer,
body.page-design-v2 .global-location-modal-footer,
body.page-design-v2 .modal-actions {
    background: #0c0c10 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-modal-header h3,
body.page-design-v2 .deposer-modal-header .spiitz-modal-eyebrow,
body.page-design-v2 .deposer-modal-header .deposer-acting-account,
body.page-design-v2 .spiitz-modal-header h3,
body.page-design-v2 .spiitz-modal-header__title,
body.page-design-v2 .spiitz-modal-eyebrow,
body.page-design-v2 .confirm-modal-header h3,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-header h3,
body.page-design-v2 .report-modal-title,
body.page-design-v2 .temoignage-modal-header h3,
body.page-design-v2 .place-rating-modal-header h3,
body.page-design-v2 .modal-title,
body.page-design-v2 .auth-modal-title,
body.page-design-v2 .cgu-modal__title,
body.page-design-v2 .cgu-modal__eyebrow,
body.page-design-v2 .filters-modal-header h3,
body.page-design-v2 .boost-modal__eyebrow,
body.page-design-v2 .boost-modal__header-text h2 {
    color: #fff !important;
}

body.page-design-v2 .spiitz-modal-header__sub,
body.page-design-v2 .deposer-progress-text,
body.page-design-v2 .confirm-modal-body,
body.page-design-v2 .confirm-modal-body p,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-body p,
body.page-design-v2 .report-modal-description,
body.page-design-v2 .report-modal-label,
body.page-design-v2 .report-modal-body,
body.page-design-v2 .temoignage-modal-body,
body.page-design-v2 .temoignage-modal-body p,
body.page-design-v2 .place-rating-modal .form-group > label,
body.page-design-v2 .modal-body,
body.page-design-v2 .modal-body p,
body.page-design-v2 .modal-desc,
body.page-design-v2 .cgu-modal__subtitle,
body.page-design-v2 .auth-modal-subtitle,
body.page-design-v2 .deposer-modal-body,
body.page-design-v2 .deposer-step,
body.page-design-v2 .deposer-step h4,
body.page-design-v2 .deposer-step .form-group > label:not(.radio-option),
body.page-design-v2 .deposer-type-label,
body.page-design-v2 .deposer-ai-mode label {
    color: #f3f3f5 !important;
}

body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-body p,
body.page-design-v2 .modal-desc,
body.page-design-v2 .report-modal-description,
body.page-design-v2 .deposer-step .step-description,
body.page-design-v2 .deposer-ai-hint,
body.page-design-v2 .deposer-step .form-group small,
body.page-design-v2 .deposer-modal .form-help,
body.page-design-v2 .cgu-modal__subtitle,
body.page-design-v2 .auth-modal-subtitle {
    color: rgba(255, 255, 255, 0.68) !important;
}

body.page-design-v2 .deposer-modal-close,
body.page-design-v2 .confirm-modal-close,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-close,
body.page-design-v2 .report-modal-close,
body.page-design-v2 .temoignage-modal-close,
body.page-design-v2 .spiitz-modal-close,
body.page-design-v2 .filters-modal-close,
body.page-design-v2 .membres-filters-modal-close,
body.page-design-v2 .lieux-filters-modal-close,
body.page-design-v2 .boost-modal-close,
body.page-design-v2 .auth-modal-close,
body.page-design-v2 .cgu-modal__close,
body.page-design-v2 .modal-close-btn,
body.page-design-v2 .icon-btn.modal-close-btn,
body.page-design-v2 .global-location-modal-close {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-modal-close:hover,
body.page-design-v2 .confirm-modal-close:hover,
body.page-design-v2 .report-modal-close:hover,
body.page-design-v2 .spiitz-modal-close:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
}

body.page-design-v2 .confirm-modal-btn.cancel,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-btn.cancel,
body.page-design-v2 .report-modal-btn.cancel,
body.page-design-v2 .temoignage-modal-btn.cancel,
body.page-design-v2 .modal-actions .btn-secondary,
body.page-design-v2 .modal-card .btn-secondary,
body.page-design-v2 .deposer-modal-footer .btn-prev-step,
body.page-design-v2 .boost-modal .btn-cancel,
body.page-design-v2 .filters-modal-footer .btn-secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
}

body.page-design-v2 .confirm-modal-btn.confirm,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-btn.confirm,
body.page-design-v2 .report-modal-btn.submit,
body.page-design-v2 .temoignage-modal-btn.submit,
body.page-design-v2 .modal-actions .btn-primary,
body.page-design-v2 .modal-card .btn:not(.btn-secondary):not(.btn-ghost),
body.page-design-v2 .deposer-modal-footer .btn-next-step,
body.page-design-v2 .deposer-modal-footer .btn-publier,
body.page-design-v2 .boost-modal .btn-primary {
    background: var(--brand, #ff385c) !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.page-design-v2 .confirm-modal-btn.confirm.danger,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-btn.confirm.danger {
    background: #dc2626 !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-step .form-group input,
body.page-design-v2 .deposer-step .form-group textarea,
body.page-design-v2 .deposer-step .form-group select,
body.page-design-v2 .deposer-step #customTag,
body.page-design-v2 .deposer-ai-mode select,
body.page-design-v2 .report-modal-select,
body.page-design-v2 .report-modal-textarea,
body.page-design-v2 .place-rating-modal textarea,
body.page-design-v2 .place-rating-modal input,
body.page-design-v2 .temoignage-modal textarea,
body.page-design-v2 .temoignage-modal input,
body.page-design-v2 .modal-card input,
body.page-design-v2 .modal-card select,
body.page-design-v2 .modal-card textarea,
body.page-design-v2 .modal-body input,
body.page-design-v2 .modal-body select,
body.page-design-v2 .modal-body textarea,
body.page-design-v2 .salon-spiitzia-modal__select,
body.page-design-v2 .salon-automod-body input,
body.page-design-v2 .salon-automod-body select,
body.page-design-v2 .salon-automod-body textarea,
body.page-design-v2 .mod select,
body.page-design-v2 .mod input {
    background: #16161e !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-step .radio-option,
body.page-design-v2 .theme-tile {
    background: #16161e !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.page-design-v2 .deposer-step .radio-content,
body.page-design-v2 .deposer-step .radio-content span,
body.page-design-v2 .deposer-step .radio-content strong,
body.page-design-v2 .deposer-step .radio-content small,
body.page-design-v2 .deposer-type-label {
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-step .radio-content small {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.page-design-v2 .deposer-step .radio-content i,
body.page-design-v2 .deposer-step .radio-content .spiitz-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ff8aa0 !important;
    box-shadow: none !important;
}

body.page-design-v2 .deposer-step .radio-option:hover,
body.page-design-v2 .theme-tile:hover {
    background: #1c1c26 !important;
}

body.page-design-v2 .deposer-step .radio-option:has(input:checked),
body.page-design-v2 .theme-tile.active,
body.page-design-v2 .theme-tile.selected {
    background: rgba(255, 56, 92, 0.16) !important;
    border-color: var(--brand, #ff385c) !important;
}

body.page-design-v2 .deposer-step .radio-option:has(input:checked) .radio-content i,
body.page-design-v2 .deposer-step .radio-option:has(input:checked) .radio-content .spiitz-icon {
    background: var(--brand, #ff385c) !important;
    color: #fff !important;
}

body.page-design-v2 #step1 .deposer-type-emoji,
body.page-design-v2 .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--plan .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--boire .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--sortie .deposer-type-emoji,
body.page-design-v2 #step1 .deposer-type-option--peu-importe .deposer-type-emoji {
    background: rgba(255, 255, 255, 0.08) !important;
}

body.page-design-v2 .deposer-modal .photo-upload-btn,
body.page-design-v2 .deposer-modal .photo-upload-btn:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px dashed rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.page-design-v2 .deposer-modal .photo-upload-btn i,
body.page-design-v2 .deposer-modal .photo-upload-btn span,
body.page-design-v2 .deposer-modal .photo-upload-btn small {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.page-design-v2 .deposer-modal .photo-preview-item {
    background: #16161e;
    box-shadow: none;
}

body.page-design-v2 .deposer-ai-generate {
    background: rgba(255, 56, 92, 0.16) !important;
    border-color: rgba(255, 56, 92, 0.35) !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-modal .fixed-location,
body.page-design-v2 .deposer-modal .fixed-mobility,
body.page-design-v2 .deposer-modal .expiration-info,
body.page-design-v2 .deposer-modal .boost-info,
body.page-design-v2 .deposer-modal .photos-upload-container,
body.page-design-v2 .deposer-modal .deposer-city-search .global-search-wrapper,
body.page-design-v2 .deposer-modal .timer-item {
    background: #16161e !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-modal .global-search-input,
body.page-design-v2 .deposer-modal .global-search-input:focus {
    background: transparent !important;
    color: #fff !important;
}

body.page-design-v2 .place-rating-modal .rating-number {
    font-size: 1.1rem !important;
    color: #fff !important;
}

body.page-design-v2 .salon-actions-sheet .menu-item,
body.page-design-v2 .menu-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.page-design-v2 .salon-actions-sheet .menu-item .t,
body.page-design-v2 .salon-actions-sheet .menu-item .l i,
body.page-design-v2 .menu-item .t,
body.page-design-v2 .menu-item .l i {
    color: #fff !important;
}

body.page-design-v2 .salon-actions-sheet .menu-item .s,
body.page-design-v2 .menu-item .s {
    color: rgba(255, 255, 255, 0.55) !important;
}

body.page-design-v2 .salon-modal-members-list,
body.page-design-v2 .salon-modal-members-foot,
body.page-design-v2 .salon-automod-body,
body.page-design-v2 .salon-vote-modal {
    background: #12121a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

body.page-design-v2 .salon-member-name,
body.page-design-v2 .salon-member-info,
body.page-design-v2 .salon-spiitzia-modal__label,
body.page-design-v2 .salon-spiitzia-modal__sub {
    color: #fff !important;
}

body.page-design-v2 .cgu-modal,
html.design-v2 .cgu-modal {
    --cgu-text: #fff;
    --cgu-text-soft: rgba(255, 255, 255, 0.72);
    --cgu-text-muted: rgba(255, 255, 255, 0.55);
    --cgu-surface: #08080b;
    --cgu-border: rgba(255, 255, 255, 0.12);
    --cgu-brand-dark: #ff8aa0;
    --cgu-brand-soft: rgba(255, 56, 92, 0.18);
}

body.page-design-v2 .cgu-modal__body,
body.page-design-v2 .cgu-modal__body p,
body.page-design-v2 .cgu-modal__body li,
body.page-design-v2 .cgu-modal__body ul,
body.page-design-v2 .cgu-modal__body h2,
body.page-design-v2 .cgu-modal__body h3,
body.page-design-v2 .cgu-modal__body h4,
body.page-design-v2 .cgu-modal__body b,
body.page-design-v2 .cgu-modal__body strong,
html.design-v2 .cgu-modal__body,
html.design-v2 .cgu-modal__body p,
html.design-v2 .cgu-modal__body li,
html.design-v2 .cgu-modal__body ul,
html.design-v2 .cgu-modal__body h2,
html.design-v2 .cgu-modal__body h3,
html.design-v2 .cgu-modal__body h4,
html.design-v2 .cgu-modal__body b,
html.design-v2 .cgu-modal__body strong,
body.page-design-v2 .notification-modal-content,
body.page-design-v2 .notification-item,
body.page-design-v2 .auth-modal-body {
    background: transparent !important;
    color: #f3f3f5 !important;
}

body.page-design-v2 .cgu-modal__body h2,
body.page-design-v2 .cgu-modal__body h3,
body.page-design-v2 .cgu-modal__body h4,
body.page-design-v2 .cgu-modal__body b,
body.page-design-v2 .cgu-modal__body strong,
html.design-v2 .cgu-modal__body h2,
html.design-v2 .cgu-modal__body h3,
html.design-v2 .cgu-modal__body h4,
html.design-v2 .cgu-modal__body b,
html.design-v2 .cgu-modal__body strong {
    color: #fff !important;
}

body.page-design-v2 .cgu-modal__body a,
body.page-design-v2 .cgu-modal__body .email,
body.page-design-v2 .cgu-modal__body .definition,
html.design-v2 .cgu-modal__body a,
html.design-v2 .cgu-modal__body .email,
html.design-v2 .cgu-modal__body .definition {
    color: #ff8aa0 !important;
}