/* Sulivery tint for CMS + join pages — keep existing class/markup contracts */
.sulivery-home--page {
  --primary: #00734d;
  --primary-dark: #063f2f;
  --primary-rgb: 0, 115, 77;
  --green: #009b66;
  --title: #073b33;
  --text: #556a61;
  --border: rgba(6, 63, 47, .14);
  --white: #fff;
  --radius-lg: 22px;
  --radius: 16px;
}

.sulivery-home--page .page-hero {
  background: linear-gradient(135deg, #00734d 0%, #063f2f 100%);
  padding: 56px 0 48px;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
}

.sulivery-home--page .page-hero h1 {
  font-family: var(--s-font);
  font-weight: 800;
  letter-spacing: -.03em;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.sulivery-home--page .page-hero .breadcrumb a:hover {
  color: var(--s-lime, #ddfa6a);
}

.sulivery-home--page .page-content {
  padding: 40px 0 64px;
}

.sulivery-home--page .page-content .content-card,
.sulivery-home--page .reg-card,
.sulivery-home--page .contact-form-card,
.sulivery-home--page .contact-card {
  background: #fffdf7;
  border: 1px solid rgba(6, 63, 47, .12);
  border-radius: 22px;
  box-shadow: 0 8px 28px rgba(6, 63, 47, .06);
}

.sulivery-home--page .page-content .content-card {
  padding: 28px 32px;
  color: var(--s-ink, #073b33);
}

.sulivery-home--page .page-content .content-card h2,
.sulivery-home--page .page-content .content-card h3 {
  color: var(--s-forest, #063f2f);
  font-weight: 800;
  letter-spacing: -.02em;
}

.sulivery-home--page .page-content .content-card a {
  color: var(--s-emerald-dark, #00734d);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sulivery-home--page .reg-section {
  padding: 36px 0 72px;
  background: transparent;
}

.sulivery-home--page .reg-card {
  padding: 28px 30px;
}

.sulivery-home--page .sec-head {
  color: var(--s-forest, #063f2f);
  border-bottom-color: rgba(6, 63, 47, .12);
}

.sulivery-home--page .sec-head svg {
  stroke: var(--s-emerald, #009b66);
}

.sulivery-home--page .reg-section .form-group label {
  color: var(--s-ink, #073b33);
}

.sulivery-home--page .reg-section .form-group input,
.sulivery-home--page .reg-section .form-group select,
.sulivery-home--page .reg-section .form-group textarea,
.sulivery-home--page .contact-form-card input,
.sulivery-home--page .contact-form-card textarea,
.sulivery-home--page .cf-group input,
.sulivery-home--page .cf-group textarea {
  border-color: rgba(6, 63, 47, .18);
  border-radius: 12px;
  background: #fff;
  color: var(--s-ink, #073b33);
}

.sulivery-home--page .reg-section .form-group input:focus,
.sulivery-home--page .reg-section .form-group select:focus,
.sulivery-home--page .reg-section .form-group textarea:focus,
.sulivery-home--page .cf-group input:focus,
.sulivery-home--page .cf-group textarea:focus {
  border-color: #00734d;
  box-shadow: 0 0 0 3px rgba(0, 115, 77, .12);
}

.sulivery-home--page .upload-area {
  border-color: rgba(6, 63, 47, .2);
  border-radius: 16px;
  background: #f7f5eb;
}

.sulivery-home--page .stepper-circle {
  background: rgba(6, 63, 47, .08);
  color: var(--s-forest, #063f2f);
  border: 0;
}

.sulivery-home--page .stepper-step.active .stepper-circle,
.sulivery-home--page .stepper-step.completed .stepper-circle {
  background: #00734d;
  color: #fff;
}

.sulivery-home--page .stepper-label {
  color: var(--s-muted, #556a61);
  font-weight: 600;
}

.sulivery-home--page .stepper-step.active .stepper-label,
.sulivery-home--page .stepper-step.completed .stepper-label {
  color: var(--s-forest, #063f2f);
}

.sulivery-home--page .stepper-connector {
  background: rgba(6, 63, 47, .16);
}

.sulivery-home--page .contact-section {
  padding: 40px 0 72px;
}

.sulivery-home--page .contact-card {
  padding: 18px 20px;
}

.sulivery-home--page .contact-card .cc-icon {
  background: rgba(0, 115, 77, .1);
  color: #00734d;
  border-radius: 14px;
}

.sulivery-home--page .contact-card .cc-icon svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}

.sulivery-home--page .contact-card h4 {
  color: var(--s-forest, #063f2f);
  font-weight: 800;
}

.sulivery-home--page .contact-form-card {
  padding: 28px;
}

.sulivery-home--page .contact-form-card h3 {
  color: var(--s-forest, #063f2f);
  font-weight: 800;
}

.sulivery-home--page .cf-submit,
.sulivery-home--page .reg-section button[type="submit"],
.sulivery-home--page .reg-section .btn-primary,
.sulivery-home--page .reg-section .submit-btn,
.sulivery-home--page #signInBtn,
.sulivery-home--page .btn-continue,
.sulivery-home--page .next-btn {
  background: #00734d !important;
  border-color: #00734d !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.sulivery-home--page .cf-submit:hover,
.sulivery-home--page .reg-section button[type="submit"]:hover,
.sulivery-home--page #signInBtn:hover {
  background: #063f2f !important;
  border-color: #063f2f !important;
}

.sulivery-home--page .reg-section .btn-outline-primary,
.sulivery-home--page .reg-section .btn-secondary {
  border-radius: 999px !important;
  border-color: #063f2f !important;
  color: #063f2f !important;
  background: #fff !important;
  font-weight: 700 !important;
}

.sulivery-home--page a.text-primary,
.sulivery-home--page .text-primary {
  color: #00734d !important;
}

.sulivery-home--page .custom-control-input:checked ~ .custom-control-label::before,
.sulivery-home--page input[type="checkbox"]:checked,
.sulivery-home--page input[type="radio"]:checked {
  accent-color: #00734d;
}

.sulivery-home--page .select2-container--default .select2-selection--single,
.sulivery-home--page .select2-container--default .select2-selection--multiple {
  border-color: rgba(6, 63, 47, .18) !important;
  border-radius: 12px !important;
  min-height: 42px;
}

.sulivery-home--page .select2-container--default.select2-container--focus .select2-selection--single,
.sulivery-home--page .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #00734d !important;
}

/* Keep footer contrast when landing.css sets global footer styles */
.sulivery-home--page .s-footer,
.sulivery-home--landing .s-footer {
  background: var(--s-forest, #063f2f) !important;
  color: #fff !important;
}

.sulivery-home--page .s-header,
.sulivery-home--landing .s-header {
  background: rgba(247, 245, 235, .94) !important;
}

@media (max-width: 767px) {
  .sulivery-home--page .page-hero {
    border-radius: 0 0 20px 20px;
    padding: 40px 0 32px;
  }
  .sulivery-home--page .page-content .content-card,
  .sulivery-home--page .reg-card,
  .sulivery-home--page .contact-form-card {
    padding: 20px;
  }
}