/* ---------------------------------------
   3PL Hub — Member Profile (Dark Theme)
   Font: Poppins
   Palette: black, white, #167af2, light grey, charcoal
---------------------------------------- */
.ph-profile-page{
  font-family: 'Poppins', sans-serif !important;

  --ph-blue:#167af2;
  --ph-blue-hover:#1267cc;

  --ph-bg:#000000;            /* page background */
  --ph-surface:#0f1115;       /* main surface */
  --ph-card:#141821;          /* cards/boxes */
  --ph-card-hover:#171c26;    /* slightly darker hover */
  --ph-border:#262b36;

  --ph-text:#ffffff;
  --ph-muted:#b7bcc8;

  --ph-radius:16px;
  --ph-radius-sm:12px;
  --ph-shadow:0 12px 30px rgba(0,0,0,.45);
}

/* Ensure the profile canvas is dark */
.ph-profile-page{
  background: var(--ph-bg) !important;
  color: var(--ph-text) !important;
  padding-top: 6px;
  padding-bottom: 18px;
}

/* Columns padding */
.ph-profile-page .ph-main,
.ph-profile-page .ph-sidebar{
  padding-left: 12px;
  padding-right: 12px;
}

/* Typography */
.ph-profile-page h1,
.ph-profile-page h2,
.ph-profile-page h3,
.ph-profile-page h4,
.ph-profile-page h5,
.ph-profile-page h6{
  color: var(--ph-text) !important;
  font-family: 'Poppins', sans-serif !important;
}
.ph-profile-page p,
.ph-profile-page li,
.ph-profile-page span,
.ph-profile-page label,
.ph-profile-page small,
.ph-profile-page div{
  font-family: 'Poppins', sans-serif !important;
}

/* Links */
.ph-profile-page a{ color: var(--ph-blue); }
.ph-profile-page a:hover{ color: var(--ph-blue-hover); }

/* General “boxes” inside profile should feel like cards */
.ph-profile-page .well,
.ph-profile-page .panel,
.ph-profile-page .box,
.ph-profile-page .card,
.ph-profile-page .panel-default,
.ph-profile-page .member-profile-widget{
  background: var(--ph-card) !important;
  border: 1px solid var(--ph-border) !important;
  border-radius: var(--ph-radius) !important;
  box-shadow: var(--ph-shadow) !important;
  color: var(--ph-text) !important;
}

/* Tables and separators */
.ph-profile-page hr{ border-color: var(--ph-border) !important; }
.ph-profile-page .divider,
.ph-profile-page .clearfix-lg{
  border-color: var(--ph-border) !important;
}

/* Breadcrumbs (if visible) */
.ph-profile-page .breadcrumb{
  background: transparent !important;
  color: var(--ph-muted) !important;
}
.ph-profile-page .breadcrumb a{ color: var(--ph-muted) !important; }
.ph-profile-page .breadcrumb a:hover{ color: var(--ph-text) !important; }

/* Buttons (make BD defaults match theme) */
.ph-profile-page .btn{
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
}
.ph-profile-page .btn-primary{
  background: var(--ph-blue) !important;
  border-color: var(--ph-blue) !important;
}
.ph-profile-page .btn-primary:hover{
  background: var(--ph-blue-hover) !important;
  border-color: var(--ph-blue-hover) !important;
}
.ph-profile-page .btn-default{
  background: transparent !important;
  border: 1px solid var(--ph-border) !important;
  color: var(--ph-text) !important;
}
.ph-profile-page .btn-default:hover{
  background: var(--ph-card-hover) !important;
  border-color: #2f3645 !important;
}

/* Keep any existing floating warning button safe */
a.btn.btn-warning.pull-right.bmargin.xs-nomargin{
  position: relative;
  z-index: 999;
}

/* Make any white backgrounds inside the profile darker (common BD blocks) */
.ph-profile-page .bg-white,
.ph-profile-page .white-bg,
.ph-profile-page .panel-body,
.ph-profile-page .tab-content{
  background: transparent !important;
}

/* Muted text helpers */
.ph-profile-page .text-muted,
.ph-profile-page .muted{
  color: var(--ph-muted) !important;
}