/* ═══════════════════════════════════════════════════════════════════════
   Excellence Cyprus — My Projects Dashboard Overrides
   Loads after: houzez/css/dashboard/style-ltr.css + responsive.css

   KEY FINDING from DevTools on My Properties:
   .dashboard-sidebar is position:fixed; width:240px
   This takes it OUT of document flow — .dashboard-right needs
   margin-left:240px to not sit underneath it.
   Houzez sets this margin on .dashboard-right for its own pages.
   Our page gets the fixed sidebar but NOT the compensating margin.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Fix content area pushed by fixed sidebar ───────────────────────── */
body.ec-dashboard-projects .dashboard-right {
    margin-left: 240px;
    min-height: 100vh;
    width: calc(100% - 240px);
}

/* ── Admin bar offset — sidebar is fixed, must clear the 32px WP admin bar ── */
body.admin-bar.ec-dashboard-projects .dashboard-sidebar {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar.ec-dashboard-projects .dashboard-sidebar {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
    }
}

/* ── Sidebar collapse ────────────────────────────────────────────────── */
body.ec-dashboard-projects .dashboard-sidebar.ec-sidebar-collapsed {
    left: -240px;
}
body.ec-dashboard-projects .dashboard-sidebar.ec-sidebar-collapsed ~ .dashboard-right {
    margin-left: 0;
    width: 100%;
}

/* ── Kill bullet points from main.css bleeding in ───────────────────── */
body.ec-dashboard-projects .dashboard-sidebar .nav-box ul,
body.ec-dashboard-projects .header .header-actions,
body.ec-dashboard-projects .propertie-list ul {
    list-style: none !important;
    padding-left: 0 !important;
}
body.ec-dashboard-projects .dashboard-sidebar .nav-box ul li::before,
body.ec-dashboard-projects .dashboard-sidebar .nav-box ul li::after,
body.ec-dashboard-projects .header .header-actions li::before,
body.ec-dashboard-projects .header .header-actions li::after,
body.ec-dashboard-projects .propertie-list ul li::before,
body.ec-dashboard-projects .propertie-list ul li::after {
    display: none !important;
}

/* ── Status badges ───────────────────────────────────────────────────── */
.badge-approved { background:#e8f5e9; color:#2e7d32; padding:3px 10px; border-radius:50px; font-size:12px; font-weight:600; display:inline-block; }
.badge-pending  { background:#fff3e0; color:#e65100; padding:3px 10px; border-radius:50px; font-size:12px; font-weight:600; display:inline-block; }
.badge-draft    { background:#f5f5f5; color:#757575; padding:3px 10px; border-radius:50px; font-size:12px; font-weight:600; display:inline-block; }

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 1280px) {
    body.ec-dashboard-projects .dashboard-right {
        margin-left: 0;
        width: 100%;
    }
}