/* Codex 2026-09-14: '.event-card svg { color: var(--nl-icon-color); }' sets
 * a dark grey (#404040) for the small calendar\/guide icons in the card body
 * (correct there, on the light background). But it's non-specific enough
 * that it also caught the arrow icon inside the green 'View [Trip]' button,
 * turning it dark grey against the button's white text instead of matching
 * it. Restore currentColor (i.e. the button's own text colour) for icons
 * inside buttons specifically - higher specificity than the rule above. */
.event-card .bricks-button svg,
.event-card a.bricks-button svg {
  color: currentColor;
}


/* Codex 2026-09-14: same root cause as the earlier button-icon fix (today's
 * icon-font-to-SVG migration left custom SVG icons with no width/height
 * attribute on the <svg> tag, so with nothing constraining it the icon
 * stretches to fill its flex container). This time it's the itinerary/FAQ
 * accordion chevrons (.x-accordion_icon, from the xpro accordion element) -
 * observed rendering at roughly 245-520px instead of a normal chevron size,
 * on every accordion section across trip pages. The plugin's own CSS
 * already sets `.x-accordion_icon { font-size: 1em; }`, clearly intending to
 * size the icon relative to its heading, but nothing ever mapped that
 * font-size onto the SVG's actual width/height - that mapping was
 * presumably done by the icon's own baked-in width/height before the
 * migration removed it. Complete that mapping explicitly rather than
 * inventing an unrelated fixed size. */
.x-accordion_icon:not([width]) {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}