/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
/*
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}
  */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* copy of wp default css to a 1000px media query */
@media (min-width: 1000px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }

	/* Fix for multi-word menu items */
    .wp-block-navigation-item__label {
        white-space: nowrap;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}


ul.svg-checklist {
  list-style: none;
  padding-left: 0; /* Remove extra space */
  margin: 0;
}

ul.svg-checklist li {
  position: relative;
  padding-left: 2rem; /* Just enough for the checkmark */
  margin-top: .675rem;
}

ul.svg-checklist li::before {
  content: '';
  position: absolute;
  left: -.2em;
  top: 0em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("assets/images/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.link-primary,
.link-secondary {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 24px !important;
  border-radius: 2rem;
  display: inline-block;
}

.link-primary {
	background-color:var(--wp--preset--color--cta-yellow) !important;
	color: black;
}

.link-secondary {
  background-color: rgba(0, 0, 0, 0.03) !important; /* very light background for padding feel */
  color: #002147;
}
@media (max-width: 782px) {
  .responsive-button > *:first-child {
    width: 100%;
    max-width: 100%;
    display: block; /* optional, ensures it behaves like a block element */
  }
}
/* Prevent overall page horizontal scroll */
body {
    overflow-x: hidden !important;
}


/* Heading */
.faq h1 {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 48px;
  }
  
  /* Accordion items */
  .faq details {
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 0;
  }
  
  .faq summary {
    list-style: none;               /* remove default arrow */
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 600;
    position: relative;
    padding-right: 32px;            /* space for custom arrow */
    user-select: none;
  }
  
  /* hide default marker cross‑browser */
  .faq summary::-webkit-details-marker,
  summary::marker {
    display: none;
  }
  
  /* Custom arrow */
  .faq summary::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-right: 2px solid #0a66ff;   /* blue stroke */
    border-bottom: 2px solid #0a66ff;
    transform: translateY(-50%) rotate(45deg);  /* chevron down */
    transition: transform 0.2s ease;
  }
  
  /* Rotate arrow when open */
  .faq details[open] > summary::after {
    transform: translateY(-50%) rotate(-135deg); /* chevron up */
  }

  @media (max-width: 1024px) {
    .hide-on-mobile-and-tablet {
      display: none !important;
    }
  }

  /* ─── Sticky Site Header ───────────────────────────────────────────── */
header.wp-block-template-part {
	/* stick to the viewport */
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) * 1); /* clears WP admin bar when logged‑in */
	z-index: 1000;          /* higher than page content & TOC column */
	background: var(--wp--preset--color--base, #fff); /* solid bg so content doesn’t bleed through */
	transition: box-shadow .2s ease;
}

/* optional: subtle drop‑shadow once the header is no longer at the very top */
header.wp-block-template-part.is-scrolled {
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Styled details class */
.styled-details {
  padding: 12px !important;
  border: 1px solid var(--wp--preset--color--brand-blue) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  background-color: #3167ff12 !important;
  margin-bottom: 12px !important;
}

/* Style the summary within styled-details */
.styled-details > summary {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
}

/* === Help-Center grid ================================================= */

/* every direct Group inside the grid becomes a “card” */
.help-grid > .wp-block-group{
	background: white;
	border: 1px solid #d1d5db;
	border-radius: .75rem;                           /* 12 px corner radius  */
	padding: var(--wp--preset--spacing--40,1.5rem) !important;
	box-shadow: 0 2px 4px rgba(0,0,0,.05);
	transition: background .25s,border-color .25s;
}

/* card heading */
.help-grid > .wp-block-group > h3{
	margin: 0 0 .75rem;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	color: var(--wp--preset--color--accent-3,#1A2244);
}

/* article titles */
.help-grid h2{
	margin: 1rem 0;
	font-size: 1rem !important;
	font-weight: 500;
	line-height: 1.5;
  color: #002147 !important;
}
a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.help-grid a{
	text-decoration: underline;
}
.help-grid a:hover{
	color: #153fb0 !important;
	text-decoration: underline;
}

/* Make bold text heavier */
strong, 
b {
	font-weight: 600;
}

.wp-block-button__link:hover{
  text-decoration: none;
}