/**
 * Haft — small layout and accessibility tweaks on top of Kindflow/Webflow CSS.
 */

#haft-inner-main {
  min-height: 42vh;
}

.ck-content {
  line-height: 1.65;
}

.ck-content p + p {
  margin-top: 0.85em;
}

a:focus-visible,
button:focus-visible,
.w-button:focus-visible,
.w-input:focus-visible {
  outline: 2px solid var(--color--secondary-color, #ffa415);
  outline-offset: 3px;
}

.footer-menu-link.w--current,
.nav-menu-link.w--current,
.copyright-link.w--current {
  font-weight: 600;
}

/* Botble contact form: match Kindflow primary CTA (plugin uses --primary-color, which Haft does not set). */
#haft-inner-main .contact-form .contact-button {
  background-color: var(--color--primary-color, #13294b);
  background-image: none;
  border: 1px solid var(--color--primary-color, #13294b);
  border-radius: 6px;
  color: var(--color--white, #fff);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font--paragraph, inherit);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  min-width: 10rem;
  padding: 18px 28px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear,
    box-shadow 0.2s ease;
  vertical-align: middle;
  white-space: nowrap;
}

#haft-inner-main .contact-form .contact-button:hover,
#haft-inner-main .contact-form .contact-button:focus {
  background-color: var(--color--secondary-color, #ffa415);
  border-color: var(--color--secondary-color, #ffa415);
  color: var(--color--white, #fff);
}

#haft-inner-main .contact-form .contact-button:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color--secondary-color, #ffa415) 45%, transparent);
  outline: none;
}

#haft-inner-main .contact-form .contact-button.button-loading {
  border-color: var(--color--primary-color, #13294b);
}

/* Blog (Kindflow): featured “Read more” link colour without inline styles */
.blog-feature-card .blog-post-link.blog-feature-read-more {
  color: rgb(111, 119, 117);
}

.blog-feature-card .blog-feature-read-more-arrow {
  background-color: transparent;
}

/*
 * Blog: Webflow interactions often set opacity:0 on load; Laravel pages may not run that script —
 * keep main blog blocks visible (matches static Kindflow after IX runs).
 */
#haft-inner-main .blog-feature-card,
#haft-inner-main .blog-post-title-area,
#haft-inner-main .blog-post-card,
#haft-inner-main .blog-banner-section .blog-post-author-wrap,
#haft-inner-main .blog-banner-section .banner-title,
#haft-inner-main .blog-single-image-wrap,
#haft-inner-main .blog-summary-wrap,
#haft-inner-main .blog-cta-card,
#haft-inner-main .blog-post-section .blog-post-title-area {
  opacity: 1 !important;
}