/* WordReward Contact page visual layer. */

.wr-contact-page {
  --wr-contact-radius-control: 10px;
  --wr-contact-radius-inner: 12px;
  --wr-contact-radius-card: 16px;
  --wr-contact-radius-shell: 24px;
  --wr-contact-teal: #39b5a8;
}

/* Let the hero finish as a deliberate surface instead of a hard-edged strip. */
.wr-contact-page .elementor-element-477c472d {
  border-radius: 0 0 var(--wr-contact-radius-shell) var(--wr-contact-radius-shell);
  overflow: hidden;
}

/* Contact-method cards and their icon surfaces. */
.wr-contact-page .elementor-element-e0e8a5e > .e-con-inner {
  --align-items: stretch;
  align-items: stretch;
}

.wr-contact-page :is(
  .elementor-element-ff4837a,
  .elementor-element-7384963,
  .elementor-element-649b3aa,
  .elementor-element-a8cd559
) {
  align-self: stretch;
  display: flex;
  min-width: 0;
}

.wr-contact-page :is(
  .elementor-element-ff4837a,
  .elementor-element-7384963,
  .elementor-element-649b3aa,
  .elementor-element-a8cd559
) > .elementor-widget-container {
  height: 100%;
  width: 100%;
  border-radius: var(--wr-contact-radius-card);
  overflow: hidden;
}

.wr-contact-page :is(
  .elementor-element-ff4837a,
  .elementor-element-7384963,
  .elementor-element-649b3aa,
  .elementor-element-a8cd559
) .elementor-icon {
  border-radius: var(--wr-contact-radius-inner);
}

.wr-contact-page :is(
  .elementor-element-ff4837a,
  .elementor-element-7384963,
  .elementor-element-649b3aa,
  .elementor-element-a8cd559
) .elementor-icon-box-title {
  display: block;
  max-width: 100%;
  padding-inline: 8px;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word;
}

/* Teal backing and one continuous, four-corner contact shell. */
body.wordreward-contact .wr-contact-page .elementor-element-6f3e5e5a,
body.wordreward-contact .wr-contact-page .elementor-element-6f3e5e5a::before,
body.wordreward-contact .wr-contact-page .elementor-element-6f3e5e5a::after,
body.wordreward-contact .wr-contact-page .elementor-element-6f3e5e5a:not(.elementor-motion-effects-element-type-background),
body.wordreward-contact .wr-contact-page .elementor-element-6f3e5e5a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background: var(--wr-contact-teal) !important;
  background-image: none !important;
  border-radius: var(--wr-contact-radius-shell);
}

.wr-contact-page .elementor-element-7cd7b00f {
  border-radius: var(--wr-contact-radius-shell) 0 0 var(--wr-contact-radius-shell);
  overflow: hidden;
}

.wr-contact-page .elementor-element-75435dda {
  border-radius: 0 var(--wr-contact-radius-shell) var(--wr-contact-radius-shell) 0;
  overflow: hidden;
}

.wr-contact-page .elementor-element-75435dda::before {
  border-radius: inherit;
}

.wr-contact-page .elementor-element-40732b49 :is(
  input.elementor-field,
  textarea.elementor-field
) {
  border-radius: var(--wr-contact-radius-control);
}

.wr-contact-page .elementor-element-40732b49 .elementor-button {
  border-radius: 999px;
}

.wr-contact-page .elementor-element-68bc47ec .elementor-icon {
  border-radius: var(--wr-contact-radius-inner);
}

/* The map is a page surface too, rather than an edge-to-edge square embed. */
.wr-contact-page .elementor-element-3eb3927 {
  width: calc(100% - 40px);
  max-width: 1280px;
  margin: 80px auto 0;
  border-radius: var(--wr-contact-radius-shell);
  overflow: hidden;
}

.wr-contact-page .elementor-element-01017f4,
.wr-contact-page .elementor-element-01017f4 > .elementor-widget-container,
.wr-contact-page .elementor-element-01017f4 .elementor-custom-embed,
.wr-contact-page .elementor-element-01017f4 iframe {
  border-radius: inherit;
}

@media (max-width: 1024px) {
  .wr-contact-page .elementor-element-7cd7b00f {
    border-radius: var(--wr-contact-radius-shell) var(--wr-contact-radius-shell) 0 0;
  }

  .wr-contact-page .elementor-element-75435dda {
    border-radius: 0 0 var(--wr-contact-radius-shell) var(--wr-contact-radius-shell);
  }
}

@media (max-width: 767px) {
  .wr-contact-page .elementor-element-448f05a2 {
    padding-inline: 12px;
  }

  .wr-contact-page .elementor-element-7f04ac {
    padding-inline: 0;
  }

  .wr-contact-page .elementor-element-e0e8a5e > .e-con-inner {
    width: 100%;
    max-width: 100%;
  }

  .wr-contact-page :is(
    .elementor-element-ff4837a,
    .elementor-element-7384963,
    .elementor-element-649b3aa,
    .elementor-element-a8cd559
  ) {
    --container-widget-width: 100%;
    width: 100%;
    max-width: 100%;
  }

  .wr-contact-page .elementor-element-3eb3927 {
    width: calc(100% - 24px);
    margin-top: 56px;
  }
}