/* Store Automations brand overrides
   Purpose: keep the original page structure/design and only update logo/colors. */
:root {
  --sa-dark: #06152d;
  --sa-dark-2: #0a2145;
  --sa-panel: #0b1c3a;
  --sa-cyan: #14c8ff;
  --sa-blue: #2d7cff;
  --sa-purple: #7b4dff;
  --sa-soft: #eef8ff;
  --sa-soft-2: #f6fbff;
  --sa-text: #102033;
}

body {
  background: #fff;
}

header.trust-hdr {
  background: linear-gradient(90deg, var(--sa-dark) 0%, var(--sa-dark-2) 55%, #08122a 100%) !important;
  border-bottom: 1px solid rgba(20, 200, 255, .18);
  box-shadow: 0 8px 24px rgba(6, 21, 45, .18);
}

/* Header keeps the original Trustpilot logo beside the search bar. */
a.navbar-brand {
  width: 15% !important;
  max-width: 170px;
  min-width: 135px;
}

a.navbar-brand img,
.footer-logo a img {
  width: 100% !important;
  height: auto;
  display: block;
}

header.trust-hdr form {
  border: 1px solid rgba(20, 200, 255, .25);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
}

header.trust-hdr form .btn-outline-success svg,
.top-hdr-btn a svg,
.revie-redirect svg,
.contact-details svg,
.verify-claim svg {
  fill: var(--sa-blue) !important;
  color: var(--sa-blue) !important;
}

header.trust-hdr div#navbarSupportedContent ul li:hover {
  border-bottom-color: var(--sa-cyan) !important;
}

header.trust-hdr .hdr-btn a,
.top-hdr-btn a.write-review,
button.button_button__T34Lr.button_appearance-primary__QG7n_.button_size-l__zHeDC,
.side-cards a.trust-btn,
.submit-btn button {
  background: linear-gradient(135deg, var(--sa-cyan), var(--sa-blue) 52%, var(--sa-purple)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(45, 124, 255, .24);
}

header.trust-hdr .hdr-btn a:hover,
.top-hdr-btn a.write-review:hover,
button.button_button__T34Lr.button_appearance-primary__QG7n_.button_size-l__zHeDC:hover,
.side-cards a.trust-btn:hover,
.submit-btn button:hover {
  background: linear-gradient(135deg, var(--sa-purple), var(--sa-blue), var(--sa-cyan)) !important;
  color: #fff !important;
}

.top-hdr-btn a,
.revie-redirect a,
button.button_button__T34Lr.button_appearance-secondary__6Y2Qd,
button.button_button__T34Lr.button_size-s__ER7M8,
.styles_sortSelect__P5q_N {
  border-color: var(--sa-blue) !important;
  color: var(--sa-blue) !important;
}

.top-hdr-btn a:hover,
.revie-redirect a:hover {
  background: var(--sa-soft) !important;
  border-color: var(--sa-cyan) !important;
  color: var(--sa-dark) !important;
}

.redit-name h2,
.category-box ul li a,
.company-info p,
.contact-details a,
span.tooltiptexts span,
.breadcrumb-list ul li a:hover,
.clnt-rate a h2,
.btn-link,
.styles_linkwrapper__jFoSg {
  color: var(--sa-blue) !important;
}

section.reviews-boxes {
  background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%) !important;
}

section.brand-reviews {
  border-bottom-color: #dbeeff !important;
}

.clnt-rating-box,
.reviews-progress,
.post-card,
.side-cards,
.review-form,
.modal-content {
  border-color: #dbeeff !important;
  box-shadow: 0 14px 34px rgba(6, 21, 45, .06);
}

/* Logo is white/cyan, so keep the same layout but give logo boxes a brand-dark surface. */
.brnd-rviw-logo,
.top-hdr-brd .hdr-top-logo,
.company-logo.logo-card {
  filter: none !important;
  background: linear-gradient(135deg, var(--sa-dark), var(--sa-panel)) !important;
  border: 1px solid rgba(20, 200, 255, .22);
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 24px rgba(6,21,45,.12);
}

.brnd-rviw-logo img,
.top-hdr-brd .hdr-top-logo a img {
  filter: none !important;
  object-fit: contain;
}

.brnd-rviw-logo {
  width: 31% !important;
  min-height: 66px;
}

.top-hdr-brd .hdr-top-logo {
  width: 24% !important;
}

.hdr-top-name h2,
.brnd-rviw-name h2,
.progress-head h2,
.side-cards h3,
.side-cards h4,
.thankyou-box h4 {
  color: var(--sa-text) !important;
}

.progress-head svg,
.trustpilot-exp svg,
.display-img-rvi .tooltip svg,
.progress-head svg,
.styles_star__sXYxO svg {
  fill: var(--sa-cyan) !important;
  color: var(--sa-cyan) !important;
}

.styles_barValue__9mI4R,
.hovered-5,
.selected-5,
.star-selector__star:checked + .star-label,
.rating-selector__star:checked + .rating-label {
  background: linear-gradient(135deg, var(--sa-cyan), var(--sa-blue)) !important;
}

.hovered-4,
.selected-4 {
  background-color: #38bdf8 !important;
}

.hovered-3,
.selected-3 {
  background-color: #60a5fa !important;
}

.hovered-2,
.selected-2 {
  background-color: #7b4dff !important;
}

.hovered-1,
.selected-1 {
  background-color: #5b39cc !important;
}

.checkbox_checkbox__yq_KY:checked:after {
  border-color: var(--sa-blue) !important;
}

.radio-button_radioButton__8sKpZ:checked:after {
  background-color: var(--sa-blue) !important;
}

.radio-button_radioButton__8sKpZ:checked,
.checkbox_checkbox__yq_KY:focus-visible,
.checkbox_checkbox__yq_KY:hover {
  border-color: var(--sa-blue) !important;
  background-color: var(--sa-soft) !important;
}

footer {
  background: radial-gradient(circle at 15% 0%, rgba(20, 200, 255, .18), transparent 32%), linear-gradient(135deg, #06152d 0%, #08122a 60%, #120b2f 100%) !important;
}

.footer-logo {
  max-width: 290px;
}

.footer-logo a img {
  max-width: 290px;
}

.footer-sec a:hover,
.quick-links ul li a:hover {
  color: var(--sa-cyan) !important;
}

@media (max-width: 991px) {
  a.navbar-brand {
    width: 38% !important;
    min-width: 135px;
    max-width: 170px;
  }

  header.trust-hdr form {
    width: 100% !important;
    margin-top: 12px;
  }

  .brnd-rviw-logo,
  .top-hdr-brd .hdr-top-logo {
    width: 100% !important;
    max-width: 260px;
    margin-bottom: 12px;
  }
}

@media (max-width: 575px) {
  .brnd-rviw-logo {
    max-width: 230px;
  }

  .revie-redirect a {
    width: 100% !important;
  }
}