/* =====================================================
   De Pierre en Pierre — Dashboard Luxe V57
   CSS chargé globalement, mais limité aux classes Houzez dashboard.
   ===================================================== */

/* Scope : toute page contenant une structure dashboard Houzez */
body:has(.dashboard-content-area),
body:has(.dashboard-main-wrap),
body:has(.dashboard-side-wrap),
body:has(.dashboard-header-wrap),
body:has(.user-dashboard-left),
body:has(.user-dashboard-right),
body:has(.dashboard-panel) {
    --dpep-dash-navy: #041C34;
    --dpep-dash-navy-2: #071F39;
    --dpep-dash-ink: #071D33;
    --dpep-dash-gold: #C9A36A;
    --dpep-dash-gold-dark: #B58A43;
    --dpep-dash-ivory: #FAF7F1;
    --dpep-dash-stone: #F3EFE7;
    --dpep-dash-line: rgba(7,29,51,.12);
    --dpep-dash-serif: "Playfair Display", Georgia, "Times New Roman", serif;
    --dpep-dash-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--dpep-dash-ivory) !important;
}

/* Masquer l'ancien look trop Houzez quand il existe, sans supprimer les contenus */
.dashboard-header-wrap,
.dashboard-header-main-wrap,
.dashboard-topbar,
.board-header,
.dashboard-bar {
    background: #041C34 !important;
    border: 0 !important;
    box-shadow: 0 12px 34px rgba(4,28,52,.12) !important;
}

.dashboard-header-wrap a,
.dashboard-header-main-wrap a,
.dashboard-topbar a,
.board-header a {
    color: #fff !important;
}

/* Sidebar / menu dashboard */
.dashboard-side-wrap,
.dashboard-sidebar,
.dashboard-nav,
.dashboard-menu,
.user-dashboard-left,
.board-panel-menu,
.dashboard-left,
.dashboard-sidebar-inner {
    background: #041C34 !important;
    color: #fff !important;
    border-right: 0 !important;
    box-shadow: 12px 0 34px rgba(4,28,52,.10) !important;
}

.dashboard-side-wrap a,
.dashboard-sidebar a,
.dashboard-nav a,
.dashboard-menu a,
.user-dashboard-left a,
.board-panel-menu a,
.dashboard-left a,
.dashboard-sidebar-inner a {
    color: rgba(255,255,255,.78) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    text-transform: none !important;
}

.dashboard-side-wrap a:hover,
.dashboard-sidebar a:hover,
.dashboard-nav a:hover,
.dashboard-menu a:hover,
.user-dashboard-left a:hover,
.board-panel-menu a:hover,
.dashboard-left a:hover,
.dashboard-side-wrap .active > a,
.dashboard-sidebar .active > a,
.dashboard-nav .active > a,
.dashboard-menu .active > a,
.user-dashboard-left .active > a,
.board-panel-menu .active > a {
    color: #fff !important;
    background: rgba(201,163,106,.15) !important;
}

/* Zone de contenu dashboard */
.dashboard-content-area,
.dashboard-content-wrap,
.dashboard-main-wrap,
.dashboard-body,
.user-dashboard-right,
.dashboard-right,
.board-panel-content,
.dashboard-panel,
.dashboard-area {
    background: #FAF7F1 !important;
    color: #071D33 !important;
}

/* Titres */
.dashboard-content-area h1,
.dashboard-content-area h2,
.dashboard-content-area h3,
.dashboard-content-wrap h1,
.dashboard-content-wrap h2,
.dashboard-content-wrap h3,
.dashboard-main-wrap h1,
.dashboard-main-wrap h2,
.dashboard-main-wrap h3,
.user-dashboard-right h1,
.user-dashboard-right h2,
.user-dashboard-right h3,
.dashboard-title,
.page-title,
.board-header-title {
    color: #071D33 !important;
    font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
    font-weight: 500 !important;
    letter-spacing: -.025em !important;
}

/* Cartes, blocs, tables */
.dashboard-content-block,
.dashboard-statistic-block,
.dashboard-card,
.dashboard-table-wrap,
.dashboard-property-item,
.dashboard-listing-item,
.dashboard-panel .block,
.dashboard-panel .block-wrap,
.user-dashboard-right .block-wrap,
.user-dashboard-right .property-item,
.dashboard-content-area .property-item,
.dashboard-content-wrap .property-item,
.membership-package-order-detail,
.form-step,
.submit-form-wrap,
.property-form-wrap,
.invoice-list-wrap,
.message-thread,
.fave-card,
.card {
    border-radius: 0 !important;
    border: 1px solid rgba(7,29,51,.10) !important;
    background: #fff !important;
    box-shadow: 0 16px 44px rgba(7,29,51,.06) !important;
}

/* Listings */
.dashboard-content-area .item-title a,
.dashboard-content-wrap .item-title a,
.dashboard-main-wrap .item-title a,
.user-dashboard-right .item-title a,
.dashboard-content-area .property-title a,
.dashboard-content-wrap .property-title a,
.dashboard-main-wrap .property-title a,
.user-dashboard-right .property-title a {
    color: #071D33 !important;
    font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
    font-weight: 500 !important;
}

/* Boutons */
.dashboard-content-area .btn,
.dashboard-content-wrap .btn,
.dashboard-main-wrap .btn,
.user-dashboard-right .btn,
.dashboard-content-area button,
.dashboard-content-wrap button,
.dashboard-main-wrap button,
.user-dashboard-right button,
.dashboard-content-area input[type="submit"],
.dashboard-content-wrap input[type="submit"],
.dashboard-main-wrap input[type="submit"],
.user-dashboard-right input[type="submit"] {
    border-radius: 0 !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.dashboard-content-area .btn-primary,
.dashboard-content-wrap .btn-primary,
.dashboard-main-wrap .btn-primary,
.user-dashboard-right .btn-primary,
.dashboard-content-area .btn-success,
.dashboard-content-wrap .btn-success,
.dashboard-main-wrap .btn-success,
.user-dashboard-right .btn-success,
.dashboard-content-area button[type="submit"],
.dashboard-content-wrap button[type="submit"],
.dashboard-main-wrap button[type="submit"],
.user-dashboard-right button[type="submit"],
.dashboard-content-area input[type="submit"],
.dashboard-content-wrap input[type="submit"],
.dashboard-main-wrap input[type="submit"],
.user-dashboard-right input[type="submit"] {
    background: linear-gradient(135deg, #C9A36A, #B58A43) !important;
    border-color: #B58A43 !important;
    color: #fff !important;
}

/* Champs */
.dashboard-content-area input,
.dashboard-content-area textarea,
.dashboard-content-area select,
.dashboard-content-area .form-control,
.dashboard-content-wrap input,
.dashboard-content-wrap textarea,
.dashboard-content-wrap select,
.dashboard-content-wrap .form-control,
.dashboard-main-wrap input,
.dashboard-main-wrap textarea,
.dashboard-main-wrap select,
.dashboard-main-wrap .form-control,
.user-dashboard-right input,
.user-dashboard-right textarea,
.user-dashboard-right select,
.user-dashboard-right .form-control,
.bootstrap-select > .dropdown-toggle {
    border-radius: 0 !important;
    border-color: rgba(7,29,51,.18) !important;
    box-shadow: none !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Tables */
.dashboard-content-area table,
.dashboard-content-wrap table,
.dashboard-main-wrap table,
.user-dashboard-right table {
    background: #fff !important;
    border-color: rgba(7,29,51,.10) !important;
}

.dashboard-content-area th,
.dashboard-content-wrap th,
.dashboard-main-wrap th,
.user-dashboard-right th {
    color: #071D33 !important;
    background: #F3EFE7 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 12px !important;
}

/* Mobile dashboard */
@media (max-width: 767px) {
    body:has(.dashboard-content-area),
    body:has(.dashboard-main-wrap),
    body:has(.dashboard-side-wrap),
    body:has(.user-dashboard-right) {
        background: #FAF7F1 !important;
    }

    .dashboard-content-area,
    .dashboard-content-wrap,
    .dashboard-main-wrap,
    .user-dashboard-right,
    .dashboard-right,
    .board-panel-content {
        padding: 16px !important;
        background: #FAF7F1 !important;
    }

    .dashboard-content-area h1,
    .dashboard-content-wrap h1,
    .dashboard-main-wrap h1,
    .user-dashboard-right h1,
    .dashboard-title {
        font-size: 34px !important;
        line-height: 1.05 !important;
    }

    .dashboard-side-wrap,
    .dashboard-sidebar,
    .user-dashboard-left,
    .board-panel-menu {
        background: #041C34 !important;
    }

    .dashboard-content-block,
    .dashboard-card,
    .property-item,
    .block-wrap,
    .dashboard-table-wrap {
        margin-bottom: 16px !important;
    }

    .dashboard-content-area .btn,
    .dashboard-content-wrap .btn,
    .dashboard-main-wrap .btn,
    .user-dashboard-right .btn {
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Fallback pour navigateurs sans :has : si le body porte des classes dashboard */
body[class*="dashboard"] .dashboard-header-wrap,
body[class*="dashboard"] .dashboard-side-wrap,
body[class*="dashboard"] .dashboard-sidebar,
body[class*="dashboard"] .dashboard-nav,
body[class*="dashboard"] .dashboard-menu {
    background: #041C34 !important;
}

body[class*="dashboard"] .dashboard-content-area,
body[class*="dashboard"] .dashboard-content-wrap,
body[class*="dashboard"] .dashboard-main-wrap,
body[class*="dashboard"] .user-dashboard-right {
    background: #FAF7F1 !important;
}