/* Feedback module scoped styles + Bootstrap color overrides */

#bssk-feedback-app {
  font-family: "Nunito Sans", "DM Sans", sans-serif;
  color: #1c1b1a;
}

#bssk-feedback-app a {
  text-decoration: none;
}

/* Icon base rules live in icons.css (loaded last) */

/* Hero bottom is straight (wave removed to match other site pages) */
#bssk-feedback-app .wavy-divider {
  display: none !important;
}

/* Form page heroes — color + spacing match Contact/FAQ (#E46461) */
#bssk-feedback-app .feedback-page-hero {
  background-color: #E46461 !important;
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

@media (min-width: 768px) {
  #bssk-feedback-app .feedback-page-hero {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

/* checked-state visuals handled in forms.css */

#bssk-feedback-app .rating-star {
  color: #E46461 !important;
}

#bssk-feedback-app .rating-star:hover ~ .rating-star,
#bssk-feedback-app .rating-star:focus ~ .rating-star {
  color: #c3c6d2 !important;
}

/*
  Bootstrap utilities use !important on .text-primary / .bg-primary etc.
  Restore BSSK feedback brand colors inside this module.
*/
#bssk-feedback-app .text-primary,
#bssk-feedback-app .hover\:text-primary:hover {
  color: #00336f !important;
}

#bssk-feedback-app .text-primary-container,
#bssk-feedback-app .group:hover .group-hover\:text-primary-container {
  color: #1e4a8c !important;
}

#bssk-feedback-app .text-secondary {
  color: #a73737 !important;
}

#bssk-feedback-app .text-secondary-container,
#bssk-feedback-app .hover\:text-secondary-container:hover,
#bssk-feedback-app .group:hover .group-hover\:text-secondary {
  color: #E46461 !important;
}

#bssk-feedback-app .text-on-surface {
  color: #1c1b1a !important;
}

#bssk-feedback-app .text-on-surface-variant {
  color: #434750 !important;
}

#bssk-feedback-app .text-on-background {
  color: #1c1b1a !important;
}

#bssk-feedback-app .text-white,
#bssk-feedback-app .group:hover .group-hover\:text-white {
  color: #ffffff !important;
}

#bssk-feedback-app .text-white\/90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

#bssk-feedback-app .text-white\/80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

#bssk-feedback-app .text-soft-peach {
  color: #ffdab9 !important;
}

#bssk-feedback-app .text-tertiary {
  color: #393331 !important;
}

#bssk-feedback-app .text-surface-tint {
  color: #355ea1 !important;
}

#bssk-feedback-app .bg-primary,
#bssk-feedback-app .hover\:bg-primary:hover,
#bssk-feedback-app .group:hover .group-hover\:bg-primary {
  background-color: #00336f !important;
}

#bssk-feedback-app .bg-primary-container,
#bssk-feedback-app .hover\:bg-primary-container:hover {
  background-color: #1e4a8c !important;
}

#bssk-feedback-app .bg-primary-fixed {
  background-color: #d7e2ff !important;
}

#bssk-feedback-app .bg-secondary,
#bssk-feedback-app .hover\:bg-secondary:hover,
#bssk-feedback-app .group:hover .group-hover\:bg-secondary {
  background-color: #a73737 !important;
}

#bssk-feedback-app .bg-secondary-container,
#bssk-feedback-app .hover\:bg-secondary-container:hover {
  background-color: #E46461 !important;
}

#bssk-feedback-app .bg-secondary-fixed {
  background-color: #ffdad7 !important;
}

#bssk-feedback-app .bg-tertiary-fixed {
  background-color: #ebe0dc !important;
}

#bssk-feedback-app .bg-background,
#bssk-feedback-app .bg-warm-neutral-bg {
  background-color: #fdf9f5 !important;
}

#bssk-feedback-app .bg-white {
  background-color: #ffffff !important;
}

#bssk-feedback-app .bg-surface-container-low,
#bssk-feedback-app .hover\:bg-surface-container-low:hover {
  background-color: #f7f3f0 !important;
}

#bssk-feedback-app .bg-surface-container,
#bssk-feedback-app .hover\:bg-surface-container:hover {
  background-color: #f1edea !important;
}

#bssk-feedback-app .bg-soft-peach {
  background-color: #ffdab9 !important;
}

#bssk-feedback-app .border-primary {
  border-color: #00336f !important;
}

#bssk-feedback-app .border-secondary-container {
  border-color: #E46461 !important;
}

#bssk-feedback-app .border-outline-variant,
#bssk-feedback-app .hover\:border-primary:hover {
  border-color: #c3c6d2;
}

#bssk-feedback-app .hover\:border-primary:hover {
  border-color: #00336f !important;
}

/* Form section headings / labels */
#bssk-feedback-app h1,
#bssk-feedback-app h2,
#bssk-feedback-app h3,
#bssk-feedback-app label {
  font-family: "Nunito Sans", "DM Sans", sans-serif;
}

/* Submit / selected-option styles are in forms.css (loaded last) */