/* animation for Review form appearing */
@keyframes fadeinLeaveReview {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* write a review form */
[data-bv-show="inpage_submission"] p {
  max-width: 100%;
}

[data-bv-show="inpage_submission"] fieldset[id*="bv-ips-step-"] > div[role="region"] > div:first-child {
  max-height: 30px;
  max-width: 30px;
  width: 100%;
}

[data-bv-show="inpage_submission"]
  input#sps-SubmissionGuidelines-checkbox:checked
  ~ #sps-SubmissionGuidelines-styledcheckbox,
[data-bv-show="inpage_submission"]
  input#sps-termsAndConditions-checkbox:checked
  ~ #sps-termsAndConditions-styledcheckbox {
  border: 1px solid var(--colour-black);
  background: var(--colour-black);
}

[data-bv-show="inpage_submission"]
  input#sps-SubmissionGuidelines-checkbox:checked
  ~ #sps-SubmissionGuidelines-styledcheckbox
  svg,
[data-bv-show="inpage_submission"]
  input#sps-termsAndConditions-checkbox:checked
  ~ #sps-termsAndConditions-styledcheckbox
  svg {
  stroke: var(--white) !important;
}

[data-bv-show="inpage_submission"] button#bv-ips-submit {
  background: var(--black);
  color: var(--white);
  margin: 16px 16px 8px 0;

  /* Typography/Button1 */
  font-family: var(--font-helvetica);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02rem;
}

[data-bv-show="inpage_submission"] h1#bv-ips-loading-text_bv-ips-title br {
  display: none;
}

[data-bv-show="inpage_submission"] h1#bv-ips-loading-text_bv-ips-title span:last-child {
  /*  Typography/Subtitle3  */
  font-family: var(--font-helvetica);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--colour-black);
  text-transform: initial;
  letter-spacing: 0.0225rem;
}

[data-bv-show="inpage_submission"] div[role="dialog"] > div > p {
  max-width: 100%;
}

[data-bv-show="inpage_submission"] div[role="dialog"] > div > p,
[data-bv-show="inpage_submission"] fieldset > div[role="region"] h3[type="stepSubHeader"],
[data-bv-show="inpage_submission"] section div[type="fieldTitle"] button,
[data-bv-show="inpage_submission"] section div[type="fieldTitle"] ~ div ~ span {
  /*  Typography/Body4 */
  font-family: var(--font-helvetica);
  text-transform: initial;
  position: relative;
  font-size: var(--body4-font-size);
  font-weight: var(--body4-font-weight);
  line-height: var(--body4-line-height);
  letter-spacing: var(--body4-letter-spacing);
}

[data-bv-show="inpage_submission"] div[type="fieldTitle"] label {
  /* Typography/Body6  */
  font-family: var(--font-helvetica);
  color: var(--colour-black);
  position: relative;
  font-size: var(--body6-font-size);
  font-weight: var(--body6-font-weight);
  line-height: var(--body6-line-height);
  letter-spacing: var(--body6-letter-spacing);
}

[data-bv-show="inpage_submission"] h2[type="stepTitle"] {
  /* Typography/Body3 */
  font-family: var(--font-helvetica);
  text-transform: initial;
  color: var(--colour-black);
  font-size: var(--body3-font-size);
  font-weight: var(--body3-font-weight);
  line-height: var(--body3-line-height);
  letter-spacing: var(--body3-letter-spacing);
}

[data-bv-show="inpage_submission"] fieldset > div[role="region"] div ~ div:has(div h2) {
  margin-left: 8px !important;
}

[data-bv-show="inpage_submission"] fieldset#bv-ips-step-1 > div:last-child {
  align-items: center;
}

[data-bv-show="inpage_submission"] button#bv-ips-skip {
  min-width: auto;
}

[data-bv-show="inpage_submission"] .bv-text-link,
[data-bv-show="inpage_submission"] button#bv-ips-skip span {
  /*  Typography/Link1 */
  font-family: var(--font-helvetica);
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02rem !important;
  text-transform: initial;
  word-break: break-word;
  position: relative;
  text-decoration: none !important;
  background-image: linear-gradient(var(--colour-black), var(--colour-black));
  background-position: 0% calc(100% - 2px);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.3s;

  &:hover,
  &:focus {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02rem;
    background-size: 0% 1px;
  }
}

[data-bv-show="inpage_submission"] #agreement-termsAndConditions ~ p,
[data-bv-show="inpage_submission"] section div[type="fieldTitle"] ~ div input,
[data-bv-show="inpage_submission"] section div[type="fieldTitle"] ~ div textarea,
[data-bv-show="inpage_submission"] section #bv-label-text-reviewtext-error,
[data-bv-show="inpage_submission"] section #bv-label-text-rating-error,
div[aria-labelledby="bv-ips-guidelines-id"] ul li {
  /* Typography/Body1 */
  font-family: var(--font-helvetica);
  font-size: var(--body1-font-size) !important;
  font-weight: var(--body1-font-weight) !important;
  line-height: var(--body1-line-height) !important;
  letter-spacing: var(--body1-letter-spacing) !important;
}

[data-bv-show="inpage_submission"] fieldset#bv-ips-step-1 > section ~ section > div:last-child {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

[data-bv-show="inpage_submission"] fieldset#bv-ips-step-1 > section ~ section > div:last-child > div:last-child {
  margin-left: 8px;
}

[data-bv-show="inpage_submission"] div[id*="bv-ips-offscreen-round-close-button"] > div {
  background:
    -webkit-linear-gradient(
      -45deg,
      transparent 0%,
      transparent 41%,
      white 46%,
      white 56%,
      transparent 56%,
      transparent 100%
    ),
    -webkit-linear-gradient(
        45deg,
        transparent 0%,
        transparent 41%,
        white 46%,
        white 56%,
        transparent 56%,
        transparent 100%
      ) var(--colour-black);
  border-color: var(--colour-black);
}
/* */

/* question & answers in accordion */
[data-bv-show="questions"] select,
[data-bv-show="questions"] div[data-bv-v="feedback"] button {
  font-family: var(--font-helvetica) !important;
}
/**/

/* product reviews section */
[data-bv-show="reviews"] #bv_review_maincontainer,
[data-bv-show="reviews"] #bv_review_maincontainer input {
  font-family: var(--font-helvetica) !important;
}
/**/

/* terms & conditions, submission guidelines pop up*/
div[data-bv-show="inpage_submission"] div[type="popup"] div[type="guide"] h2 {
  padding-bottom: 24px;
  /* Typography/H3 */
  font-family: var(--font-helvetica);
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-transform: initial;
  color: var(--black);
}

div[data-bv-show="inpage_submission"] div[type="popup"] div[type="guide"] h2 ~ div div#bv-ips-guidelines-id b {
  padding-bottom: 8px;
  display: block;
}

div[data-bv-show="inpage_submission"] div[type="popup"] div[type="guide"] button span {
  /* Typography/Button1 */
  font-family: var(--font-helvetica);
  font-size: 1rem;
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: 0.02rem;
}

div[data-bv-show="inpage_submission"] div[type="popup"] div[type="guide"] a {
  color: var(--colour-black);
  /*  Typography/Link1 */
  font-family: var(--font-helvetica);
  font-size: 1rem;
  font-weight: 700 !important;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  text-transform: initial;
  word-break: break-word;
  position: relative;
  text-decoration: none !important;
  background-image: linear-gradient(var(--colour-black), var(--colour-black));
  background-position: 0% calc(100% - 2px);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.3s;

  &:hover,
  &:focus {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02rem;
    background-size: 0% 1px;
  }
}

/**/
[data-bv-show="rating_summary"] .bv_main_container {
  justify-content: center;
  width: 100% !important;
}

[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex:last-of-type {
  padding-right: 0 !important;
}

#BVRRContainer .bv-author-userstats {
  display: none !important;
}

#BVRRContainer .bv-content-badges-container {
  display: flex !important;
  flex-direction: column;
  max-height: initial !important;
}

#BVRRContainer .bv-content-badges-container li.bv-badge {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
}

#BVRRContainer .bv-content-badges-container li.bv-badge .bv-badge-icon {
  left: initial !important;
  position: initial !important;
  padding-right: 5px !important;
}

#BVRRContainer .bv-content-badges-container li.bv-badge .bv-badge-label {
  text-overflow: initial !important;
}

@media screen and (max-width: 737px) {
  #BVRRContainer .bv-content-badges-container {
    position: relative !important;
    width: 100% !important;
  }

  #BVRRContainer .bv-content-badges-container ul.bv-badge-summary.bv-badge-top-three {
    display: inline-block !important;
  }
}

#BVRRContainer .bv-content-details-container {
  margin-top: 30px !important;
}

#BVRRContainer .bv-text-link.bv-content-summary-translate-btn.bv-focusable {
  font-family: var(--font-helvetica);
}

#BVRRContainer .bv-content-details-offset-off {
  width: 70% !important;
}

[data-bv-show="rating_summary"] .bv_main_container #WAR {
  padding-left: 1em !important;
}

#BVQAContainer .bv-action-bar {
  padding-left: 0 !important;
}

#BVQAContainer .bv-ask-question-container.bv-write-container {
  float: left !important;
  margin-left: 0 !important;
}