/* Bridge: incard.css was written for a Gutenberg-only site, so its
   zero-specificity :where(... button ...) rule paints every unclassed
   <button> as a brand CTA. Bricks' dropdown toggle is exactly that.
   These rules carry real specificity, so they win over :where(). */

/* 1. Dropdown toggle must be a bare caret, not a green button. */
header .brx-submenu-toggle > button {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentcolor;
}
header .brx-submenu-toggle > button svg {
  width: 12px;
  height: 12px;
}

/* 2. The CTA class was authored for a Gutenberg inner link
      (.incard-btn-gradient .wp-block-button__link). In Bricks the class sits
      on the anchor itself, so restate the same treatment for that shape. */
header a.brxe-button.incard-btn-gradient {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: var(--wp--preset--spacing--30);
  border: 0;
  border-radius: var(--incard-radius-control);
  background: var(--wp--preset--gradient--button-green);
  color: var(--ag-on-green, #0c1922);
  text-decoration: none;
}

/* 3. Language switcher. The element renders the <ul> itself carrying the
      class, with one <li> per language. Keep it on one line; no injected
      separator, because a pseudo-element becomes a flex item and wraps. */
header .incard-lang-switch {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  margin: 0;
  padding: 0;
  list-style: none;
}
header .incard-lang-switch > li {
  margin: 0;
  list-style: none;
}
header .incard-lang-switch a {
  color: var(--wp--preset--color--text-muted);
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--xs);
}
header .incard-lang-switch .current-lang a {
  color: var(--wp--preset--color--accent);
  font-weight: 600;
}

/* 4. Footer social icons. Bricks renders the repeater `label` as visible text
      next to each icon; the design wants icons only. Keep the label in the
      accessibility tree so each icon link still has a name (section 8), but
      take it out of the visual flow. */
#brxe-ftsoc a > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* the anchor inherits the light-theme link blue, which is unreadable on ink */
#brxe-ftsoc a {
  color: var(--on-ink-muted);
  text-decoration: none;
}