/* ==========================================================================
   SPIITZ — Chrome V2 partagé (feed / membres / annonces / lieux)
   Header et nav du bas en overlay, recherche et chips en verre.
   Activé via body.page-design-v2
   ========================================================================== */

body.page-design-v2 {
    --dv2-ink: #08080b;
    --dv2-glass: rgba(255, 255, 255, 0.07);
    --dv2-glass-strong: rgba(255, 255, 255, 0.13);
    --dv2-line: rgba(255, 255, 255, 0.11);
    --bg: #08080b;
    --surface: #121218;
    --surface-2: #18181f;
    --surface-3: #22222a;
    --chrome-bg: #12121a;
    --text: #f3f3f5;
    --text-soft: rgba(255, 255, 255, 0.82);
    --text-muted: rgba(255, 255, 255, 0.68);
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.2);
    --brand-soft: rgba(255, 56, 92, 0.2);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.55);
    --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.62);
    --ph-bg: #16161e;
    --ph-text: rgba(255, 255, 255, 0.42);
    --footer-bg: #0c0c10;
    background: var(--dv2-ink) !important;
    color: #f3f3f5;
}

html.design-v2,
html:has(body.page-design-v2) {
    color-scheme: dark;
    background: #08080b;
}

html.design-v2 .profile-setting-item:has([data-spiitz-theme-toggle]) {
    display: none !important;
}

body.page-design-v2 .site-footer {
    background: #08080b;
    color: rgba(255, 255, 255, 0.58);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 0;
}

body.page-design-v2 .site-footer__brand,
body.page-design-v2 .site-footer h4 {
    color: #fff;
}

body.page-design-v2 .site-footer__tagline,
body.page-design-v2 .site-footer__seo {
    color: rgba(255, 255, 255, 0.48);
}

body.page-design-v2 .site-footer a {
    color: rgba(255, 255, 255, 0.7);
}

body.page-design-v2 .site-footer a:hover {
    color: #fff;
}

body.page-design-v2 .site-footer__bottom {
    border-top-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.38);
}

@media (max-width: 768px) {
    body.page-design-v2 .site-footer {
        display: none !important;
    }
}

/* Header flottant */
body.page-design-v2 .app-nav,
html[data-theme="dark"] body.page-design-v2 .app-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.44) 55%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.page-design-v2 .app-nav .app-nav__icon,
body.page-design-v2 .app-nav .app-nav__actions .app-nav__icon,
body.page-design-v2 .app-nav .app-nav__actions .notification-bell-btn,
body.page-design-v2 .app-nav .app-nav__actions #messages-link,
html[data-theme="dark"] body.page-design-v2 .app-nav .app-nav__icon,
html[data-theme="dark"] body.page-design-v2 .app-nav .app-nav__actions .notification-bell-btn,
html[data-theme="dark"] body.page-design-v2 .app-nav .app-nav__actions #messages-link {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

body.page-design-v2 .app-nav .app-nav__icon:hover,
body.page-design-v2 .app-nav .app-nav__actions #messages-link:hover {
    border-color: rgba(255, 255, 255, 0.55) !important;
    color: #fff !important;
}

body.page-design-v2 .app-nav .app-nav__icon i,
body.page-design-v2 .app-nav .app-nav__icon .spiitz-icon,
body.page-design-v2 .app-nav .app-nav__actions #messages-link i,
body.page-design-v2 .app-nav .app-nav__actions #messages-link .spiitz-icon {
    color: #fff !important;
}

body.page-design-v2 .app-nav .app-badge {
    border-color: transparent !important;
}

body.page-design-v2 .app-nav__link {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.page-design-v2 .app-nav__back,
body.page-design-v2 .app-nav__link.active,
body.page-design-v2 .app-nav__logo {
    color: #fff !important;
}

body.page-design-v2 .app-nav__avatar,
body.page-design-v2 .app-nav #profile-toggle.app-nav__avatar,
html[data-theme="dark"] body.page-design-v2 .app-nav__avatar {
    border: 2px solid rgba(255, 255, 255, 0.42) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

body.page-design-v2 .app-nav__avatar img {
    background: transparent !important;
}

body.page-design-v2 .app-nav__logo-img,
body.page-design-v2 .app-nav__logo .spiitz-brand-logo-wrap img {
    filter: brightness(0) invert(1);
}

/* Nav du bas */
body.page-design-v2 .app-bottom-nav,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav {
    background: linear-gradient(
        0deg,
        #08080b 0%,
        rgba(8, 8, 11, 0.96) 72%,
        rgba(8, 8, 11, 0.78) 100%
    ) !important;
    border-top: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.page-design-v2 .app-bottom-nav__item,
body.page-design-v2 .app-bottom-nav__item .app-bottom-nav__label,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav__item {
    color: rgba(255, 255, 255, 0.56) !important;
}

body.page-design-v2 .app-bottom-nav__item .app-bottom-nav__icon,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav__item .app-bottom-nav__icon {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.page-design-v2 .app-bottom-nav__item.active,
body.page-design-v2 .app-bottom-nav__item.active .app-bottom-nav__icon,
body.page-design-v2 .app-bottom-nav__item.active .app-bottom-nav__label,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav__item.active,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav__item.active .app-bottom-nav__icon {
    color: #fff !important;
}

body.page-design-v2 .app-bottom-nav__item.has-active-salon .app-bottom-nav__icon::after {
    border-color: #000;
}

body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__icon,
html[data-theme="dark"] body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    background: linear-gradient(145deg, #5a2430 0%, #1c1418 72%) !important;
    border: 1px solid #2a181c !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 56, 92, 0.22) !important;
}

body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__icon::before {
    inset: -5px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 56, 92, 0.24) !important;
}

body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__emoji {
    display: none !important;
}

body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__spark,
body.page-design-v2 .app-bottom-nav--with-feed .app-bottom-nav__item--center .app-bottom-nav__icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    fill: currentColor !important;
    stroke: none !important;
}

/* Recherche — le flou va sur ::before pour ne pas piéger le dropdown
   (backdrop-filter crée un stacking context et recadre position:fixed). */
body.page-design-v2 .global-search-container,
body.page-design-v2 .register-city-search,
body.page-design-v2 .deposer-city-search,
body.page-design-v2 .profil-edit-city-search {
    position: relative;
    z-index: 80;
    overflow: visible;
}

body.page-design-v2 .global-search-wrapper {
    position: relative;
    overflow: visible !important;
    background: transparent !important;
    border-color: var(--dv2-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.page-design-v2 .global-search-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: var(--dv2-glass);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
}

body.page-design-v2 .global-search-wrapper > *:not(.global-city-suggestions-modal) {
    position: relative;
    z-index: 1;
}

body.page-design-v2 .global-search-wrapper:hover {
    border-color: rgba(255, 255, 255, 0.22) !important;
}

body.page-design-v2 .global-search-wrapper:focus-within {
    border-color: var(--brand, #ff385c) !important;
    box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.18) !important;
}

body.page-design-v2 .global-search-input,
body.page-design-v2 .global-search-input:focus,
body.page-design-v2 .global-search-input[readonly] {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
    font-weight: 500;
}

body.page-design-v2 .global-search-input::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.42) !important;
}

body.page-design-v2 .global-search-icon,
body.page-design-v2 .global-search-type-icon {
    color: rgba(255, 255, 255, 0.7);
}

body.page-design-v2 .global-search-btn,
body.page-design-v2 .global-search-reset-inline {
    background: var(--dv2-glass-strong) !important;
    border-color: var(--dv2-line) !important;
    color: #fff !important;
}

body.page-design-v2 .global-search-container.is-suggesting,
body.page-design-v2 .register-city-search.is-suggesting,
body.page-design-v2 .deposer-city-search.is-suggesting,
body.page-design-v2 .profil-edit-city-search.is-suggesting {
    z-index: 240;
}

body.page-design-v2 .global-search-container.is-suggesting .global-search-wrapper,
body.page-design-v2 .register-city-search.is-suggesting .global-search-wrapper,
body.page-design-v2 .deposer-city-search.is-suggesting .global-search-wrapper,
body.page-design-v2 .profil-edit-city-search.is-suggesting .global-search-wrapper {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-color: transparent !important;
}

body.page-design-v2 .global-search-container.is-suggesting .global-search-wrapper::before,
body.page-design-v2 .register-city-search.is-suggesting .global-search-wrapper::before,
body.page-design-v2 .deposer-city-search.is-suggesting .global-search-wrapper::before,
body.page-design-v2 .profil-edit-city-search.is-suggesting .global-search-wrapper::before {
    border-radius: inherit;
    background: #14141c;
}

body.page-design-v2 .global-city-suggestions-modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: auto;
    height: auto;
    overflow: visible;
    pointer-events: none;
    background: transparent;
    border: 0;
    color: #f3f3f5;
    z-index: 90;
}

body.page-design-v2 .global-city-suggestions-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    z-index: 90 !important;
    pointer-events: auto;
    background: #14141c !important;
    border: 1px solid var(--dv2-line) !important;
    border-top: 0 !important;
    border-radius: 0 0 18px 18px !important;
    color: #f3f3f5 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
    margin-top: -1px;
}

body.page-design-v2 .global-city-suggestion,
body.page-design-v2 .register-city-search .global-city-suggestion,
body.page-design-v2 .profil-edit-city-search .global-city-suggestion {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.page-design-v2 .global-city-suggestion:hover,
body.page-design-v2 .global-city-suggestion.active {
    background: rgba(255, 255, 255, 0.07) !important;
}

body.page-design-v2 .global-city-suggestion-icon {
    background: rgba(255, 56, 92, 0.16);
    color: #ff7a93;
}

body.page-design-v2 .global-city-suggestion-main {
    color: #fff;
}

body.page-design-v2 .global-city-suggestion-secondary {
    color: rgba(255, 255, 255, 0.5);
}

/* --------------------------------------------------------------------------
   Listing — barre ville (lieux / membres / annonces)
   Dans le flux, pas sticky. Champ sombre compact, pas de trait / bandeau.
   -------------------------------------------------------------------------- */
body.page-lieux-v2 .global-search-container,
body.page-membres-v2 .global-search-container,
body.page-annonces-design-v2 .global-search-container {
    position: static !important;
    top: auto !important;
    z-index: 8;
    max-width: none !important;
    width: 100%;
    margin: 0 0 12px !important;
    padding: 0;
    background: none;
}

body.page-lieux-v2 .global-search-wrapper,
body.page-membres-v2 .global-search-wrapper,
body.page-annonces-design-v2 .global-search-wrapper {
    min-height: 44px;
    padding: 3px 6px 3px 4px !important;
    gap: 2px !important;
    background: #121218 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.page-lieux-v2 .global-search-wrapper::before,
body.page-membres-v2 .global-search-wrapper::before,
body.page-annonces-design-v2 .global-search-wrapper::before,
body.page-lieux-v2 .global-search-wrapper::after,
body.page-membres-v2 .global-search-wrapper::after,
body.page-annonces-design-v2 .global-search-wrapper::after {
    display: none !important;
}

body.page-lieux-v2 .global-search-wrapper:hover,
body.page-membres-v2 .global-search-wrapper:hover,
body.page-annonces-design-v2 .global-search-wrapper:hover {
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
}

body.page-lieux-v2 .global-search-wrapper:focus-within,
body.page-membres-v2 .global-search-wrapper:focus-within,
body.page-annonces-design-v2 .global-search-wrapper:focus-within {
    border-color: rgba(255, 56, 92, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.14) !important;
}

body.page-lieux-v2 .global-search-type-selector,
body.page-membres-v2 .global-search-type-selector,
body.page-annonces-design-v2 .global-search-type-selector {
    min-width: 36px;
    background: transparent !important;
    border: 0 !important;
}

body.page-lieux-v2 .global-search-type-select,
body.page-membres-v2 .global-search-type-select,
body.page-annonces-design-v2 .global-search-type-select,
body.page-lieux-v2 .global-search-type-select:hover,
body.page-membres-v2 .global-search-type-select:hover,
body.page-annonces-design-v2 .global-search-type-select:hover {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0 !important;
    background: transparent !important;
}

body.page-lieux-v2 .global-search-type-icon,
body.page-membres-v2 .global-search-type-icon,
body.page-annonces-design-v2 .global-search-type-icon {
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.92rem;
    transform: translate(-50%, -50%);
}

body.page-lieux-v2 .global-search-wrapper:focus-within .global-search-type-icon,
body.page-membres-v2 .global-search-wrapper:focus-within .global-search-type-icon,
body.page-annonces-design-v2 .global-search-wrapper:focus-within .global-search-type-icon {
    color: #ff8aa0;
}

body.page-lieux-v2 .global-search-type-selector::after,
body.page-membres-v2 .global-search-type-selector::after,
body.page-annonces-design-v2 .global-search-type-selector::after {
    right: 3px;
    border-top-color: rgba(255, 255, 255, 0.32);
}

body.page-lieux-v2 .global-search-icon,
body.page-membres-v2 .global-search-icon,
body.page-annonces-design-v2 .global-search-icon {
    display: none;
}

body.page-lieux-v2 .global-search-input-container,
body.page-membres-v2 .global-search-input-container,
body.page-annonces-design-v2 .global-search-input-container {
    padding: 0 4px;
    overflow: visible;
}

body.page-lieux-v2 .global-search-input,
body.page-lieux-v2 .global-search-input:focus,
body.page-lieux-v2 .global-search-input[readonly],
body.page-membres-v2 .global-search-input,
body.page-membres-v2 .global-search-input:focus,
body.page-membres-v2 .global-search-input[readonly],
body.page-annonces-design-v2 .global-search-input,
body.page-annonces-design-v2 .global-search-input:focus,
body.page-annonces-design-v2 .global-search-input[readonly] {
    padding: 8px 0 !important;
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #ff8aa0;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

body.page-lieux-v2 .global-search-input::placeholder,
body.page-membres-v2 .global-search-input::placeholder,
body.page-annonces-design-v2 .global-search-input::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
    font-weight: 500 !important;
}

body.page-lieux-v2 .global-search-actions,
body.page-membres-v2 .global-search-actions,
body.page-annonces-design-v2 .global-search-actions {
    border: 0 !important;
    min-width: 0;
    align-items: center;
}

body.page-lieux-v2 .global-search-btn,
body.page-lieux-v2 .global-location-btn,
body.page-membres-v2 .global-search-btn,
body.page-membres-v2 .global-location-btn,
body.page-annonces-design-v2 .global-search-btn,
body.page-annonces-design-v2 .global-location-btn {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    border: 0 !important;
    border-radius: 10px;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
}

body.page-lieux-v2 .global-location-btn:hover,
body.page-membres-v2 .global-location-btn:hover,
body.page-annonces-design-v2 .global-location-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    transform: none;
}

body.page-lieux-v2 .global-search-reset-inline,
body.page-membres-v2 .global-search-reset-inline,
body.page-annonces-design-v2 .global-search-reset-inline {
    width: 24px;
    height: 24px;
    right: 2px;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* Badge certif : ne pas le laisser hériter du blanc V2 */
body.page-design-v2 .certified-badge-icon,
body.page-design-v2 i.certified-badge-icon {
    display: inline-flex !important;
    align-items: center;
    color: #38bdf8 !important;
    flex-shrink: 0;
}

body.page-design-v2 .founder-badge-icon,
body.page-design-v2 i.founder-badge-icon {
    display: inline-flex !important;
    align-items: center;
    color: #34d399 !important;
    flex-shrink: 0;
}

body.page-design-v2 .founder-offer-banner {
    border: 1px solid rgba(52, 211, 153, 0.28);
    background: linear-gradient(160deg, rgba(16, 185, 129, 0.18) 0%, rgba(18, 18, 24, 0.88) 58%);
    box-shadow: none;
}

body.page-design-v2 .founder-offer-banner__text strong {
    color: #fff;
}

body.page-design-v2 .founder-offer-banner__text span {
    color: rgba(255, 255, 255, 0.68);
}

/* Chips de filtres (membres / lieux / annonces) */
body.page-design-v2 .membres-filter-btn,
body.page-design-v2 .lieux-filter-btn,
body.page-design-v2 .annonces-filter-btn,
body.page-design-v2 .annonces-toolbar-v2-filters-btn {
    border-color: var(--dv2-line) !important;
    background: var(--dv2-glass) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 700;
}

body.page-design-v2 .membres-filter-btn.active,
body.page-design-v2 .lieux-filter-btn.active,
body.page-design-v2 .annonces-filter-btn.active,
body.page-design-v2 .annonces-toolbar-v2-filters-btn[aria-expanded="true"] {
    background: var(--brand, #ff385c) !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.page-design-v2 .membres-filter-count,
body.page-design-v2 .lieux-filter-count,
body.page-design-v2 .annonces-filter-count {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.page-design-v2 .lieux-view-toggle-btn,
body.page-design-v2 .membres-view-toggle-btn {
    display: none !important;
}

/* Textes / pastilles restés en rose V1 */
body.page-design-v2 .sv2-card__type,
body.page-design-v2 .sv2-card__type *,
body.page-design-v2 .room-type-pill,
body.page-design-v2 .room-type-pill *,
body.page-design-v2 .room-place-link,
body.page-design-v2 .salons-rooms-section-head,
body.page-design-v2 .salons-rooms-section-head i,
body.page-design-v2 .salons-rooms-separator,
body.page-design-v2 .spiitz-modal-eyebrow,
body.page-design-v2 .lieux-place-city i,
body.page-design-v2 .lieux-place-announcements i {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.page-design-v2 .mv2-ab-btn {
    display: none !important;
}

/* Champs / modaux partagés (pas de mise en page de contenu) */
body.page-design-v2 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.page-design-v2 select,
body.page-design-v2 textarea,
body.page-design-v2 .edit-input {
    background: #16161e;
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

body.page-design-v2 input::placeholder,
body.page-design-v2 textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

body.page-design-v2 .deposer-modal-content,
body.page-design-v2 .filters-modal-content,
body.page-design-v2 .membres-filters-modal-content,
body.page-design-v2 .lieux-filters-modal-content,
body.page-design-v2 .place-rating-modal-content,
body.page-design-v2 .report-modal-content,
body.page-design-v2 .spiitz-dialog,
body.page-design-v2 .confirm-modal-content,
body.page-design-v2 .notification-modal-content,
body.page-design-v2 .sub-pay-modal__panel,
body.page-design-v2 .modal-content,
body.page-design-v2 .auth-modal-content,
body.page-design-v2 .location-modal-content,
body.page-design-v2 .participants-modal-content,
body.page-design-v2 .moderation-modal-content,
body.page-design-v2 .premium-modal-content,
body.page-design-v2 .lieu-dropdown-content,
body.page-design-v2 .profil-mobile-dropdown-content {
    background: #12121a !important;
    border-color: rgba(255, 255, 255, 0.11);
    color: #fff;
}

html[data-theme="dark"] body.page-design-v2 .filters-modal-header,
html[data-theme="dark"] body.page-design-v2 .membres-filters-modal-header,
html[data-theme="dark"] body.page-design-v2 .lieux-filters-modal-header,
html[data-theme="dark"] body.page-design-v2 .spiitz-modal-header,
html[data-theme="dark"] body.page-design-v2 .deposer-modal-header,
html[data-theme="dark"] body.page-design-v2 .place-rating-modal-header,
html[data-theme="dark"] body.page-design-v2 .notification-header,
html[data-theme="dark"] body.page-design-v2 .confirm-modal-header,
html[data-theme="dark"] body.page-design-v2 .temoignage-modal-header,
html[data-theme="dark"] body.page-design-v2 .photo-modal-header,
html[data-theme="dark"] body.page-design-v2 .auth-modal-header,
html[data-theme="dark"] body.page-design-v2 .location-modal-header,
html[data-theme="dark"] body.page-design-v2 .moderation-modal-header,
html[data-theme="dark"] body.page-design-v2 .global-location-modal-header,
html[data-theme="dark"] body.page-design-v2 .sub-pay-modal__header,
html[data-theme="dark"] body.page-design-v2 .pa-delete-modal__header,
html[data-theme="dark"] body.page-design-v2 .modal-header,
html[data-theme="dark"] body.page-design-v2 .modal-head,
html[data-theme="dark"] body.page-design-v2 .annonce-detail-modal__header,
body.page-design-v2 .filters-modal-header,
body.page-design-v2 .membres-filters-modal-header,
body.page-design-v2 .lieux-filters-modal-header,
body.page-design-v2 .spiitz-modal-header,
body.page-design-v2 .deposer-modal-header,
body.page-design-v2 .place-rating-modal-header,
body.page-design-v2 .notification-header,
body.page-design-v2 .confirm-modal-header,
body.page-design-v2 .temoignage-modal-header,
body.page-design-v2 .photo-modal-header,
body.page-design-v2 .auth-modal-header,
body.page-design-v2 .location-modal-header,
body.page-design-v2 .moderation-modal-header,
body.page-design-v2 .global-location-modal-header,
body.page-design-v2 .sub-pay-modal__header,
body.page-design-v2 .pa-delete-modal__header,
body.page-design-v2 .modal-header,
body.page-design-v2 .modal-head,
body.page-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;
}

body.page-design-v2 .spiitz-modal-header__left,
body.page-design-v2 .spiitz-modal-header__brand,
body.page-design-v2 .spiitz-modal-header__icon,
body.page-design-v2 .spiitz-modal-header__title,
body.page-design-v2 .spiitz-modal-header__sub,
body.page-design-v2 .boost-modal__header-text,
body.page-design-v2 .sub-pay-modal__header-text,
body.page-design-v2 .annonce-detail-modal__header-text {
    background: none !important;
    background-image: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

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

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 .deposer-modal-footer {
    background: #0c0c10 !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    color: #fff;
}


body.page-design-v2 .deposer-modal-header .spiitz-modal-eyebrow,
body.page-design-v2 .deposer-modal-header h3,
body.page-design-v2 .deposer-modal-header .deposer-acting-account {
    color: #fff !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);
}

body.page-design-v2 .annonces-fab-mobile,
body.page-design-v2 .lieux-fab-mobile,
body.page-design-v2 .lieux-mode-fab,
body.page-design-v2 .salons-fab-mobile {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45) !important;
    -webkit-tap-highlight-color: transparent;
}

body.page-design-v2 .annonces-fab-mobile {
    background: var(--brand, #ff385c) !important;
    border: 0 !important;
    color: #fff !important;
}

body.page-design-v2 .deposer-progress-text,
body.page-design-v2 .spiitz-modal-header h3,
body.page-design-v2 .spiitz-modal-header__title,
body.page-design-v2 .filters-modal-header h3,
body.page-design-v2 .membres-filters-modal-header h3 {
    color: #fff;
}

body.page-design-v2 .deposer-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 .spiitz-modal-close {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.16);
    color: #fff;
}

body.page-design-v2 .deposer-step,
body.page-design-v2 .deposer-modal-body,
body.page-design-v2 .deposer-modal-body label,
body.page-design-v2 .filters-modal-body,
body.page-design-v2 .membres-filters-modal-body {
    color: #f3f3f5;
}

/* Pages compte / visiteurs / album (pa-*) */
body.page-design-v2 .pa-page {
    background: transparent;
    color: #f3f3f5;
}

body.page-design-v2 .pa-wrap,
body.page-design-v2 .pa-panel,
body.page-design-v2 .pa-card,
body.page-design-v2 .pa-section {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
    color: #f3f3f5;
}

body.page-design-v2 .pa-hero {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

body.page-design-v2 .pa-hero h1,
body.page-design-v2 .pa-panel-head h2,
body.page-design-v2 .pa-card h2,
body.page-design-v2 .pa-field-label,
body.page-design-v2 .pa-page label {
    color: #fff;
}

body.page-design-v2 .pa-hero p,
body.page-design-v2 .pa-panel-head p,
body.page-design-v2 .pa-muted {
    color: rgba(255, 255, 255, 0.58);
}

body.page-design-v2 .pa-hero-icon {
    display: none;
}

body.page-design-v2 .pa-hero-tags li {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

body.page-design-v2 .pa-tabs {
    background: transparent;
    border: 0;
    gap: 8px;
}

body.page-design-v2 .pa-tab-btn {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.72);
    box-shadow: none;
}

body.page-design-v2 .pa-tab-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

body.page-design-v2 .pa-tab-btn.active {
    background: var(--brand, #ff385c);
    border-color: transparent;
    color: #fff;
}

body.page-design-v2 .pa-input,
body.page-design-v2 .pa-select,
body.page-design-v2 .pa-textarea {
    background: #16161e;
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

body.page-design-v2 .pa-btn,
body.page-design-v2 .pa-form-actions .pa-btn {
    background: var(--brand, #ff385c);
    border-color: transparent;
    color: #fff;
}

body.page-design-v2 .pa-btn--ghost {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.page-design-v2 .pa-btn--danger {
    background: transparent;
    border-color: rgba(255, 80, 80, 0.4);
    color: #fda4a4;
}

body.page-design-v2 .pa-alert {
    background: #14141c;
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

body.page-design-v2 .pa-form-hint,
body.page-design-v2 .pa-empty {
    color: rgba(255, 255, 255, 0.72);
}

body.page-design-v2 .pa-stat-label,
body.page-design-v2 .pa-visitor-details,
body.page-design-v2 .pa-visitor-detail,
body.page-design-v2 .pa-visitor-date,
body.page-design-v2 .pa-visitor-meta,
body.page-design-v2 .pa-muted {
    color: rgba(255, 255, 255, 0.84) !important;
}

body.page-design-v2 .pa-stat-card,
body.page-design-v2 .pa-stat-value {
    color: #fff !important;
}

/* Tiroir profil */
body.page-design-v2 .profile-modal-overlay .profile-modal-backdrop {
    background: rgba(0, 0, 0, 0.62);
}

body.page-design-v2 .profile-modal-overlay .profile-modal-panel {
    background: #121218;
    border-left-color: rgba(255, 255, 255, 0.08);
    color: #f3f3f5;
}

body.page-design-v2 .profile-modal-overlay .profile-modal-hero {
    background: linear-gradient(165deg, #2a1218 0%, #121218 62%);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.page-design-v2 .profile-modal-overlay .profile-modal-close {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    box-shadow: none;
}

body.page-design-v2 .profile-modal-overlay .profile-modal-identity h3,
body.page-design-v2 .profile-modal-overlay .profile-nav-link,
body.page-design-v2 .profile-modal-overlay .profile-setting-info > span:not(.spiitz-icon) {
    color: #fff;
}

body.page-design-v2 .profile-modal-overlay .profile-modal-identity .user-handle,
body.page-design-v2 .profile-modal-overlay .profile-modal-section-label,
body.page-design-v2 .profile-modal-overlay .profile-nav-link > i:last-child,
body.page-design-v2 .profile-modal-overlay .profile-footer-link,
body.page-design-v2 .profile-modal-overlay .profile-footer-locale {
    color: rgba(255, 255, 255, 0.5);
}

body.page-design-v2 .profile-modal-overlay .profile-modal-view-link {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.page-design-v2 .profile-modal-overlay .profile-nav-link:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

body.page-design-v2 .profile-modal-overlay .profile-nav-link > i:first-child,
body.page-design-v2 .profile-modal-overlay .profile-nav-link > .spiitz-icon:first-child,
body.page-design-v2 .profile-modal-overlay .profile-setting-info > i,
body.page-design-v2 .profile-modal-overlay .profile-setting-info > .spiitz-icon {
    color: rgba(255, 255, 255, 0.7);
}

body.page-design-v2 .profile-modal-overlay .profile-modal-settings {
    margin: 2px 10px 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

body.page-design-v2 .profile-modal-overlay .profile-setting-item,
body.page-design-v2 .profile-modal-overlay .profile-setting-item--locale {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    padding: 10px 10px;
}

body.page-design-v2 .profile-modal-overlay .profile-setting-item:last-child {
    border-bottom: 0;
}

body.page-design-v2 .profile-modal-overlay .spiitz-locale-select,
body.page-design-v2 .profile-modal-overlay .profile-footer-locale,
body.page-design-v2 .profile-modal-overlay .profile-footer-locale-select,
body.page-design-v2 .spiitz-locale-select,
body.page-design-v2 .site-footer__locale-select {
    appearance: none;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    border-radius: 999px;
    padding: 7px 28px 7px 12px;
    font-weight: 700;
    box-shadow: none;
}

body.page-design-v2 .profile-modal-overlay .profile-footer-locale {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
}

body.page-design-v2 .profile-modal-overlay .profile-footer-locale-select {
    padding: 0 16px 0 0;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 8px 5px !important;
    border: 0 !important;
    min-width: 88px;
}

body.page-design-v2 .profile-modal-overlay .profile-footer-locale i,
body.page-design-v2 .profile-modal-overlay .profile-footer-locale .spiitz-icon {
    color: #fff !important;
    opacity: 1;
}

body.page-design-v2 .profile-modal-overlay .profile-footer-locale-select option,
body.page-design-v2 .spiitz-locale-select option {
    color: #111;
    background: #fff;
}

body.page-design-v2 .favorite-btn.favorited,
body.page-design-v2 .favorite-btn.active,
body.page-design-v2 .favorite-btn.favorited i,
body.page-design-v2 .favorite-btn.active i,
body.page-design-v2 .favorite-btn.favorited .spiitz-icon,
body.page-design-v2 .favorite-btn.active .spiitz-icon,
body.page-design-v2 .favorite-btn.favorited svg,
body.page-design-v2 .favorite-btn.active svg {
    color: #ff385c !important;
    fill: #ff385c !important;
}

body.page-design-v2 .profile-setting-item--link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

body.page-design-v2 .profile-setting-item--link:hover {
    background: rgba(255, 255, 255, 0.06);
}

body.page-design-v2 .profile-modal-overlay .profile-toggle-slider {
    background: #3a3a46;
}

body.page-design-v2 .profile-modal-overlay .profile-btn-logout {
    background: transparent;
    border-color: rgba(255, 56, 92, 0.45);
    color: #ff8aa0;
}

body.page-design-v2 .profile-modal-overlay .profile-btn-logout:hover {
    background: var(--brand, #ff385c);
    border-color: var(--brand, #ff385c);
    color: #fff;
}

body.page-design-v2 .profile-modal-overlay .profile-modal-footer {
    background: #0c0c10;
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.page-design-v2 .profile-modal-overlay .profile-modal-hero {
    background: linear-gradient(180deg, rgba(255, 56, 92, 0.38) 0%, #121218 72%) !important;
}

/* Notifications (cloche) */
body.page-design-v2 .notification-modal {
    background: rgba(0, 0, 0, 0.62);
}

body.page-design-v2 .notification-modal-content {
    background: #12121a !important;
    color: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

body.page-design-v2 .notification-modal-content::before {
    background: rgba(255, 255, 255, 0.28);
}

body.page-design-v2 .notification-header h3,
body.page-design-v2 .notification-title,
body.page-design-v2 .notification-message,
body.page-design-v2 [class*="modal-header"] h3,
body.page-design-v2 .modal-header h3,
body.page-design-v2 .sub-pay-modal__header-text h3,
body.page-design-v2 .sub-pay-modal__eyebrow {
    color: #fff !important;
}

body.page-design-v2 .notification-time,
body.page-design-v2 .no-notifications,
body.page-design-v2 .no-notifications small {
    color: rgba(255, 255, 255, 0.7);
}

body.page-design-v2 .notification-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

body.page-design-v2 .notification-item-icon,
body.page-design-v2 .btn-mark-all,
body.page-design-v2 .notification-panel-close {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
}

body.page-design-v2 .btn-mark-all:hover,
body.page-design-v2 .notification-panel-close:hover {
    background: var(--brand, #ff385c) !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.page-design-v2 .btn-mark-read,
body.page-design-v2 .btn-dismiss-notification {
    color: rgba(255, 255, 255, 0.78);
}

body.page-design-v2 .sub-pay-modal-shell .sub-pay-modal__panel,
body.page-design-v2 #subscription-modal .modal-content {
    background: #12121a !important;
    color: #fff;
}

body.page-design-v2 .sub-pay-modal-shell .sub-pay-modal__header {
    background: linear-gradient(
        180deg,
        rgba(255, 56, 92, 0.58) 0%,
        rgba(255, 56, 92, 0.22) 46%,
        rgba(8, 8, 11, 0) 100%
    ) !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.page-design-v2 .lieu-dropdown-content,
body.page-design-v2 .profil-mobile-dropdown-content,
body.page-design-v2 .profil-temoignage-menu-dropdown {
    background: #14141c !important;
    border-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* ==========================================================================
   Modals V2 — tous sauf le détail annonce
   Panneau sombre, header filet rouge, textes / champs / boutons cohérents.
   ========================================================================== */

body.page-design-v2 .modal-overlay,
body.page-design-v2 .report-modal,
body.page-design-v2 .confirm-modal,
body.page-design-v2 .confirm-modal.spiitz-dialog,
body.page-design-v2 .temoignage-modal,
body.page-design-v2 .place-rating-modal,
body.page-design-v2 .deposer-modal,
body.page-design-v2 .bug-report-modal {
    background: rgba(0, 0, 0, 0.72);
}

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 .deposer-modal-backdrop {
    background: rgba(0, 0, 0, 0.62);
}

body.page-design-v2 .modal-card,
body.page-design-v2 .confirm-modal-content,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-content,
body.page-design-v2 .temoignage-modal-content,
body.page-design-v2 .report-modal-content,
body.page-design-v2 .place-rating-modal-content,
body.page-design-v2 .deposer-modal-content,
body.page-design-v2 .boost-modal-content,
body.page-design-v2 .block-modal-content,
body.page-design-v2 .photo-modal-content {
    background: #12121a !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    color: #fff !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55);
}

body.page-design-v2 .modal-title,
body.page-design-v2 .modal-head .modal-title,
body.page-design-v2 .confirm-modal-header h3,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-header h3,
body.page-design-v2 .temoignage-modal-header h3,
body.page-design-v2 .report-modal-title,
body.page-design-v2 .place-rating-modal-header h3,
body.page-design-v2 .spiitz-modal-eyebrow,
body.page-design-v2 .spiitz-modal-header__title {
    color: #fff !important;
}

body.page-design-v2 .modal-desc,
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 .place-rating-modal .form-group > label,
body.page-design-v2 .temoignage-modal-body,
body.page-design-v2 .temoignage-modal-body p,
body.page-design-v2 .modal-body,
body.page-design-v2 .modal-body p {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.page-design-v2 .modal-close-btn,
body.page-design-v2 .confirm-modal-close,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-close,
body.page-design-v2 .temoignage-modal-close,
body.page-design-v2 .report-modal-close,
body.page-design-v2 .icon-btn.modal-close-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
}

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

body.page-design-v2 .confirm-modal-footer,
body.page-design-v2 .confirm-modal.spiitz-dialog .confirm-modal-footer,
body.page-design-v2 .temoignage-modal-footer,
body.page-design-v2 .place-rating-modal-footer,
body.page-design-v2 .report-modal-actions {
    background: #0c0c10 !important;
    border-color: rgba(255, 255, 255, 0.08) !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 .temoignage-modal-btn.cancel,
body.page-design-v2 .report-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 {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    box-shadow: none !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 .temoignage-modal-btn.submit,
body.page-design-v2 .report-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 {
    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;
}

/* Dépôt d'annonce */
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: #fff !important;
}

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 {
    color: rgba(255, 255, 255, 0.58) !important;
}

body.page-design-v2 .deposer-step .form-group input[type="text"],
body.page-design-v2 .deposer-step .form-group input[type="date"],
body.page-design-v2 .deposer-step .form-group input[type="datetime-local"],
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 {
    background: #16161e !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

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

body.page-design-v2 .deposer-step .radio-option:hover {
    background: #1c1c26 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.page-design-v2 .deposer-step .radio-option:has(input:checked) {
    background: rgba(255, 56, 92, 0.16) !important;
    border-color: var(--brand, #ff385c) !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 {
    color: #fff !important;
}

body.page-design-v2 #step1 .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-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-progress-text {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Signalement / avis / note */
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 .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 {
    background: #16161e !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

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

/* Salon : cartes .modal-card (report / members / admin / vote / pwd…) */
body.page-design-v2 .page-salon-chat .modal-card,
body.page-salon-chat-v2.page-design-v2 .modal-card {
    background: #12121a !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    color: #fff !important;
}

body.page-design-v2 .page-salon-chat .modal-head,
body.page-salon-chat-v2.page-design-v2 .modal-head {
    background: #16161e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.page-design-v2 .page-salon-chat .modal-title,
body.page-salon-chat-v2.page-design-v2 .modal-title,
body.page-design-v2 .page-salon-chat .modal-desc,
body.page-salon-chat-v2.page-design-v2 .modal-desc,
body.page-design-v2 .salon-actions-sheet .menu-item,
body.page-salon-chat-v2.page-design-v2 .salon-actions-sheet .menu-item {
    color: #fff !important;
}

body.page-design-v2 .salon-actions-sheet,
body.page-salon-chat-v2.page-design-v2 .salon-actions-sheet {
    background: #12121a !important;
}

body.page-design-v2 .salon-actions-sheet .menu-item,
body.page-salon-chat-v2.page-design-v2 .salon-actions-sheet .menu-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

body.page-design-v2 .salon-modal-members-list,
body.page-design-v2 .salon-automod-body,
body.page-design-v2 .salon-vote-modal,
body.page-design-v2 .mod select,
body.page-design-v2 .mod input {
    background: #12121a;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.12);
}

/* Boost */
body.page-design-v2 .boost-modal-content,
body.page-design-v2 .boost-modal-body,
body.page-design-v2 .boost-modal-footer {
    background: #12121a !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.page-design-v2 .boost-modal__header {
    background: linear-gradient(
        180deg,
        rgba(255, 56, 92, 0.58) 0%,
        rgba(255, 56, 92, 0.22) 46%,
        rgba(8, 8, 11, 0) 100%
    ) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.page-design-v2 .boost-modal__eyebrow,
body.page-design-v2 .boost-modal__header-text h2,
body.page-design-v2 .boost-modal__pitch,
body.page-design-v2 .boost-modal__stat-copy,
body.page-design-v2 .boost-modal__stat-copy strong,
body.page-design-v2 .boost-modal__benefit-text,
body.page-design-v2 .boost-modal__payment-title,
body.page-design-v2 .boost-modal .price-amount {
    color: #fff !important;
}

body.page-design-v2 .boost-modal__subtitle,
body.page-design-v2 .boost-modal__header-text p,
body.page-design-v2 .boost-modal__footnote,
body.page-design-v2 .boost-modal__stat-copy span,
body.page-design-v2 .boost-modal__pack-desc,
body.page-design-v2 .boost-modal .price-period,
body.page-design-v2 .boost-modal__price-info {
    color: rgba(255, 255, 255, 0.58) !important;
}

body.page-design-v2 .boost-modal-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.page-design-v2 .boost-modal__pack {
    background: #16161e !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

body.page-design-v2 .boost-modal__pack.is-selected {
    background: rgba(255, 56, 92, 0.14) !important;
    border-color: var(--brand, #ff385c) !important;
}

body.page-design-v2 .boost-modal__pack-title {
    color: #fff !important;
}

body.page-design-v2 .boost-modal .btn-cancel {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
}

/* Landing / hub compte */
body.page-design-v2 .account-hub-main,
body.page-design-v2 .account-hub-wrapper,
body.page-design-v2 .account-hub-header,
body.page-design-v2 .account-hub-card {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    color: #f3f3f5;
    box-shadow: none;
}

body.page-design-v2 .account-hub-title,
body.page-design-v2 .account-hub-card h2,
body.page-design-v2 .account-hub-card h3,
body.page-design-v2 .landing-section-title {
    color: #fff;
}

body.page-design-v2 .account-hub-lead,
body.page-design-v2 .account-hub-card-desc,
body.page-design-v2 .account-hub-meta,
body.page-design-v2 .landing-place-list__city {
    color: rgba(255, 255, 255, 0.62);
}

body.page-design-v2 .account-hub-nav-link,
body.page-design-v2 .account-hub-filter {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.78);
}

body.page-design-v2 .account-hub-nav-link.is-active,
body.page-design-v2 .account-hub-filter.is-active {
    background: var(--brand, #ff385c);
    border-color: transparent;
    color: #fff;
}

body.page-design-v2 .account-hub-list-item,
body.page-design-v2 .landing-place-list a {
    background: #121218;
    border-color: rgba(255, 255, 255, 0.08);
    color: #f3f3f5;
}

/* Invitation / offre lieu */
body.page-design-v2.page-invite-lieu,
body.page-design-v2.page-offre-lieu {
    background: #08080b;
    color: #f3f3f5;
}

body.page-design-v2 .invite-card,
body.page-design-v2 .offre-card,
body.page-design-v2 .invite-lieu-card,
body.page-design-v2 .offre-lieu-card,
body.page-design-v2 .invite-state__box {
    background: #121218;
    border-color: rgba(255, 255, 255, 0.1);
    color: #f3f3f5;
}

/* Erreurs / succès / ban */
body.page-design-v2 .error-page-card,
body.page-design-v2 .success-container,
body.page-design-v2 .payment-container,
body.page-design-v2 .ban-container {
    background: rgba(18, 18, 24, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f3f3f5;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
}

body.page-design-v2 .error-page-title,
body.page-design-v2 .success-title,
body.page-design-v2 .ban-title,
body.page-design-v2 .payment-status {
    color: #fff;
}

body.page-design-v2 .error-page-text,
body.page-design-v2 .success-subtitle,
body.page-design-v2 .ban-subtitle,
body.page-design-v2 .ban-detail-label {
    color: rgba(255, 255, 255, 0.64);
}

body.page-design-v2 .ban-page {
    background: #08080b;
    color: #f3f3f5;
}

body.page-design-v2 .abonnement-lieu-container,
body.page-design-v2 .abonnement-lieu-hero,
body.page-design-v2 .abonnement-lieu-feature {
    background: transparent;
    color: #f3f3f5;
}

body.page-design-v2 .abonnement-lieu-hero h1,
body.page-design-v2 .abonnement-lieu-feature h3 {
    color: #fff;
}