/*
 * @file
 * Microsite branding overrides for invuse_paragraphs and invuse_blocks.
 *
 * Some paragraph and block styles hardcode colours, or use the plain text
 * colour where the group has heading and link colour settings.
 * Scoped to .lgd-ms (added to <body> on microsites) so these beat the module
 * rules and follow the group's style settings.
 */

.lgd-ms .hero-banner__cta--primary,
.lgd-ms .hero-banner__cta--primary:hover,
.lgd-ms .banner__cta--primary,
.lgd-ms .banner__cta--primary:hover {
  color: var(--colour-primary-text);
}

.lgd-ms .carousel-slide__cta--primary {
  background-color: var(--colour-primary);
  border-color: var(--colour-primary);
  color: var(--colour-primary-text);
}

.lgd-ms .carousel-slide__cta--primary:hover,
.lgd-ms .carousel-slide__cta--primary:focus-visible {
  background-color: var(--colour-primary-dark);
  border-color: var(--colour-primary-dark);
  color: var(--colour-primary-text);
}

.lgd-ms .contact-section .form-submit {
  background-color: var(--colour-primary);
  color: var(--colour-primary-text);
}

.lgd-ms .contact-section .form-submit:hover {
  background-color: var(--colour-primary-dark);
  color: var(--colour-primary-text);
}

.lgd-ms a.feature-link__card-inner:hover::before,
.lgd-ms a.feature-link__card-inner:focus::before {
  background-color: color-mix(in srgb, var(--colour-primary) 20%, #ffffff);
}

.lgd-ms .text-image--numbered .feature-link__badge {
  background-color: var(--colour-primary);
  color: var(--colour-primary-text);
}

/* Section headings follow the microsite heading colours. */
.lgd-ms .card-grid__title,
.lgd-ms .tiles__title,
.lgd-ms .logo-grid__title,
.lgd-ms .cta-block__heading,
.lgd-ms .contact-info-block__heading {
  color: var(--heading-2-color);
}

.lgd-ms .card-item__title,
.lgd-ms .tile-item__title,
.lgd-ms .feature-link__heading,
.lgd-ms .text-image--has-switcher .feature-link--active .feature-link__heading {
  color: var(--heading-3-color);
  font-family: var(--font-heading-3), sans-serif;
}

/* Links follow the microsite link colour. */
.lgd-ms .card-item__link,
.lgd-ms .contact-info-block__value,
.lgd-ms .contact-section__contact-link,
.lgd-ms .contact-section__contact-link:hover,
.lgd-ms .contact-section__body a {
  color: var(--color-link);
}

.lgd-ms .card-item__link:hover,
.lgd-ms .contact-info-block__value:hover {
  color: var(--colour-primary-dark);
}

/* Active carousel slide bullet. */
.lgd-ms .carousel-hero__pagination .swiper-pagination-bullet-active {
  background-color: var(--colour-primary);
}

/* Feature link accent bar uses the microsite secondary colour. */
.lgd-ms .feature-link--first .feature-link__card-inner,
.lgd-ms .text-image--has-switcher .feature-link--active .feature-link__card-inner {
  border-left-color: var(--color-accent-2);
}