/* Supplemental styles that extend style.css without bloating the theme
   stylesheet header. Loaded on every front-end page. */

.aurix-breadcrumbs {
  font-size: var(--fs-xs);
  color: var(--aurix-taupe);
  padding: var(--sp-sm) 0;
  border-bottom: 1px solid var(--aurix-border);
}
.aurix-breadcrumbs a:hover { color: var(--aurix-gold); }
.aurix-breadcrumbs span { color: var(--aurix-plum); }

.aurix-tab-content { max-width: 720px; line-height: 1.8; color: var(--aurix-ink); }
.aurix-tab-content ul { list-style: disc; padding-left: 1.4rem; }
html[dir="rtl"] .aurix-tab-content ul { padding-left: 0; padding-right: 1.4rem; }

.js-aurix-wishlist-toggle svg { transition: all .2s ease; }
.js-aurix-wishlist-toggle.is-active svg { fill: var(--aurix-gold); stroke: var(--aurix-gold); }

.widget-title {
  font-family: var(--font-display);
  color: var(--aurix-plum);
  font-size: var(--fs-md);
  margin-bottom: var(--sp-sm);
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--aurix-border);
}

.screen-reader-text {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  width: 1px; height: 1px; overflow: hidden;
}
.skip-link:focus {
  position: fixed; top: 10px; left: 10px; z-index: 2000;
  width: auto; height: auto; clip: auto;
  background: var(--aurix-plum); color: var(--aurix-cream);
  padding: .75rem 1.25rem; border-radius: var(--radius-sm);
}