/* DIRECPRO v0.10.1 — Profile Premium UX Cleanup
   Safe visual layer applied after v0.10.0 styles. */

:root{
  --dp101-navy:#0b1738;
  --dp101-navy-2:#152b5c;
  --dp101-blue:#1d5be0;
  --dp101-blue-soft:#eef4ff;
  --dp101-gold:#d8ad36;
  --dp101-gold-soft:#fff7de;
  --dp101-ink:#0d1b38;
  --dp101-muted:#5e6d86;
  --dp101-line:#dfe6f0;
  --dp101-card:#fff;
  --dp101-success:#18734f;
  --dp101-success-soft:#eaf8f2;
  --dp101-shadow:0 18px 48px rgba(15,35,72,.08);
}

/* Base readability */
.dp-profile-parity{background:linear-gradient(180deg,#f5f8fc 0%,#f6f3ec 50%,#f4f6fa 100%)}
.dp-profile-parity .dp-wrap{width:min(1180px,calc(100% - 36px))}
.dp-profile-parity p,.dp-profile-parity li,.dp-profile-parity span{letter-spacing:0}

/* Hero: compact, higher contrast and clearer hierarchy */
.dp-profile-hero-parity{
  padding:24px 0 54px!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(68,202,255,.15),transparent 30%),
    linear-gradient(135deg,#f8fbff 0%,#eef5fc 58%,#e9f8fb 100%)!important;
}
.dp-profile-parity-grid{grid-template-columns:250px minmax(0,1fr)!important;gap:34px!important;align-items:center!important}
.dp-profile-photo-parity{width:250px!important;height:286px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 22px 50px rgba(15,35,72,.12)!important}
.dp-profile-heading-parity h1{font-size:clamp(42px,4.7vw,64px)!important;line-height:.98!important;color:var(--dp101-ink)!important;margin-bottom:7px!important}
.dp-profile-heading-parity h2{font-size:clamp(20px,2vw,27px)!important;line-height:1.2!important;color:#526487!important;margin-bottom:12px!important}
.dp-profile-heading-parity .dp-profile-summary{font-size:13.5px!important;line-height:1.7!important;color:#40506d!important;max-width:880px!important}
.dp-profile-signal-line{gap:7px!important;margin-bottom:10px!important}
.dp-profile-signal-line>span{min-height:30px!important;padding:7px 11px!important;font-size:9.5px!important;font-weight:800!important}
.dp-profile-kind{background:#fff!important;color:#26446f!important;border:1px solid #d9e4f2!important}
.dp-profile-verified.is-verified{background:var(--dp101-success-soft)!important;color:var(--dp101-success)!important;border:1px solid #cfeade!important}
.dp-plan-pill{background:linear-gradient(180deg,#fff7dc,#f7eac1)!important;color:#634a00!important;border:1px solid #e7d28b!important}

/* Ratings */
.dp-rating-summary{margin:5px 0 11px!important;gap:8px!important}
.dp-rating-stars i{font-size:16px!important;color:#c8d1df!important}
.dp-rating-stars i.is-filled{color:#d7a925!important}
.dp-rating-summary strong{font-size:12px!important;color:#14284d!important}
.dp-rating-summary small{font-size:10.5px!important;color:#6d7c95!important}

/* Specialty chips — fix pale yellow / low contrast issue */
.dp-profile-heading-parity .profile-tags{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:12px 0 14px!important;
}
.dp-profile-heading-parity .profile-tags span{
  min-height:32px!important;
  padding:8px 12px!important;
  background:#fff!important;
  color:#24406d!important;
  border:1px solid #d9e3ef!important;
  box-shadow:0 5px 14px rgba(23,48,92,.04)!important;
  font-size:9.5px!important;
  font-weight:750!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.dp-profile-heading-parity .profile-tags span:hover{border-color:#bdcce0!important;background:#f8fbff!important}

/* LIVE360 public badges */
.dp-signal-badges{gap:7px!important;margin:12px 0 14px!important}
.dp-signal-badges>span{
  min-height:31px!important;
  padding:7px 10px!important;
  background:#fff!important;
  border:1px solid #dce5f0!important;
  color:#2d466d!important;
  box-shadow:0 4px 12px rgba(15,35,72,.03)!important;
  font-size:9.5px!important;
}
.dp-signal-badges .type-community{background:#f1f5ff!important;color:#2854a7!important;border-color:#d9e5ff!important}
.dp-signal-badges .type-credential{background:#edf9f4!important;color:#16704f!important;border-color:#d4eee2!important}
.dp-signal-badges .type-achievement{background:#fff8e7!important;color:#775c0d!important;border-color:#f0e0ac!important}
.dp-signal-badges .type-membership{background:#f7f2ff!important;color:#6940a0!important;border-color:#eadcfa!important}

/* Facts */
.dp-profile-facts-parity{
  margin:14px 0 12px!important;
  border:1px solid #dce5f0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.72)!important;
}
.dp-profile-facts-parity span{padding:11px 14px!important;border-right:1px solid #dce5f0!important}
.dp-profile-facts-parity strong{font-size:11.5px!important;color:#173157!important}
.dp-profile-facts-parity small{font-size:9px!important;color:#78869c!important}

/* Projection */
.dp-profile-projection-parity{margin:11px 0 15px!important;padding:13px 15px!important;border-color:#d7e4f5!important;background:rgba(245,249,255,.92)!important;box-shadow:0 8px 20px rgba(24,70,135,.04)!important}
.dp-projection-copy{gap:14px!important}
.dp-projection-copy strong,.dp-projection-copy b{font-size:11.5px!important}
.dp-projection-copy span{font-size:9.5px!important}
.dp-projection-meter{height:5px!important;background:#dce7f5!important}

/* Main action buttons */
.dp-profile-actions-parity{gap:9px!important;margin-top:15px!important}
.dp-profile-actions-parity .dp-btn{min-height:44px!important;border-radius:12px!important;padding:11px 16px!important;font-size:10px!important;letter-spacing:.02em!important}
.dp-profile-actions-parity>a.dp-btn:first-child{background:linear-gradient(180deg,#e2bd50,#cca22c)!important;color:#17140b!important;box-shadow:0 10px 24px rgba(202,160,42,.20)!important}
.dp-like-btn{background:#fff!important;color:#c64d63!important;border-color:#ecc8d1!important}
.dp-share-btn{background:linear-gradient(180deg,#2867e6,#1853cd)!important}

/* Content */
.dp-profile-body{padding-top:42px!important}
.dp-profile-layout{grid-template-columns:minmax(0,1.65fr) minmax(290px,.78fr)!important;gap:22px!important;align-items:start!important}
.dp-profile-content{gap:16px!important}
.dp-content-card,.dp-contact-card{border-radius:20px!important;border:1px solid #e0e5ec!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--dp101-shadow)!important}
.dp-content-card{padding:25px 27px!important}
.dp-content-card .dp-kicker,.dp-contact-card .dp-kicker{color:#92701c!important;font-size:9px!important;letter-spacing:.15em!important}
.dp-content-card h2,.dp-contact-card h2{color:var(--dp101-ink)!important;font-size:clamp(25px,2.4vw,35px)!important}
.dp-content-card p{font-size:12.5px!important;line-height:1.85!important;color:#43526c!important}
.dp-content-card .large-tags span{font-size:9.5px!important;background:#f6f8fb!important;color:#314b72!important;border-color:#e2e8f0!important}
.dp-note{background:#f4f7fb!important;border-color:#e2e8f2!important;color:#5e6e88!important;font-size:9.5px!important}

/* Contact card: public-facing only, no plan upsell */
.dp-contact-card-parity{
  padding:22px!important;
  border-top:3px solid #235dde!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
}
.dp-contact-card-parity>p:not(.dp-kicker){font-size:12px!important;line-height:1.7!important;color:#5c6b83!important}
.dp-contact-card-parity .dp-btn.full{min-height:46px!important;border-radius:12px!important;background:linear-gradient(180deg,#e1bc4e,#cda12b)!important;color:#14130f!important;box-shadow:0 9px 22px rgba(202,160,42,.18)!important}
.dp-contact-card-parity>div:not(.dp-social):not(.dp-trust):not(.dp-share-box-parity){padding:13px 0!important;border-color:#e7ebf1!important}
.dp-contact-card-parity>div strong{font-size:10.5px!important;color:#263c60!important}
.dp-contact-card-parity>div span{font-size:11px!important;color:#65748c!important;line-height:1.45!important}
.dp-social{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:17px 0 4px!important}
.dp-social a{
  min-height:38px!important;
  padding:9px 13px!important;
  background:#fff!important;
  border:1px solid #dbe4ef!important;
  color:#214478!important;
  box-shadow:0 4px 12px rgba(15,35,72,.04)!important;
  font-size:10px!important;
}
.dp-social a:hover{background:#f5f8fd!important;border-color:#c8d6e7!important}

/* Verification: calmer and cleaner */
.dp-trust{margin-top:16px!important;padding:14px!important;border-radius:14px!important;background:#f5f7fa!important;border:1px solid #e5eaf1!important}
.dp-trust.is-verified{background:#edf9f4!important;border-color:#d4eee2!important}
.dp-trust strong{font-size:11.5px!important}
.dp-trust span{font-size:9.5px!important;line-height:1.65!important}

/* Share area */
.dp-share-box-parity{margin-top:14px!important;padding:12px!important;border-radius:14px!important;background:#f6f8fd!important;border-color:#dfe7f2!important}
.dp-share-box-parity span{font-size:9px!important;color:#697992!important}
.dp-share-box-parity code{font-size:9.5px!important;color:#2a3f65!important;background:#fff!important;border:1px solid #e3e9f1!important;border-radius:9px!important;padding:8px 9px!important}
.dp-share-box-parity button{min-height:36px!important;background:#e8effc!important;color:#1c4da8!important;border:1px solid #d8e4fa!important}
.dp-safety-note{margin-top:12px!important;padding:10px 11px!important;background:#f7f8fa!important;color:#717e91!important;font-size:9px!important}

/* Empty, rating and testimonials */
.dp-empty-inline{background:#fafbfd!important;border-color:#dbe3ed!important}
.dp-rating-panel-parity{padding-top:24px!important;padding-bottom:24px!important}
.dp-star-input label{font-size:27px!important}
.dp-testimonials-parity blockquote{background:#fbfcfe!important;border-color:#e0e6ef!important}
.dp-testimonial-form-parity{background:#fbfcfe!important;border-color:#dfe6ef!important}

/* Official badge stack — reduce visual collision with profile photo */
.dp-official-badge-stack{margin-top:-25px!important;gap:8px!important}
.dp-official-badge-stack figure{width:78px!important}
.dp-official-badge-stack img{width:60px!important;height:60px!important}
.dp-official-badge-stack figcaption{font-size:8.5px!important;color:#2d466c!important}

/* Responsive */
@media(max-width:980px){
  .dp-profile-parity-grid{grid-template-columns:210px minmax(0,1fr)!important;gap:28px!important}
  .dp-profile-photo-parity{width:210px!important;height:244px!important}
  .dp-profile-layout{grid-template-columns:1fr!important}
  .dp-profile-side{position:static!important}
  .dp-contact-card-parity{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:22px!important}
  .dp-contact-card-parity .dp-kicker,.dp-contact-card-parity h2,.dp-contact-card-parity>p,.dp-contact-card-parity .dp-btn.full,.dp-contact-card-parity .dp-btn.ghost-dark,.dp-contact-card-parity .dp-link,.dp-contact-card-parity .dp-social,.dp-contact-card-parity .dp-trust,.dp-contact-card-parity .dp-share-box-parity,.dp-contact-card-parity .dp-safety-note{grid-column:1/-1!important}
}

@media(max-width:760px){
  .dp-profile-parity .dp-wrap{width:min(100% - 24px,1180px)!important}
  .dp-profile-hero-parity{padding:18px 0 42px!important}
  .dp-profile-parity-grid{grid-template-columns:1fr!important;gap:22px!important}
  .dp-profile-visual-column{justify-items:start!important}
  .dp-profile-photo-parity{width:min(100%,230px)!important;height:260px!important}
  .dp-profile-heading-parity h1{font-size:38px!important}
  .dp-profile-heading-parity h2{font-size:20px!important}
  .dp-profile-heading-parity .dp-profile-summary{font-size:13px!important}
  .dp-profile-heading-parity .profile-tags{gap:7px!important}
  .dp-profile-heading-parity .profile-tags span{font-size:9px!important;min-height:30px!important}
  .dp-profile-facts-parity{grid-template-columns:1fr!important}
  .dp-profile-facts-parity span{border-right:0!important;border-bottom:1px solid #dce5f0!important}
  .dp-profile-facts-parity span:last-child{border-bottom:0!important}
  .dp-projection-copy{grid-template-columns:1fr 1fr!important}
  .dp-projection-copy p:first-child{grid-column:1/-1!important}
  .dp-profile-actions-parity{display:grid!important;grid-template-columns:1fr 1fr!important}
  .dp-profile-actions-parity>a.dp-btn:first-child{grid-column:1/-1!important}
  .dp-profile-actions-parity form,.dp-profile-actions-parity form .dp-btn,.dp-profile-actions-parity>.dp-btn{width:100%!important}
  .dp-content-card,.dp-contact-card{padding:21px!important;border-radius:18px!important}
  .dp-content-card p{font-size:12.5px!important}
  .dp-contact-card-parity{display:block!important}
  .dp-mobile-profile-actions{box-shadow:0 -10px 25px rgba(15,35,72,.08)!important}
}

@media(max-width:520px){
  .dp-profile-parity .dp-wrap{width:min(100% - 20px,1180px)!important}
  .dp-profile-heading-parity h1{font-size:34px!important}
  .dp-profile-heading-parity h2{font-size:19px!important}
  .dp-profile-signal-line>span,.dp-signal-badges>span{font-size:9px!important;padding:7px 9px!important}
  .dp-profile-heading-parity .profile-tags span{font-size:9px!important;padding:7px 9px!important}
  .dp-profile-actions-parity{grid-template-columns:1fr!important}
  .dp-profile-actions-parity>a.dp-btn:first-child{grid-column:auto!important}
  .dp-content-card h2,.dp-contact-card h2{font-size:27px!important}
  .dp-content-card,.dp-contact-card{padding:19px!important}
  .dp-profile-photo-parity{width:min(100%,210px)!important;height:238px!important}
  .dp-official-badge-stack{justify-content:flex-start!important;margin-top:-20px!important}
  .dp-official-badge-stack figure{width:66px!important}
  .dp-official-badge-stack img{width:52px!important;height:52px!important}
}
