/* Support footer pages final override */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) {
  --support-red: #b0000d;
  --support-brown: #281c15;
  --support-line: rgba(122, 70, 28, .2);
}

body.route-whatsapp.page-public .whatsapp-hero-mark {
  width: 72px !important;
  height: 72px !important;
  margin: 10px auto 16px !important;
  background: #e9f8ef !important;
  color: #128c55 !important;
}

body.route-whatsapp.page-public .role-page-hero .hero-actions {
  display: none !important;
}

body.route-legal.page-public .legal-page-hero .trust-strip,
body.route-contact.page-public .support-page-hero .support-hero-strip {
  display: none !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .section-head {
  text-align: center !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-route-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face, .support-route-card, .support-report-card, .support-detail-section .support-detail-grid > article) {
  border-radius: 8px !important;
  text-align: center !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid > article {
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: clamp(16px, 2vw, 24px) !important;
}

body.page-public .support-flip-card:nth-child(1) .support-flip-front,
body.page-public .support-report-card:nth-child(1),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(1) {
  background: linear-gradient(145deg, #fff8dc, #fffefa) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-front,
body.page-public .support-report-card:nth-child(2),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(2) {
  background: linear-gradient(145deg, #eef8e8, #fffefa) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-front,
body.page-public .support-report-card:nth-child(3),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(3) {
  background: linear-gradient(145deg, #fff0f2, #fffefa) !important;
}

body.route-contact.page-public .support-form-card {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.route-contact.page-public .support-form-card :is(.eyebrow, h2, .form-note, label:has(textarea), button, .honeypot-field, input[name="_started_at"]) {
  grid-column: 1 / -1 !important;
}

body.route-contact.page-public .support-direct-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.route-contact.page-public .support-direct-action {
  min-width: 0 !important;
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 16px 10px !important;
  color: var(--support-brown) !important;
  text-decoration: none !important;
}

body.route-whatsapp.page-public .whatsapp-support-builder {
  width: min(980px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.route-whatsapp.page-public .whatsapp-support-form {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: clamp(16px, 2vw, 24px) !important;
  border: 1px solid var(--support-line) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff7ef) !important;
}

body.route-whatsapp.page-public .whatsapp-support-form label {
  display: grid !important;
  gap: 7px !important;
  text-align: left !important;
}

body.route-whatsapp.page-public .whatsapp-support-form :is(select, input) {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 8px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .role-final-cta,
body.route-trust-safety.page-public .support-report-section .section-cta {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 760px) {
  body.page-public.route-trust-safety .page-hero.role-page-hero.phase5-hero h1 {
    white-space: nowrap !important;
    max-width: none !important;
    font-size: clamp(.92rem, 4vw, 1.08rem) !important;
  }

  body.page-public.route-contact .page-hero.support-page-hero h1,
  body.page-public.route-quality-guidelines .page-hero.role-page-hero.phase5-hero h1,
  body.page-public.route-whatsapp .page-hero.role-page-hero.phase5-hero h1,
  body.page-public.route-legal .page-hero.legal-page-hero h1 {
    white-space: nowrap !important;
    max-width: none !important;
    font-size: clamp(1.42rem, 6.3vw, 2rem) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-route-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-card,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-inner {
    min-height: 154px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face, .support-route-card, .support-report-card, .support-detail-section .support-detail-grid > article) {
    min-height: 148px !important;
    padding: 8px 4px !important;
    gap: 5px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 3px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face h3, .support-route-card strong, .support-report-card h3, .support-detail-section .support-detail-grid h3) {
    font-size: .58rem !important;
    line-height: 1.1 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face p, .support-route-card small, .support-report-card p, .support-detail-section .support-detail-grid p) {
    font-size: .46rem !important;
    line-height: 1.22 !important;
  }

  body.route-contact.page-public .support-form-card,
  body.route-whatsapp.page-public .whatsapp-support-form {
    grid-template-columns: 1fr !important;
  }

  body.route-contact.page-public .support-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}