/* WordPress-only additions on top of site.css */

/* Hidden spam-trap field on the enquiry form */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Messages after sending the form show straight away (site.css hides them until JS reveals) */
.enquiry > .form-done[role="status"], .enquiry > .form-error[role="status"] { display: block; }

/* Real team photo fills the frame */
.team-photo-frame.has-photo { aspect-ratio: auto; display: block; background: none; }
.team-photo-frame.has-photo img { width: 100%; height: auto; opacity: 1; display: block; }

/* Contact links inherit the text colour */
.details dd a { color: inherit; text-decoration: none; }
.details dd a:hover { color: var(--teal); text-decoration: underline; }

/* Simple pages (Privacy Policy etc.) */
.page-body { min-height: 50vh; }
.prose { max-width: 760px; }
.prose h1 { font-family: var(--display); font-weight: 600; font-size: clamp(34px, 4vw, 48px); color: var(--teal-deep); margin-bottom: 24px; }
.prose h2, .prose h3 { font-family: var(--display); color: var(--teal-deep); margin: 28px 0 10px; }
.prose p, .prose li { color: var(--ink-soft); line-height: 1.7; }
.prose p { margin: 0 0 16px; }

/* WordPress admin bar sits above the sticky header when logged in */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Designer credit (Domo Drafted), recoloured to the Perfect Cents palette */
.footer-credit { display: flex; justify-content: center; padding: 18px 0 26px; }
.credit-link { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .04em; color: rgba(255, 255, 255, 0.55); text-decoration: none; transition: color .25s ease; }
.credit-link .credit-name { font-weight: 700; letter-spacing: .12em; text-transform: lowercase; color: var(--wheat); transition: color .25s ease, text-shadow .25s ease; }
.credit-link:hover { color: rgba(255, 255, 255, 0.8); }
.credit-link:hover .credit-name { color: #E7D9A6; text-shadow: 0 0 10px rgba(201, 183, 122, 0.45); }
.credit-logo { height: 22px; width: auto; opacity: .85; transition: opacity .25s ease; }
.credit-link:hover .credit-logo { opacity: 1; }
.credit-mark { width: 26px; height: auto; color: var(--wheat); transition: transform .35s ease, color .25s ease, filter .25s ease; }
.credit-link:hover .credit-mark { color: #E7D9A6; transform: translateY(-1px) rotate(-4deg); filter: drop-shadow(0 0 6px rgba(201, 183, 122, 0.5)); }
@media (prefers-reduced-motion: reduce) { .credit-link:hover .credit-mark { transform: none; } }