/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768348692
Updated: 2026-01-13 23:58:12

*/
/* Conteneur responsive pour le tableau de la politique cookies */
.mc-table-responsive {
    width: 100%;
    overflow-x: auto;              /* Scroll horizontal si le tableau est trop large */
    -webkit-overflow-scrolling: touch; /* Scroll fluide sur mobile */
}

/* Le tableau prend toute la largeur disponible */
.mc-table-responsive table {
    width: 100%;
    border-collapse: collapse;
}

/* Un peu de style propre (facultatif) */
.mc-table-responsive th,
.mc-table-responsive td {
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.mc-table-responsive thead {
    background: #f5f5f5;
    font-weight: 600;
}

/* Ajustements mobiles */
@media (max-width: 767px) {
    .mc-table-responsive table {
        font-size: 14px;
    }
}


/* === FORM TEXTE & LABELS === */

form label,
.um-field-label,
.um-field-checkbox-state span,
.um-field-radio-state span,
.um-field-area span,
.um-account-name,
.um-account-meta {
    color: #F9FAFB !important;
}

/* === PLACEHOLDERS === */

input::placeholder,
textarea::placeholder {
    color: #F9FAFB99 !important; /* léger fade pour UX */
}

/* === INPUT TEXT === */

input,
select,
textarea {
    color: #F9FAFB !important;
    border-color: #F9FAFB55 !important;
    background: transparent !important;
}

/* === CHECKBOX & RADIO === */

input[type=checkbox],
input[type=radio] {
    accent-color: #F9FAFB !important;
}

/* === LIENS UTILISATEUR === */

a,
a:visited {
    color: #F9FAFB !important;
}

/* === HOVER LIENS === */

a:hover {
    color: #FFFFFF !important;
}

/* === BOUTONS (OPTIONNEL) === */

button,
input[type=submit] {
    border-radius: 4px;
}

/* === MESSAGE UM (connexion etc.) === */

.um-postmessage,
.um-error,
.um-field-error {
    color: #F9FAFB !important;
}


/* === BOUTONS PRINCIPAUX === */

button,
input[type=submit],
.um-button,
.um-button.um-alt,
.um-login .um-button,
.um-register .um-button {
    background-color: #06B6D4 !important;
    border-color: #06B6D4 !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    transition: 0.2s ease-in-out !important;
}

/* === HOVER === */

button:hover,
input[type=submit]:hover,
.um-button:hover,
.um-login .um-button:hover,
.um-register .um-button:hover {
    background-color: #0891B2 !important; /* 15% plus foncé */
    border-color: #0891B2 !important;
}

/* === ACTIVE / CLICK === */

button:active,
input[type=submit]:active,
.um-button:active {
    background-color: #0E7490 !important; /* encore plus foncé */
    border-color: #0E7490 !important;
}

/* === FOCUS (accessibilité clavier) === */

button:focus,
input[type=submit]:focus,
.um-button:focus {
    outline: 2px solid #06B6D4 !important;
    outline-offset: 2px !important;
}



/* Afficher l'année dans le calendrier UM / jQuery UI */
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    display: inline-block !important;
    visibility: visible !important;
    margin-left: 0.25em;
    color: black;          /* même couleur que tes labels */
    font-weight: 600;
}

/* Fond noir sur la liste déroulante des années */
.picker__select--year {
    background: black!important;
    color:black!important;
    border: none !important;
    opacity: 1 !important;
}

/* Chaque option (année) */
.picker__select--year option {
    background: #000 !important;
    color: #fff !important;
}

/* Hover */
.picker__select--year option:hover {
    background: #222 !important;
    color: black!important;
}

/* Fix Chrome/Mobile (sinon texte invisible) */
.picker__select--year {
    -webkit-text-fill-color: #fff !important;
}

/* Couleur du texte des choix */
.select2-results__option {
    color: #06B6D4 !important;
}

/* Hover */
.select2-results__option--highlighted {
    background: rgba(6,182,212,0.15) !important;
    color: #06B6D4 !important;
}

/* Option sélectionnée */
.select2-results__option[aria-selected="true"] {
    background: rgba(6,182,212,0.25) !important;
    color: #06B6D4 !important;
}

/* Fond de la dropdown */
.select2-dropdown {
    background: #0d1b2a !important; /* ou #000 selon ton thème */
    border: 1px solid #06B6D4;
}
 /* Texte visible dans le champ une fois l’option choisie */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #06B6D4 !important;   /* texte du choix sélectionné */
    background-color: #FFFFFF;   /* fond du champ (blanc comme les autres inputs) */
}

/* Bordure du champ select (optionnel, pour harmoniser) */
.select2-container--default .select2-selection--single {
    border: 1px solid #E5E7EB;  /* gris clair comme les autres champs */
    background-color: #FFFFFF;
}

/* Placeholder avant sélection (gris doux) */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9CA3AF !important;
}


/* --------- PAGE CREER UNE ANNONCE (ID 747) --------- */

/* Champs ACF de base (input, textarea, select) */
.page-id-747 .acf-field input[type="text"],
.page-id-747 .acf-field input[type="number"],
.page-id-747 .acf-field input[type="email"],
.page-id-747 .acf-field input[type="url"],
.page-id-747 .acf-field textarea,
.page-id-747 .acf-field select {
    background-color: #ffffff;   /* fond blanc pour la lisibilité */
    color: #1a2340;              /* texte foncé */
    border: 1px solid #00bcd4;   /* adapte à ta couleur principale */
}

/* Options des listes déroulantes (le menu qui s’ouvre) */
.page-id-747 .acf-field select option {
    background-color: #ffffff !important;
    color: #1a2340 !important;
}

/* Survol / focus (facultatif, pour plus de confort) */
.page-id-747 .acf-field input:focus,
.page-id-747 .acf-field textarea:focus,
.page-id-747 .acf-field select:focus {
    border-color: #00bcd4;
    outline: none;
}

/* --------- DATEPICKER (Calendrier ACF) --------- */

.ui-datepicker {
    z-index: 99999 !important;       /* pour ne pas être caché */
    background-color: #ffffff!important;
    border: 1px solid #00bcd4 !important;
}

.ui-datepicker,
.ui-datepicker table,
.ui-datepicker th,
.ui-datepicker td,
.ui-datepicker a,
.ui-datepicker span {
    color: #1a2340 !important;       /* texte foncé sur fond blanc */
}

/* Jour sélectionné / hover (tu peux ajuster la couleur) */
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-hover {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
}

/* --------- SELECT MOIS / ANNÉE DU DATEPICKER --------- */

/* Les menus déroulants mois + année */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background-color: #ffffff !important;  /* fond blanc */
    color: #1a2340 !important;             /* texte foncé */
    border: 1px solid #00bcd4 !important;  /* bordure turquoise, adapte si besoin */
}

/* Les options dans ces listes (mois / années) */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    background-color: #ffffff !important;
    color: #1a2340 !important;
}

/* PAGE CREER UNE ANNONCE (id 747) */
.page-id-747 .acf-field-gallery .acf-gallery {
    background-color: #ffffff;
    border: 1px solid #00bcd4;
}

/* Zone principale de la galerie (où les vignettes apparaissent) */
.page-id-747 .acf-field-gallery .acf-gallery-attachments {
    background-color: #ffffff;
}

/* Vignettes */
.page-id-747 .acf-field-gallery .acf-gallery-attachment {
    border-radius: 4px;
    overflow: hidden;
}

/* Barre d’outils de la galerie (en bas : Ajouter à la galerie, etc.) */
.page-id-747 .acf-field-gallery .acf-gallery-toolbar {
    background-color: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

/* Boutons dans la barre d’outils (Ajouter à la galerie, Actions de groupe, etc.) */
.page-id-747 .acf-field-gallery .acf-gallery-toolbar .acf-button,
.page-id-747 .acf-field-gallery .acf-gallery-toolbar button,
.page-id-747 .acf-field-gallery .acf-gallery-toolbar a {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
}

/* Texte / labels de la barre d’outils */
.page-id-747 .acf-field-gallery .acf-gallery-toolbar,
.page-id-747 .acf-field-gallery .acf-gallery-toolbar * {
    color: #1a2340 !important;
}


/* Champ image "Photo principale" */
.page-id-747 .acf-field-image .acf-image-uploader {
    background-color: #ffffff;
    border: 1px solid #00bcd4;
    padding: 10px;
    border-radius: 4px;
}

/* Bouton "Ajouter image" / "Modifier" */
.page-id-747 .acf-field-image .acf-button,
.page-id-747 .acf-field-image a.button {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    border-radius: 999px;
    border: none !important;
    padding: 6px 14px;
    font-size: 13px;
}

/* Texte autour du champ image */
.page-id-747 .acf-field-image,
.page-id-747 .acf-field-image * {
    color: #ffffff;
}


/* ACF Gallery - Affichage des boutons */
.acf-gallery .acf-gallery-toolbar {
    background: #1a2340 !important;
    border-top: 1px solid #00bcd4 !important;
}

.acf-gallery .acf-gallery-toolbar .acf-button,
.acf-gallery .acf-gallery-toolbar button,
.acf-gallery .acf-gallery-toolbar a {
    background: #00bcd4 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px;
    font-size: 13px;
    padding: 6px 10px !important;
}

/* Texte de la toolbar */
.acf-gallery .acf-gallery-toolbar * {
    color: #ffffff !important;
}


/* ACF Image field (photo principale) */
.acf-field-image .acf-image-uploader {
    background: #1a2340 !important;
    border: 1px solid #00bcd4 !important;
    padding: 12px;
    border-radius: 6px;
}

.acf-field-image .acf-button,
.acf-field-image a.button {
    background: #00bcd4 !important;
    color: #ffffff !important;
    border-radius: 6px;
    border: none !important;
    font-size: 13px;
}

/* Dropdown de tri / actions dans le champ ACF Galerie */
.page-id-747 .acf-gallery .acf-gallery-toolbar select,
.page-id-747 .acf-gallery .acf-gallery-toolbar option {
    background-color: #ffffff !important;
    color: #1a2340 !important; /* bleu foncé lisible */
    border: 1px solid #00bcd4 !important;
}

.page-id-747 .acf-gallery .acf-gallery-toolbar select:focus option,
.page-id-747 .acf-gallery .acf-gallery-toolbar select:hover option {
    background-color: #ffffff !important;
    color: #1a2340 !important;
}

.page-id-747 .acf-gallery .acf-gallery-toolbar select {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

.page-id-747 .mc-creer-annonce-title {
    margin-top: 24px;
    margin-bottom: 6px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #F9FAFB;
}

.page-id-747 .mc-creer-annonce-subtitle {
    margin-bottom: 32px;
    font-size: 15px;
    font-weight: 400;
    color: #E4E7EB;
}


/* ===========================================================
   MULTICOLOC — PAGE COMPTE (Ultimate Member)
   - Suppression avatar + lien profil
   - Stylisation du menu latéral
   - Couleurs Desktop & Mobile
   - Style du titre UM
   - Création du spacing footer
=========================================================== */


/* 1. Cacher avatar + méta + lien "Voir le profil" */
body.page-id-31 .um-account-meta,
body.page-id-31 .um-account-profile-link,
.um-account-profile-link {
    display: none !important;
}

/* Remonter un peu le bloc principal */
body.page-id-31 .um-account-main {
    margin-bottom: 70px !important;
}

body.page-id-31 main.site-main {
    padding-bottom: 110px;
}



/* =========================
   MENU LATÉRAL UM
   (Compte / Mot de passe / Confidentialité / Supprimer…)
   ========================= */

/* Supprimer les puces, gérer l’espacement des lignes */
body.page-id-31 .um-account-side ul {
    margin: 0;
    padding: 0;
}

body.page-id-31 .um-account-side ul li {
    list-style: none;
    margin-bottom: 8px;
}

/* Lien du menu = bloc bleu arrondi */
body.page-id-31 .um-account-side ul li a.um-account-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #06B6D4;              /* bleu MultiColoc */
    text-decoration: none;
    color: #FFFFFF !important;
    font-weight: 500;
}

/* Icône + texte */
body.page-id-31 .um-account-side ul li a.um-account-link .um-account-icon,
body.page-id-31 .um-account-side ul li a.um-account-link span {
    color: #FFFFFF !important;
}

/* Hover = bleu légèrement plus foncé */
body.page-id-31 .um-account-side ul li a.um-account-link:hover {
    background: #0E9BB8;
}

/* Onglet actif : Ultimate Member met la classe .current sur le <a> */
body.page-id-31 .um-account-side ul li a.um-account-link.current {
    background: #0284C7;              /* bleu un peu plus foncé */
}

/* On garde le texte + icône en blanc sur l'actif */
body.page-id-31 .um-account-side ul li a.um-account-link.current .um-account-icon,
body.page-id-31 .um-account-side ul li a.um-account-link.current span {
    color: #FFFFFF !important;
}
/* === MOBILE : Accordéon UM === */
@media (max-width: 768px) {
    
    /* Couleur icônes */
    .um-account-side .um-account-icon {
        color: #06B6D4 !important;
    }

    /* Couleur titres des champs */
    .um-account-side .um-account-link span {
        color: #06B6D4 !important;
    }

    /* Chevron / flèche */
    .um-account-side i.um-faicon-angle-right,
    .um-account-side i.um-faicon-angle-down {
        color: #06B6D4 !important;
    }

    /* Fond actif (champ ouvert) */
    .um-account-side .current {
        background: rgba(6,182,212,0.20) !important; 
    }

    /* Fond normal */
    .um-account-side .um-account-item {
        background: rgba(6,182,212,0.10) !important;
        border-radius: 6px;
    }
}

/* 1. Cacher le lien "Voir le profil" sous l'avatar */
.um-account-profile-link {
    display: none !important;
}

/* 2. Cacher l'avatar + prénom sur la page Compte (ID 31) */
body.page-id-31 .um-account-meta {
    display: none !important;
}

/* Remonter légèrement le bloc UM et lui laisser de la place vers le bas */
body.page-id-31 .um-account-main {
    margin-top: 24px;
}

/* ================================
   STYLE MENU LATÉRAL (desktop)
   ================================ */

/* Fond des lignes de menu */
body.page-id-31 .um-account-nav .um-account-item {
    background: rgba(6,182,212,0.10) !important; /* bleu clair */
    border-radius: 6px;
    padding: 6px 10px;
    margin-bottom: 4px;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Texte + icônes inactifs */
body.page-id-31 .um-account-nav .um-account-icon,
body.page-id-31 .um-account-nav .um-account-link span {
    color: #0F172A !important;
    opacity: 0.9;
}

/* Onglet actif */
body.page-id-31 .um-account-nav .current {
    background: #06B6D4 !important; /* Bleu MultiColoc plein */
}

body.page-id-31 .um-account-nav .current .um-account-icon,
body.page-id-31 .um-account-nav .current .um-account-link span {
    color: #FFFFFF !important;
    opacity: 1;
}

/* Hover (desktop) */
body.page-id-31 .um-account-nav .um-account-item:hover .um-account-icon,
body.page-id-31 .um-account-nav .um-account-item:hover .um-account-link span {
    color: #06B6D4 !important;
    opacity: 1;
}

/* =========================================
   MOBILE : forcer les couleurs (iPhone, etc.)
   ========================================= */
@media (max-width: 768px) {

    /* Texte des lignes de menu (Compte, Mot de passe, etc.) */
    body.page-id-31 .um-account-side .um-account-link,
    body.page-id-31 .um-account-side .um-account-link:visited,
    body.page-id-31 .um-account-side .um-account-link:hover,
    body.page-id-31 .um-account-side .um-account-link:focus {
        color: #06B6D4 !important;              /* Bleu MultiColoc */
    }

    /* Span interne éventuel */
    body.page-id-31 .um-account-side .um-account-link span {
        color: #06B6D4 !important;
    }

    /* Icônes (user, clé, cadenas, poubelle) */
    body.page-id-31 .um-account-side .um-account-icon,
    body.page-id-31 .um-account-side .um-account-link i {
        color: #06B6D4 !important;
    }

    /* Chevron / flèche à droite */
    body.page-id-31 .um-account-side i.um-faicon-angle-right,
    body.page-id-31 .um-account-side i.um-faicon-angle-down {
        color: #06B6D4 !important;
    }

    /* Fond des lignes de menu sur mobile */
    body.page-id-31 .um-account-side .um-account-item {
        background: rgba(6,182,212,0.12) !important;
        border-radius: 6px;
    }

    /* Ligne active sur mobile */
    body.page-id-31 .um-account-side .um-account-item.current {
        background: #06B6D4 !important;
    }

    body.page-id-31 .um-account-side .um-account-item.current .um-account-link,
    body.page-id-31 .um-account-side .um-account-item.current .um-account-link span,
    body.page-id-31 .um-account-side .um-account-item.current .um-account-icon,
    body.page-id-31 .um-account-side .um-account-item.current i {
        color: #FFFFFF !important;
    }

    /* Un peu moins de marge bas sur mobile pour ne pas créer un trou énorme */
    body.page-id-31 .um-account-main {
        margin-bottom: 120px !important;
    }
	
	@media (max-width: 768px) {
    body.page-id-31 main.site-main {
        padding-bottom: 120px; /* espace pour le cookies widget */
    }
}

}

/* ================================
   TITRES / HEADINGS
   ================================ */

/* Titre au-dessus du formulaire (section "Compte") en blanc */
body.page-id-31 .um-account-main .um-account-title,
body.page-id-31 .um-account-main .um-account-title span,
body.page-id-31 .um-account-main .um-account-heading,
body.page-id-31 .um-account-main .um-account-heading span {
    color: #FFFFFF !important;
}

/* Titre + icône dans le panneau latéral (haut de section) en bleu,
   et icône en blanc quand la ligne est active */
body.page-id-31 .um-account-side .um-account-title,
body.page-id-31 .um-account-side .um-account-title span,
body.page-id-31 .um-account-side .um-account-title i,
body.page-id-31 .um-account-side .um-account-heading,
body.page-id-31 .um-account-side .um-account-heading span,
body.page-id-31 .um-account-side .um-account-heading i {
    color: #06B6D4 !important;
}

body.page-id-31 .um-account-side .um-account-item.current .um-account-title i,
body.page-id-31 .um-account-side .um-account-item.current .um-account-heading i {
    color: #FFFFFF !important;
}
/* =========================================================
   PAGE COMPTE MULTICOLOC — FOOTER COLLÉ EN BAS
   ========================================================= */

/* Le conteneur principal de la page devient un layout flex vertical */
body.page-id-31 #page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* La zone de contenu (Hello Elementor) grandit pour pousser le footer */
body.page-id-31 main.site-main {
    flex: 1 0 auto;
}

/* Le footer Elementor reste collé en bas */
body.page-id-31 footer.site-footer,
body.page-id-31 .elementor-location-footer {
    flex-shrink: 0;
    margin-top: 0 !important;
}


/* ===== Mise en page des photos d'une annonce ===== */

.mc-annonce-photos {
    max-width: 1100px;
    margin: 40px auto 0;
}

/* Photo principale au-dessus */
.mc-annonce-main-photo {
    background: #020617;          /* fond du cadre */
    border-radius: 16px;
    border: 1px solid #1f2937;
    padding: 10px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.5);
}

.mc-annonce-main-photo-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Galerie en dessous */
.mc-annonce-gallery {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mc-annonce-gallery-item {
    background: #020617;
    border-radius: 12px;
    border: 1px solid #1f2937;
    padding: 6px;
    width: 180px;
    max-width: 100%;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.45);
}

.mc-annonce-gallery-img {
    display: block;
    width: 100%;
    height: 110px;
    object-fit: cover;  /* recadre proprement l’image */
    border-radius: 8px;
}

/* Un peu de respo pour mobile */
@media (max-width: 768px) {
    .mc-annonce-photos {
        padding: 0 16px;
    }

    .mc-annonce-gallery {
        justify-content: center;
    }

    .mc-annonce-gallery-item {
        width: 45%;
    }
}


/* === Page "Mon profil colocataire" (ID 1000) === */

/* Cacher la cover + avatar */
body.page-id-1000 .um-profile-cover,
body.page-id-1000 .um-cover,
body.page-id-1000 .um-profile-photo,
body.page-id-1000 .um-profile-photo a,
body.page-id-1000 .um-profile-photo img {
    display: none !important;
}

/* Réduire l'espace du header */
body.page-id-1000 .um-header {
    min-height: auto !important;
    padding: 20px 0 10px 0 !important;
}

/* Garder uniquement la roue dentée */
body.page-id-1000 .um-profile-nav {
    background: #06B6D4 !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 10px !important;
    justify-content: flex-end !important;
    padding-right: 20px !important;
}

/* Cacher les onglets + leurs icônes */
body.page-id-1000 .um-profile-nav-item,
body.page-id-1000 .um-profile-nav-item a,
body.page-id-1000 .um-profile-nav-item i {
    display: none !important;
}





/* --- MENU ROUE DENTÉE Ultimate Member (valable partout) --- */

.um-profile-edit .um-dropdown {
    background: white !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 4px 0 !important;
    min-width: 170px;
    width: auto;
    z-index: 9999;
}

.um-profile-edit .um-dropdown:before,
.um-profile-edit .um-dropdown:after {
    display: none !important;
}

.um-profile-edit .um-dropdown li a {
    color: #0F172A !important;    /* noir pour que ce soit lisible */
    font-weight: 600;
    padding: 6px 12px !important;
    display: block;
}

.um-profile-edit .um-dropdown li a:hover {
    background: #16A34A !important;
    color: #FFFFFF !important;
}

/* --- Bouton "Mettre à jour le profil" --- */
.um-profile-edit .um-button.um-button-update {
    background:#0F172A !important;
    color:#F9FAFB !important;
    border:none !important;
    border-radius:999px !important;
    padding:10px 22px !important;
    font-weight:600 !important;
}

/* --- Message privée : champ de saisie --- */
.um-message-modal textarea,
.um-message-modal .um-message-textarea,
.um-message-modal .wp-editor-area {
    color: #0F172A !important;
    background-color: #FFFFFF !important;
}

/* Placeholder */
.um-message-modal textarea::placeholder,
.um-message-modal .wp-editor-area::placeholder {
    color: #9CA3AF !important;
}

/* ---- Suppression Avatar & Header UM ---- 
.um-header,
.um-profile-photo,
.um-profile-header,
.um-profile-meta,
.um-profile-nav,
.um-profile-meta-main,
.um-profile-header-photo,
.um-profile-nav-wrapper {
    display: none !important;
}
*/

/* ---- Garder le header / roue dentée ---- */
.um-header,
.um-profile-header {
    display: block !important;
}

/* Cacher l’avatar et les infos de profil dans le header */
.um-profile-photo,
.um-profile-meta,
.um-profile-name,
.um-profile-status,
.um-profile-badge {
    display: none !important;
}

/* Cacher la barre d’onglets (À propos / Publications / Commentaires / Messages) */
.um-profile-nav,
.um-profile-nav-item,
.um-profile-body .um-profile-nav {
    display: none !important;
}

/* Enlever le fond visuel du header */
.um-profile-header-bg,
.um-profile-header-overlay {
    display: none !important;
}

/* Positionner la roue dentée en haut à droite */
.um-profile-edit {
    display: block !important;
    position: relative;
    text-align: right;
    margin: 10px 20px 0 0;
    z-index: 10;
}

/* Couleur de l’icône / lien de la roue */
.um-profile-edit a {
    color: #F9FAFB !important;
}



/* Suppression bande de tabs */
.um-profile-nav {
    display: none !important;
}

/* Suppression du fond gris */
.um-profile-header-bg,
.um-profile-header-overlay {
    display: none !important;
}

/* Container propre */
.um-profile {
    margin-top: 30px !important;
}

/* On garde la roue dentée alignée en haut à droite */
.um-profile-edit {
    position: absolute;
    right: 30px;
    top: 20px;
}

.mc-profile-info-text {
    font-size: 20px;
    font-weight: 600;
    color: #F9FAFB;
    margin: 20px 0;
    text-align: center;
}


/* --- Page édition profil Ultimate Member (um_action=edit) --- */

body.um-page-user_edit,
body.um-page-user_edit form,
.um-profile.um-editing {
    background:#0F172A !important;      /* fond bleu-nuit */
    color:#F9FAFB !important;           /* texte blanc */
}

/* Champ input */
.um-profile.um-editing input[type="text"],
.um-profile.um-editing input[type="email"],
.um-profile.um-editing textarea {
    background:#FFFFFF !important;      /* champ blanc lisible */
    color:#0F172A !important;           /* texte noir dans champ */
    border-radius:6px !important;
}

/* Label */
.um-profile.um-editing .um-field-label {
    color:#F9FAFB !important;
}

/* Bouton "Mettre à jour" */
.um-profile.um-editing .um-button {
    background:#06B6D4 !important;
    color:#0F172A !important;
    font-weight:600;
    border-radius:999px !important;
}

/* Fond global */
body,
#page,
#content,
.site,
.site-content,
.um-page-user_edit,
.um {
    background:#0F172A !important;
}

/* Zone formulaire UM */
.um-profile.um-editing,
.um-form,
.um-form form {
    background:#0F172A !important;
    color:#F9FAFB !important;
}

/* Zone wrapper (pour large white) */
html {
    background:#0F172A !important;
}

/* S'assure que le formulaire d'édition de profil UM est visible */
body.um-page-user.um-page-user-edit .um,
body.um-page-user.um-page-user-edit .um-form,
body.um-page-user.um-page-user-edit .um-profile {
    display: block !important;
    visibility: visible !important;
}