/* WordPress-specific adaptations for the translated Sites design system. */

.site-main { min-height: 45vh; }

.primary-nav-list,
.footer-nav-list {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.primary-nav-list li,
.footer-nav-list li { margin: 0; padding: 0; }

.primary-nav-list > li:last-child > a,
.primary-nav-list .nav-action-item > a {
  margin-left: 8px;
  padding-inline: 16px;
  background: var(--accent);
  color: var(--button-ink);
}

.primary-nav-list > li:last-child > a:hover,
.primary-nav-list .nav-action-item > a:hover {
  background: var(--accent-dark);
  color: var(--button-ink);
}

.footer-navigation .primary-nav-list,
.footer-nav-list { flex-wrap: wrap; }

.footer-navigation .primary-nav-list > li:last-child > a,
.footer-nav-list > li:last-child > a {
  margin-left: 0;
  padding: 0;
  background: transparent;
  color: inherit;
}

.admin-bar .site-header { top: 32px; }
.content-page { max-width: 880px; }

.content-page > :first-child,
.content-entry-body > :first-child { margin-top: 0; }

.content-page > :last-child,
.content-entry-body > :last-child { margin-bottom: 0; }

.content-entry {
  padding: 34px 0;
  border-bottom: 1px solid var(--line);
}

.content-entry:first-child { padding-top: 0; }
.content-entry h1,
.content-entry h2 { margin-top: 0; }
.content-entry h2 a { text-decoration: none; }
.content-entry-image { margin: 24px 0; }

.content-entry-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
}

.nav-links {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 32px;
}

.nav-links a { color: var(--accent-dark); font-weight: 750; }

.alignwide {
  width: min(1320px, calc(100vw - 40px));
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

.alignfull { width: 100%; max-width: none; }

.wp-caption,
.wp-caption img,
.wp-block-image img { max-width: 100%; height: auto; }

.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;
}

.screen-reader-text:focus {
  top: 8px;
  left: 8px;
  z-index: 100000;
  width: auto;
  height: auto;
  clip: auto;
  padding: 12px 16px;
  background: var(--focus);
  color: var(--skip-ink);
}

.woocommerce .site-main,
.woocommerce-page .site-main {
  width: min(100% - 40px, var(--max-width));
  margin: 0 auto;
  padding: 70px 0;
}

@media (max-width: 840px) {
  .primary-nav-list {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 4px;
  }
  .primary-nav-list > li:last-child > a,
  .primary-nav-list .nav-action-item > a { margin-left: 0; }
}

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

@media (max-width: 600px) {
  .admin-bar .site-header { top: 0; }
}