/* ------------------------------------------------------------------
   Expert advisor block shown beneath the Commodities Derivatives
   enquiry form. It stays visible after submission, so someone who has
   just sent their details still has a direct line to the desk.
   ------------------------------------------------------------------ */

.cd-expert{
  margin-top:1.5rem;
  padding:1.25rem;
  border:1px solid #eef1f5;
  border-radius:.75rem;
  background:#fbfcfe;
}

.cd-expert-label{
  display:block;
  margin-bottom:.75rem;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#6a747b;
}

.cd-expert-body{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}

.cd-expert-avatar{
  flex:0 0 auto;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(247,14,136,.08);
  color:#f70e88;
  font-size:1.35rem;
}

.cd-expert-details{
  flex:1 1 12rem;
  min-width:0;
}

.cd-expert-name{
  margin:0;
  font-size:1.0625rem;
  font-weight:700;
  color:#2d343e;
}

.cd-expert-role{
  margin:0;
  font-size:.875rem;
  color:#6a747b;
}

.cd-expert-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}

.cd-expert-actions .btn{
  white-space:nowrap;
}

@media (max-width:575.98px){
  .cd-expert-actions{ width:100%; }
  .cd-expert-actions .btn{ flex:1 1 auto; }
}

/* Header: same pink gradient, white title and white close button as the
   "Become an Authorized Person" pop-up (ap-form.css). */
#cdEnquiryModal .modal-content{border:none;border-radius:18px;overflow:hidden}
#cdEnquiryModal .modal-header{
  background:linear-gradient(135deg,#f70e88 0%,#ff5fae 100%);
  border-bottom:none;
  padding:22px 26px;
}
#cdEnquiryModal .modal-header .modal-title{color:#fff;font-weight:700}
#cdEnquiryModal .modal-header .ap-modal-sub{color:rgba(255,255,255,0.85);font-size:0.85rem;margin:4px 0 0}
#cdEnquiryModal .modal-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%);opacity:0.9}
#cdEnquiryModal .modal-body{padding:26px}
@media (max-width:575.98px){
  #cdEnquiryModal .modal-header{padding:18px 20px}
  #cdEnquiryModal .modal-body{padding:20px 18px}
}