/* assets/css/main.css — supplemental styles */

/* Print */
@media print {
  .site-header, .site-footer, .nav-toggle, .cat-dropdown, .hero__actions { display: none; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}

/* Focus ring for keyboard nav */
:focus-visible { outline: 2px solid var(--clr-a-base); outline-offset: 3px; }

/* Ensure WP gallery works */
.gallery { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.gallery-item { flex: 1 1 200px; }
.gallery-item img { width: 100%; height: auto; border-radius: var(--r-md); }

/* WP alignment classes */
.alignleft  { float: left;  margin: 0 var(--sp-6) var(--sp-4) 0; }
.alignright { float: right; margin: 0 0 var(--sp-4) var(--sp-6); }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--text-sm); color: var(--clr-muted); margin-top: var(--sp-2); }

/* Screen reader text */
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Smooth image placeholders */
img[data-src] { opacity: 0; transition: opacity 300ms ease; }
img.loaded    { opacity: 1; }