/* === StrayKind Dog Adoption Form — Custom CSS === */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
img { box-shadow: 0 6px 18px #2b353833 !important; }
/* 1. Load Hoss Round Slab from straykind.org */
@font-face {
  font-family: 'Hoss Round Slab';
  src: url('https://straykind.org/wp-content/uploads/2026/01/HossRoundSlab-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hoss Round Slab';
  src: url('https://straykind.org/wp-content/uploads/2026/01/HossRoundSlab-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2. Apply Hoss Round Slab to all headings */
h1, h2, h3,
.form-title,
.question-title,
.section-heading,
.page-title {
  font-family: 'Hoss Round Slab', 'Fraunces', Georgia, serif !important;
  font-weight: 700 !important;
}

/* 3. Body text, descriptions, and options use Poppins */
body,
p,
.question-description,
.mc-option-label,
.option-text,
input,
textarea,
select {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* 4. Typography sizes */
.form-title {
  font-size: 42px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px;
}

.section-heading,
.page-title {
  font-size: 28px !important;
  line-height: 1.2 !important;
}

.question-title {
  font-size: 22px !important;
  line-height: 1.3 !important;
  color: #B83657 !important;
}

.question-description {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #2B3538 !important;
}

.mc-option-label,
.option-text {
  font-size: 16px !important;
}

/* 5. Brand colour for interactive elements */
button.submit-button,
.submit-button,
.paginate-button.next {
  background-color: #B83657 !important;
  border-radius: 12px !important;
}

/* 6. Softer card shadow on each question (subtle lift) */
.question-card,
.question-container {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
}

@media (max-width: 600px) {
  ._pf_guided_mode,
  .GuidedModeEditor__view-scroller,
  .GuidedModeEditor__view {
    padding-top: 90px !important;
  }
}

/* Keep success page description readable, not all mauve */
.Confirmation__description,
.Confirmation__body,
[class*="Confirmation"] p,
[class*="success"] p {
  color: #2B3538 !important;
}

h1, h2, h3, .form-title, .question-title, .section-heading, .page-title { font-family: 'Hoss Round Slab', 'Noto Sans TC', 'Fraunces', Georgia, serif !important; }
body, p, .question-description, .mc-option-label, .option-text, input, textarea, select { font-family: 'Poppins', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif !important; }

/* === REHOMING COLOUR / CONTRAST FIXES === */
.__header-one, .__header-two, .__header-three { color: #633B45 !important; }
.btn-primary, .Pagination__btn { color: #2B3538 !important; }
.btn-primary svg, .Pagination__btn svg { fill: #2B3538 !important; stroke: #2B3538 !important; }


/* Paw logo is a square PNG: exclude it from the global image shadow */
#sk-paw-img{box-shadow:none !important;}