/* WordPress-specific additions to the WHAMAA design system */

/* Admin toolbar (logged-in users) */
.admin-bar .site-header { top: 32px; }
.admin-bar .mnav { top: calc(var(--header-h) + 32px); }
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .admin-bar .mnav { top: calc(var(--header-h) + 46px); }
}
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } #wpadminbar { position: absolute; } }

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

/* Content written in the WordPress editor */
.wp-content > * + * { margin-top: 1.1em; }
.wp-content h2 { margin-top: 2em; font-size: 1.55rem; font-weight: 800; }
.wp-content h3 { margin-top: 1.6em; font-size: 1.22rem; font-weight: 700; }
.wp-content h4 { margin-top: 1.4em; font-size: 1.05rem; font-weight: 700; }
.wp-content a { font-weight: 600; }
.wp-content img { border-radius: var(--r-lg); }
.wp-content figure { margin-left: 0; margin-right: 0; }
.wp-content figcaption, .wp-element-caption { margin-top: 8px; font-size: .88rem; color: var(--muted); text-align: center; }
.wp-content blockquote { margin-left: 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--gold); color: var(--ink-2); font-size: 1.12rem; }
.wp-content hr { border: 0; border-top: 1px solid var(--line); margin: 2.5em 0; }
.wp-content table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wp-content th, .wp-content td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.wp-content th { color: var(--ink); background: var(--bg-alt); }
.wp-content pre, .wp-content code { font-family: var(--mono); font-size: .9em; }
.wp-content pre { padding: 16px; border-radius: var(--r); background: #0D2230; color: #DCE5EA; overflow-x: auto; }
.wp-content p.note { display: block; }
.wp-content .wp-block-image { margin-top: 1.6em; margin-bottom: 1.6em; }
.wp-feature { margin: 0 0 32px; }
.wp-feature img { width: 100%; border-radius: var(--r-xl); }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; margin: .4em 1.5em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.5em; }
.alignwide, .alignfull { width: 100%; }

/* Editor buttons styled like the site */
.wp-content .wp-block-button__link { display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border-radius: 999px; background: var(--brand); color: #fff; font-weight: 700; text-decoration: none; }
.wp-content .wp-block-button__link:hover { background: var(--brand-600); color: #fff; }
.wp-content .is-style-outline .wp-block-button__link { background: #fff; color: var(--ink); border: 1.5px solid var(--line-2); }
.wp-content .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; }

/* Pagination */
.wp-pagination { margin-top: 40px; }
.wp-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.wp-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--ink-2); font-weight: 600; text-decoration: none; }
.wp-pagination .page-numbers.current { background: var(--ink); border-color: var(--ink); color: #fff; }

/* Plugin forms (e.g. Contact Form 7, WPForms) inherit the site's field style */
.wp-content input[type="text"], .wp-content input[type="email"], .wp-content input[type="tel"], .wp-content input[type="url"], .wp-content select, .wp-content textarea {
  width: 100%; min-height: 48px; padding: 12px 14px; border: 1.5px solid var(--line-2); border-radius: var(--r); font: inherit; background: #fff; }
.wp-content input[type="submit"], .wp-content button[type="submit"] { min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--brand); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }