/* WordPress-specific additions on top of the static design */

/* Admin bar: push the fixed header + mobile menu below it */
.admin-bar .hdr { top: 32px; }
html:has(body.admin-bar) { scroll-padding-top: calc(var(--hdr) + 42px); }
@media (max-width: 960px) {
  .admin-bar .nav { top: calc(var(--hdr) + 32px); height: calc(100dvh - var(--hdr) - 32px); }
}
@media (max-width: 782px) {
  .admin-bar .hdr { top: 46px; }
  .admin-bar .nav { top: calc(var(--hdr) + 46px); height: calc(100dvh - var(--hdr) - 46px); }
}
/* WP makes the admin bar scroll away on small phones */
@media (max-width: 600px) {
  #wpadminbar { position: fixed; }
}

/* Inner pages (index.php) */
.site-content { padding: calc(var(--hdr) + 60px) 0 90px; min-height: 60vh; }
.page-title { margin-bottom: 40px; }
.entry + .entry { margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--line); }
.entry-title a:hover { color: var(--blue); }
.entry-content ul { list-style: disc; padding-left: 1.4em; margin: 0 0 1em; }
.entry-content ol { list-style: decimal; padding-left: 1.4em; margin: 0 0 1em; }
.entry-content a { color: var(--blue); text-decoration: underline; }
.entry-content img { height: auto; }

/* Elementor pages: no extra padding, Elementor handles layout */
.elementor-page .site-content { padding: var(--hdr) 0 0; }
.elementor-page .site-content > .wrap { max-width: none; padding: 0; }
.elementor-page .entry-title { display: none; }