/* OnlineGiftsCard — supplemental styles beyond Tailwind. */

:root {
  color-scheme: light;
}

/* Keyboard focus outline on brand cards */
.brand-card:focus-within {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

/* Consistent look for search inputs across browsers */
input[type="search"]::-webkit-search-cancel-button {
  appearance: none;
}

/* FAQ chevron rotation on <details> open. Pure CSS, no JS needed. */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary > span[aria-hidden="true"] {
  display: inline-block;
  transition: transform 200ms ease;
}
details[open] > summary > span[aria-hidden="true"] {
  transform: rotate(180deg);
}