/* =========================================================
   Language toggle for localized content
   ========================================================= */

.lang-en_US,
.lang-en_GB {
  display: none;
}

/* Show correct language content based on HTML lang attribute */
html[lang="en-US"] .lang-en_US {
  display: block;
}

html[lang="en-GB"] .lang-en_GB {
  display: block;
}


/* =========================================================
   Footer bottom row layout
   ========================================================= */

.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

/* Expand footer copyright container */
#copyright .span_5 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
}

/* Footer copyright text */
.footer-bottom-content .left {
  font-size: 14px;
  color: #fff;
  padding-left: 12px;
  padding-bottom: 16px;
}

/* Footer legal links container */
.footer-bottom-content .right {
  font-size: 14px;
  margin-left: auto;
  text-align: right;
  padding-right: 40px;
}

/* Footer legal links */
.footer-bottom-content .right a {
  color: #fff;
  margin-left: 16px;
}


/* =========================================================
   Footer legal links underline animation
   ========================================================= */

#copyright .footer-bottom-content .right a {
  position: relative;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  margin-left: 16px;
  opacity: 1 !important;
}

/* Hidden underline state */
#copyright .footer-bottom-content .right a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background-color: #ffffff !important;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.55s ease;
}

/* Hover/focus underline animation */
#copyright .footer-bottom-content .right a:hover::after,
#copyright .footer-bottom-content .right a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Keep footer legal links white on hover/focus */
body #footer-outer #copyright .footer-bottom-content .right a,
body #footer-outer #copyright .footer-bottom-content .right a:visited,
body #footer-outer #copyright .footer-bottom-content .right a:hover,
body #footer-outer #copyright .footer-bottom-content .right a:focus,
body #footer-outer #copyright .footer-bottom-content .right a:focus-visible,
body #footer-outer #copyright .footer-bottom-content .right a:active {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* =========================================================
   Footer contact email underline animation
   Applies to support@cinchio.com
   ========================================================= */

.footer-contact-info a {
  position: relative;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Hidden underline state */
.footer-contact-info a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background-color: #ffffff !important;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.55s ease;
}

/* Hover/focus underline animation */
.footer-contact-info a:hover::after,
.footer-contact-info a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Keep email link white on hover/focus */
.footer-contact-info a:hover,
.footer-contact-info a:focus,
.footer-contact-info a:focus-visible,
.footer-contact-info a:active {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* =========================================================
   Footer tablet + mobile layout
   Keeps US/UK links language-specific
   ========================================================= */

@media only screen and (max-width: 1024px) {
  #copyright .footer-bottom-content {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #copyright .footer-bottom-content .right {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 12px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
  }

  /* Hide both language groups by default on tablet/mobile */
  #copyright .footer-bottom-content .right .lang-en_US,
  #copyright .footer-bottom-content .right .lang-en_GB {
    display: none !important;
  }

  /* Show only US footer links on US pages */
  html[lang="en-US"] #copyright .footer-bottom-content .right .lang-en_US {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 16px 32px !important;
  }

  /* Show only UK footer links on UK pages */
  html[lang="en-GB"] #copyright .footer-bottom-content .right .lang-en_GB {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 16px 32px !important;
  }

  #copyright .footer-bottom-content .right a {
    margin-left: 0 !important;
    text-align: left !important;
  }
}


/* =========================================================
   Body/page text links
   Excludes related posts, post headers, blog post category links,
   and announcement links
   ========================================================= */

.entry-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements),
.post-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements),
.page-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements) {
  color: #165156;
}

.entry-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover,
.post-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover,
.page-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover {
  color: #5C8589;
}


/* =========================================================
   FAQ toggle styles
   ========================================================= */

.toggle > .toggle-title a {
  color: #a3a3a3;
  font-size: 16px;
  font-weight: 600;
}

div[data-style="minimal"] .toggle {
  border-bottom: 2px solid #2a2a2a;
}

@media only screen and (max-width: 690px) {
  div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 16px;
    line-height: 24px;
  }
}


/* =========================================================
   Global accessible focus state for buttons
   ========================================================= */

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.nectar-button:focus-visible,
a.nectar-button:focus-visible,
.wp-block-button__link:focus-visible {
  outline-offset: 3px !important;
}