/* DIRECPRO v0.10.0 — UX / Responsive / SEO presentation layer */
:root{
  --dp10-ink:#0b1834;
  --dp10-ink-soft:#4b5a75;
  --dp10-line:#dde5ef;
  --dp10-surface:#ffffff;
  --dp10-surface-soft:#f7f9fc;
  --dp10-gold:#d7aa2d;
  --dp10-blue:#1d5be0;
  --dp10-green:#15714f;
  --dp10-shadow:0 18px 48px rgba(15,35,72,.08);
}

/* Global UX polish */
.dp-profile-parity{background:linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%)}
.dp-profile-parity .dp-wrap{width:min(1240px,calc(100% - 40px))}
.dp-profile-parity a,.dp-profile-parity button{touch-action:manipulation}
.dp-profile-parity img{max-width:100%}
.dp-profile-parity code,.dp-profile-parity p,.dp-profile-parity span,.dp-profile-parity strong{overflow-wrap:anywhere}
.dp-profile-parity :focus-visible{outline:3px solid rgba(29,91,224,.28);outline-offset:3px}

/* Hero: more compact, better hierarchy */
.dp-profile-hero-parity{
  padding:22px 0 48px;
  background:
    radial-gradient(circle at 86% 14%,rgba(47,190,255,.15),transparent 27%),
    radial-gradient(circle at 8% 100%,rgba(215,170,45,.08),transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#edf4fb 58%,#e8f8fb 100%);
}
.dp-profile-hero-parity .dp-breadcrumb{margin-bottom:24px;font-size:10px}
.dp-profile-parity-grid{grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center}
.dp-profile-photo-parity{width:240px;height:272px;border-radius:24px;box-shadow:0 18px 40px rgba(15,35,72,.12)}
.dp-profile-heading-parity{min-width:0}
.dp-profile-heading-parity h1{font-size:clamp(42px,4.4vw,64px);line-height:.98;letter-spacing:-.045em}
.dp-profile-heading-parity h2{font-size:clamp(20px,2vw,28px);line-height:1.2}
.dp-profile-heading-parity .dp-profile-summary{max-width:900px;font-size:13px;line-height:1.75}
.dp-profile-signal-line{margin-bottom:10px}
.dp-profile-signal-line>span,.dp-signal-badges>span{min-height:30px}
.dp-signal-badges{margin:12px 0;gap:7px}
.dp-tags{gap:7px}
.dp-tags span{white-space:normal;line-height:1.35;text-align:center}
.dp-rating-summary{margin:2px 0 10px}
.dp-profile-facts-parity{margin:14px 0 12px;border-radius:14px;overflow:hidden;border:1px solid #dbe4ef;background:rgba(255,255,255,.62)}
.dp-profile-facts-parity span{padding:11px 13px}
.dp-profile-projection-parity{margin:10px 0 14px;padding:13px 15px;background:rgba(255,255,255,.68);box-shadow:0 8px 20px rgba(15,35,72,.04)}
.dp-profile-actions-parity{gap:9px;margin-top:12px}
.dp-profile-actions-parity .dp-btn,.dp-profile-actions-parity button{min-height:44px}

/* Profile body: readable editorial layout */
.dp-profile-body{padding:42px 0 58px}
.dp-profile-layout{grid-template-columns:minmax(0,1.62fr) minmax(300px,.78fr);gap:22px;align-items:start}
.dp-profile-content{gap:16px}
.dp-content-card,.dp-contact-card{border:1px solid var(--dp10-line)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--dp10-shadow)!important}
.dp-content-card{padding:28px!important}
.dp-content-card h2,.dp-contact-card h2{font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.035em}
.dp-content-card p{font-size:13px!important;line-height:1.88!important;color:#4c5c76!important}
.dp-content-card .dp-kicker,.dp-contact-card .dp-kicker{margin-bottom:9px}
.dp-profile-side{top:102px}
.dp-contact-card-parity{padding:22px!important;border-top:3px solid var(--dp10-blue)!important}
.dp-contact-card-parity>p:not(.dp-kicker){font-size:11.5px;line-height:1.72}
.dp-contact-card-parity>div:not(.dp-social):not(.dp-trust):not(.dp-share-box-parity){padding:12px 0}
.dp-contact-card-parity .dp-btn.full{min-height:46px}
.dp-social a{min-height:38px}
.dp-share-box-parity button{min-height:40px}

/* Better services / rating / community spacing */
.dp-services article{background:#fbfcfe;border-color:#e2e8f0}
.dp-rating-panel-parity{grid-template-columns:minmax(0,1fr) auto;padding-block:24px!important}
.dp-rating-panel-parity form{min-width:220px}
.dp-star-input label{font-size:30px}
.dp-testimonials-parity blockquote{background:#fbfcfe}
.dp-testimonial-form-parity summary{min-height:44px;display:flex;align-items:center}
.dp-testimonial-form-parity input,.dp-testimonial-form-parity textarea{font-size:13px;min-height:44px}
.dp-testimonial-form-parity textarea{min-height:120px}

/* Related cards */
.dp-related{padding:8px 0 72px}
.dp-related .dp-grid{gap:18px}

/* Mobile fixed action bar */
.dp-mobile-profile-actions{display:none}

/* Large tablet */
@media(max-width:1120px){
  .dp-profile-parity .dp-wrap{width:min(1160px,calc(100% - 32px))}
  .dp-profile-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}
  .dp-content-card{padding:24px!important}
}

/* Tablet */
@media(max-width:920px){
  .dp-profile-parity-grid{grid-template-columns:210px minmax(0,1fr);gap:24px}
  .dp-profile-photo-parity{width:210px;height:238px}
  .dp-profile-heading-parity h1{font-size:46px}
  .dp-profile-layout{grid-template-columns:1fr}
  .dp-profile-side{position:static}
  .dp-contact-card-parity{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:start}
  .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-premium-note,.dp-contact-card-parity .dp-safety-note{grid-column:1/-1}
  .dp-rating-panel-parity{grid-template-columns:1fr}
  .dp-rating-panel-parity form{justify-items:start;min-width:0}
}

/* Mobile */
@media(max-width:760px){
  body{padding-bottom:70px}
  .dp-profile-parity .dp-wrap{width:calc(100% - 22px)}
  .dp-profile-flashes{padding-top:10px}
  .dp-profile-notice{font-size:11px}
  .dp-profile-hero-parity{padding:16px 0 34px}
  .dp-profile-hero-parity .dp-breadcrumb{margin-bottom:18px;white-space:nowrap;overflow-x:auto;padding-bottom:4px}
  .dp-profile-parity-grid{grid-template-columns:1fr;gap:18px}
  .dp-profile-visual-column{justify-items:center;gap:10px}
  .dp-profile-photo-parity{width:min(76vw,260px);height:min(84vw,290px)}
  .dp-official-badge-stack{justify-content:center;margin-top:-24px;width:100%}
  .dp-profile-heading-parity{text-align:left}
  .dp-profile-heading-parity h1{font-size:clamp(36px,11vw,48px);line-height:1}
  .dp-profile-heading-parity h2{font-size:20px}
  .dp-profile-heading-parity .dp-profile-summary{font-size:13px;line-height:1.7}
  .dp-profile-signal-line,.dp-signal-badges,.dp-tags,.dp-profile-actions-parity{justify-content:flex-start}
  .dp-profile-facts-parity{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px}
  .dp-profile-facts-parity span{padding:10px 8px;text-align:center;border-right:1px solid #dbe4ef;border-bottom:0}
  .dp-profile-facts-parity span:last-child{border-right:0}
  .dp-profile-facts-parity strong{font-size:11px}
  .dp-profile-facts-parity small{font-size:8px}
  .dp-projection-copy{grid-template-columns:1fr auto auto;gap:10px}
  .dp-profile-actions-parity{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .dp-profile-actions-parity>form:first-of-type,.dp-profile-actions-parity>a:first-child{grid-column:1/-1}
  .dp-profile-actions-parity .dp-btn,.dp-profile-actions-parity button{width:100%;justify-content:center}
  .dp-profile-body{padding:24px 0 44px}
  .dp-content-card,.dp-contact-card{border-radius:18px!important}
  .dp-content-card{padding:20px!important}
  .dp-content-card h2,.dp-contact-card h2{font-size:28px}
  .dp-content-card p{font-size:13px!important;line-height:1.82!important}
  .dp-contact-card-parity{display:block;padding:20px!important}
  .dp-rating-panel-parity{gap:14px}
  .dp-star-input{width:100%;justify-content:flex-start}
  .dp-star-input label{font-size:28px}
  .dp-testimonial-form-parity form{padding:0 12px 14px}
  .dp-related{padding-bottom:40px}
  .dp-mobile-profile-actions{position:fixed;left:10px;right:10px;bottom:10px;z-index:90;display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:7px;padding:7px;background:rgba(7,18,47,.94);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
  .dp-mobile-profile-actions a,.dp-mobile-profile-actions button{min-height:44px;border:0;border-radius:11px;padding:8px 10px;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:800;color:#fff;background:rgba(255,255,255,.08)}
  .dp-mobile-profile-actions a:first-child{background:#d7aa2d;color:#10152a}
  .dp-mobile-profile-actions button{cursor:pointer}
}

/* Small phones */
@media(max-width:520px){
  .dp-profile-heading-parity h1{font-size:38px}
  .dp-profile-heading-parity h2{font-size:19px}
  .dp-profile-signal-line>span,.dp-signal-badges>span,.dp-tags span{font-size:8px;padding:7px 9px}
  .dp-official-badge-stack figure{width:62px}
  .dp-official-badge-stack img{width:52px;height:52px}
  .dp-profile-facts-parity{grid-template-columns:1fr 1fr 1fr}
  .dp-projection-copy{grid-template-columns:1fr 1fr}
  .dp-projection-copy p:first-child{grid-column:1/-1}
  .dp-profile-actions-parity{grid-template-columns:1fr}
  .dp-profile-actions-parity>form:first-of-type,.dp-profile-actions-parity>a:first-child{grid-column:auto}
  .dp-mobile-profile-actions{grid-template-columns:1.2fr .85fr .85fr}
  .dp-mobile-profile-actions a,.dp-mobile-profile-actions button{font-size:9px;padding:7px 6px}
}

/* Ultra small */
@media(max-width:380px){
  .dp-profile-parity .dp-wrap{width:calc(100% - 16px)}
  .dp-profile-heading-parity h1{font-size:34px}
  .dp-profile-facts-parity{grid-template-columns:1fr}
  .dp-profile-facts-parity span{border-right:0;border-bottom:1px solid #dbe4ef;text-align:left}
  .dp-profile-facts-parity span:last-child{border-bottom:0}
  .dp-mobile-profile-actions{left:6px;right:6px;bottom:6px}
}
