/* nelox-theme — extra CSS utöver theme.json */

/* a11y: skip link */
.skip-link {
  position: absolute; left: -9999px; top: 0; padding: 1rem 1.5rem;
  background: var(--wp--preset--color--dark); color: var(--wp--preset--color--bone);
  z-index: 10000;
}
.skip-link:focus { left: 0; outline: 3px solid var(--wp--preset--color--primary); }

/* fokus-stilar */
:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
  border-radius: 2px;
}

/* mobile nav-toggle synlighet */
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container-open { display: inline-flex !important; }
}

/* 3D-print meta-tabell (renderas av Task 24 shortcode) */
.nelox-print-meta { font-family: var(--wp--preset--font-family--plex-sans); }
.nelox-print-meta dl { display: grid; grid-template-columns: 1fr 2fr; gap: 0.5rem 1rem; margin: 0 0 1.5rem; }
.nelox-print-meta dt { font-weight: 700; color: var(--wp--preset--color--steel); }
.nelox-print-meta dd { margin: 0; }
.nelox-print-meta .availability-serie { color: var(--wp--preset--color--primary); font-weight: 700; }

/* responsiv produkt-grid när columns wrappar */
@media (max-width: 600px) {
  .wp-block-columns { flex-direction: column !important; }
  .wp-block-column { flex-basis: 100% !important; }
}