/* 2026 site footer (Klika 78.00) — markup in template-parts/footer-2026.php. Every rule is under #tigera-custom-footer.fn
   so it outranks the old footer + Marketo rules in non-critical.css (up to 1,3,0 !important), which still apply.
   Figma: desktop 306:6356 (1440), mobile 363:8564 (402). */

#tigera-custom-footer.fn {
  --fn-fg: #e5e5e5;   /* Figma yDuOq (2026-11-02): light type #e5e5e5, rule .75 #e5e5e5, field #454444 */
  --fn-line: #757575;
  --fn-field: #454444;
  padding: 100px clamp(16px, 6.95vw, 100px) 86px;
  background: #1c1a1e;
  color: var(--fn-fg);
  font-family: "DM Sans", sans-serif;
}
#tigera-custom-footer.fn .fn-wrap { max-width: 1245px; margin: 0 auto; }
#tigera-custom-footer.fn a { color: var(--fn-fg); text-decoration: none; transition: color .2s; }
#tigera-custom-footer.fn a:hover { color: #fff; }
#tigera-custom-footer.fn ul { list-style: none; margin: 0; padding: 0; }
#tigera-custom-footer.fn p { margin: 0; }

#tigera-custom-footer.fn .fn-logo { display: inline-block; vertical-align: top; }
#tigera-custom-footer.fn .fn-logo:hover { opacity: .7; }
#tigera-custom-footer.fn .fn-logo img { display: block; width: 141px; height: 30px; }

/* Link columns: line 36px under the logo, headings centred in Figma's 80px boxes (=25px above), links 14/40. */
#tigera-custom-footer.fn .fn-nav { margin-top: 33px; border-top: .75px solid var(--fn-fg); }
#tigera-custom-footer.fn .fn-cols { display: flex; justify-content: space-between; gap: 24px; }
#tigera-custom-footer.fn .fn-col > a {
  display: block;
  margin: 25px 0 7px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -.22px;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}
#tigera-custom-footer.fn .fn-col .sub-menu a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -.15px;
  white-space: nowrap;
}

/* Newsletter: title 24/34, then input 464 + 17 + button 268 (50 tall, r15) and the 2-line disclaimer 14px beside them. */
#tigera-custom-footer.fn .fn-news {
  display: flex;
  flex-direction: row; /* non-critical.css switches the old newsletter to column at <=991px, turning flex-basis into height */
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 21px 14px;
  margin-top: 100px;
}
#tigera-custom-footer.fn .fn-news__title {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--fn-fg);
  font-family: inherit;
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -.46px;
  text-transform: none;
}
#tigera-custom-footer.fn .fn-news .newsletter-form-container { flex: 0 1 749px; margin-left: 2px; }
#tigera-custom-footer.fn .fn-news__legal { flex: 1 1 360px; max-width: 480px; font-size: 14px; line-height: 20px; }
#tigera-custom-footer.fn .fn-news__legal a { text-decoration: underline; }

#tigera-custom-footer.fn .fn-news .mktoForm { width: 100% !important; padding: 0 !important; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoFormRow { width: calc(100% - 285px) !important; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoFieldWrap,
#tigera-custom-footer.fn .fn-news .mktoForm .mktoFormCol { width: 100% !important; margin: 0 !important; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoField {
  height: 50px !important;
  padding: 0 25px !important;
  background: rgba(69, 68, 68, .2) !important;
  border: .75px solid var(--fn-field) !important;
  border-radius: 15px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
#tigera-custom-footer.fn .fn-news .mktoForm .mktoField::placeholder { color: var(--fn-fg) !important; opacity: 1; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoButtonRow { width: 268px !important; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoButtonWrap { display: block; }
#tigera-custom-footer.fn .fn-news .mktoForm .mktoButton {
  width: 268px !important;
  min-width: 0;
  max-width: none !important;
  height: 50px !important;
  line-height: 48px !important;
  border: .75px solid var(--fn-line) !important;
  border-radius: 15px !important;
  color: var(--fn-fg) !important;
  font-family: inherit !important;
  text-transform: uppercase !important;
}
#tigera-custom-footer.fn .fn-news .mktoForm .mktoButton:hover { color: #1c1a1e !important; }

/* Bottom bar: copyright, legal links with spaced pipes, social icons right. */
#tigera-custom-footer.fn .fn-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 65px;
  margin-top: 36px;
  font-size: 14px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -.15px;
}
#tigera-custom-footer.fn .fn-copy,
#tigera-custom-footer.fn .fn-legal a { font-size: 14px; line-height: inherit; font-weight: 500; } /* theme p/a sizes are 16-18px */
#tigera-custom-footer.fn .fn-legal { display: flex; flex-wrap: wrap; }
#tigera-custom-footer.fn .fn-legal li:not(:last-child)::after { content: "|"; margin: 0 36px; } /* Figma pads each pipe with spaces: row 457 wide */
#tigera-custom-footer.fn .fn-social { display: flex; align-items: center; gap: 15px; margin-left: auto; }
#tigera-custom-footer.fn .fn-social a { display: flex; align-items: center; justify-content: center; min-width: 24px; height: 40px; }
#tigera-custom-footer.fn .fn-social a:hover { opacity: .7; }
#tigera-custom-footer.fn .fn-social img { width: auto; height: 20px; }

@media (max-width: 1100px) {
  #tigera-custom-footer.fn .fn-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 24px; }
}

/* Mobile (Figma 363:8564): one column, 14/30 links, form stacked, then social / legal / copyright. */
@media (max-width: 767px) {
  #tigera-custom-footer.fn { padding: 25px 25px 40px; }
  #tigera-custom-footer.fn .fn-nav { margin-top: 16px; }
  #tigera-custom-footer.fn .fn-cols { grid-template-columns: 1fr; gap: 0; }
  #tigera-custom-footer.fn .fn-col { padding-bottom: 6px; }
  #tigera-custom-footer.fn .fn-col .sub-menu a { line-height: 30px; white-space: normal; }

  #tigera-custom-footer.fn .fn-news { margin-top: 36px; gap: 21px 0; }
  #tigera-custom-footer.fn .fn-news .newsletter-form-container { flex-basis: 100%; margin-left: 2px; }
  #tigera-custom-footer.fn .fn-news .mktoForm .mktoFormRow { width: 100% !important; }
  #tigera-custom-footer.fn .fn-news .mktoForm .mktoButtonRow { position: static; width: 100% !important; margin-top: 26px !important; }
  #tigera-custom-footer.fn .fn-news .mktoForm .mktoButton { width: 100% !important; }
  #tigera-custom-footer.fn .fn-news__legal { flex-basis: 100%; max-width: none; margin-top: 4px; }

  #tigera-custom-footer.fn .fn-bottom { flex-direction: column; align-items: stretch; gap: 0; margin-top: 46px; }
  #tigera-custom-footer.fn .fn-social { order: 1; margin: 0; justify-content: space-between; }
  #tigera-custom-footer.fn .fn-legal { order: 2; flex-direction: column; margin-top: 8px; line-height: 35px; }
  #tigera-custom-footer.fn .fn-legal li::after { display: none; }
  #tigera-custom-footer.fn .fn-copy { order: 3; margin-top: 18px; }
}