/* The contact entry point shares the mirrors widget's type and spacing. */
.bzp-contact {
  --bzp-contact-accent:#0669ff;
  --bzp-contact-hover:#0055d4;
  box-sizing:border-box;
  min-width:0;
  padding:22px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:var(--bright-color,#fff);
  color:var(--base-color,#2c2f34);
  font:inherit;
  text-align:start;
}
.bzp-contact *, .bzp-contact *::before, .bzp-contact *::after { box-sizing:border-box; }
.bzp-contact .bzp-contact__title { margin:0; padding:0; border:0; color:inherit; font-family:inherit; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-.4px; overflow-wrap:anywhere; }
.bzp-contact .bzp-contact__intro { margin:10px 0 16px; padding:0; color:#5c6673; font:inherit; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.bzp-contact .bzp-contact__services { max-width:360px; margin:18px 0; padding:0; container-type:inline-size; }
.bzp-contact .bzp-contact__messengers { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; padding:0 2px; }
.bzp-contact .bzp-contact__service { display:flex; align-items:center; justify-content:center; flex:0 1 32px; min-width:0; height:32px; }
.bzp-contact .bzp-contact__service img { display:block; width:28px; height:28px; max-width:100%; margin:0; padding:0; border:0; border-radius:0; object-fit:contain; box-shadow:none; }
.bzp-contact .bzp-contact__platforms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:8px; margin:14px 0 0; padding:0; }
.bzp-contact .bzp-contact__platform { display:flex; align-items:center; justify-content:center; max-width:100%; min-width:0; min-height:24px; margin:0; padding:0; }
.bzp-contact .bzp-contact__platform img { display:block; width:100px; max-width:100%; height:auto; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; }
.bzp-contact .bzp-contact__platform--securedrop { gap:3px; color:#253545; font-size:10.5px; font-size:min(12px,4.2cqi); font-weight:700; letter-spacing:-.3px; line-height:1.2; white-space:nowrap; }
.bzp-contact .bzp-contact__platform--securedrop img { flex:0 0 auto; width:12px; width:min(16px,5.4cqi); height:auto; object-fit:contain; }
.bzp-contact .bzp-contact__primary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; width:100%; margin:18px 0 0; padding:13px 15px; border:1px solid var(--bzp-contact-accent); border-radius:7px; color:#fff; background:var(--bzp-contact-accent); font:inherit; font-size:14px; line-height:1.4; font-weight:650; text-decoration:none; box-shadow:none; transition:background-color .2s,border-color .2s; }
.bzp-contact .bzp-contact__primary > span:first-child { min-width:0; overflow-wrap:anywhere; }
.bzp-contact .bzp-contact__primary:hover, .bzp-contact .bzp-contact__primary:focus-visible { color:#fff; background:var(--bzp-contact-hover); border-color:var(--bzp-contact-hover); text-decoration:none; }
.bzp-contact .bzp-contact__primary:focus-visible { outline:2px solid var(--bzp-contact-hover); outline-offset:3px; }
.bzp-contact .bzp-contact__arrow { display:block; flex:0 0 18px; width:18px; height:18px; position:relative; color:inherit; font-size:0; transition:transform .2s; }
.bzp-contact .bzp-contact__arrow::before { content:""; position:absolute; left:2px; top:8px; width:13px; height:1.5px; background:currentColor; }
.bzp-contact .bzp-contact__arrow::after { content:""; position:absolute; right:2px; top:5px; width:7px; height:7px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }
@media(hover:hover) and (pointer:fine) {
  .bzp-contact .bzp-contact__primary:hover .bzp-contact__arrow { transform:translateX(2px); }
}
.widget_belzhd_contact .bzp-contact { border:0; border-radius:0; padding:10px; background:transparent; }
/* Jannah already wraps this widget in a card: use one inset instead of 30px + 10px. */
.container-wrapper.widget.widget_belzhd_contact { padding:20px; }
.container-wrapper.widget_belzhd_contact .bzp-contact { padding:0; }
@media(prefers-reduced-motion:reduce) {
  .bzp-contact .bzp-contact__primary, .bzp-contact .bzp-contact__primary .bzp-contact__arrow { transition:none; transform:none; }
  .bzp-contact .bzp-contact__primary:hover .bzp-contact__arrow { transform:none; }
}
@media print { .bzp-contact { display:none; } }