/* WordPress-specific additions. The design itself lives in main.css. */

/* Keep the floating nav below the admin bar when logged in */
.admin-bar .nav { top: 50px; }
@media (max-width: 782px) {
  .admin-bar .nav { top: 46px; }
}
@media (max-width: 767px) {
  .admin-bar .nav__menu { top: 105px; }
}

/* Custom logo uploaded in Site Identity keeps the design's box */
.nav__logo .custom-logo,
.nav__logo-img { width: 100%; height: 100%; object-fit: contain; }
.footer__logo { object-fit: contain; object-position: left center; }
@media (max-width: 767px) {
  .footer__logo { object-position: center; }
}

/* Menus created in Appearance → Menus */
.nav__links .current-menu-item:not(.menu-item-home) > .nav__link { color: var(--gold); }
@media (max-width: 767px) {
  .nav__links .current-menu-item:not(.menu-item-home) > .nav__link { color: var(--aqua); }
}

/* Other pages (blog posts, standard pages) */
.page { background: var(--white); }
.page__inner { max-width: 860px; margin: 0 auto; padding: 160px 24px 80px; }
.page__article + .page__article { margin-top: 56px; }
.page__title { margin-bottom: 24px; }
.page__title--list a { text-decoration: none; }
.page__title--list a:hover { color: var(--blue); }
.page__content { font-family: var(--sans); font-size: 17px; line-height: 1.7; color: var(--text-soft); }
.page__content > * + * { margin-top: 1em; }
.page__content img { max-width: 100%; height: auto; border-radius: 10px; }
.page__content a { color: var(--blue); }
.page .pagination { margin-top: 48px; font-family: var(--sans); }
.page .nav-links { display: flex; gap: 12px; }
@media (max-width: 767px) {
  .page__inner { padding: 100px 16px 56px; }
}

/* Manual line breaks (<br>) in short texts apply on desktop only */
@media (max-width: 767px) {
  .hero__sub br,
  .footer__brand p br { display: none; }
}