/* Sunday Websites: theme additions for WordPress, Pencil and menu-driven markup. Loaded last. */

/* ---------- Button icons (drawn in CSS because Pencil strips inline SVG from before/after markup) ---------- */
.site-wrap .btn__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.site-wrap .btn__icon--external {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.site-wrap .btn__icon--download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.site-wrap .pencil-button__text { display: inline; }

/* ---------- Pencil fields: stay typographically neutral in edit mode ---------- */
.site-wrap span.pencil-field {
  display: inline; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; line-height: inherit;
}
.site-wrap .pencil-richtext > * + * { margin-top: 1em; }
.site-wrap .pencil-richtext a { text-decoration: underline; text-underline-offset: 3px; }
.site-wrap .pencil-richtext ul, .site-wrap .pencil-richtext ol { padding-left: 1.3em; list-style: revert; }

/* ---------- Header menu region ---------- */
@media (min-width: 1241px) {
  .site-wrap .nav__region { grid-column: 2; display: flex; justify-content: center; }
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* ---------- Footer menus ---------- */
.site-wrap .site-footer__menu { display: flex; flex-direction: column; gap: 12px; }
.site-wrap .site-footer__menu li { line-height: 24px; }
.site-wrap .site-footer__legal { display: flex; flex-wrap: wrap; gap: 0 .6em; }
.site-wrap .site-footer__legal .site-footer__region { display: inline-block; }
.site-wrap .site-footer__menu--inline { flex-direction: row; gap: 0; }
.site-wrap .site-footer__menu--inline li { line-height: 20px; }
.site-wrap .site-footer__menu--inline li::before { content: "·"; margin: 0 .6em; }
.site-wrap .site-footer__bottom a { color: inherit; }
.site-wrap .site-footer__bottom a:hover { color: var(--color-on-dark); }


/* ---------- Blog and project cards (WordPress-owned content in managed regions) ---------- */
.site-wrap .post-card__region, .site-wrap .project-card__region { display: block; height: 100%; }
.site-wrap .region-inline { display: inline; }
.site-wrap .single-back { color: var(--color-ink); font-size: 15px; font-weight: 500; }
.site-wrap .project-card__body .pencil-managed-region { display: flex; flex-direction: column; gap: 6px; }
.site-wrap .post-card__body .pencil-managed-region { display: block; }

/* ---------- Article body (the_content) ---------- */
.site-wrap .prose--wide { max-width: none; margin-inline: 0; }
.site-wrap .prose > p:first-child { font-size: clamp(19px, 1.7vw, 21px); line-height: 1.62; color: var(--color-ink); }
.site-wrap .prose figure {
  display: flex; flex-direction: column; align-items: center; gap: 24px; padding-block: 56px; text-align: center;
  margin-block: 8px;
}
.site-wrap .prose figure::before { content: "\201C"; font-size: 88px; line-height: 40px; height: 40px; color: var(--color-door); }
.site-wrap .prose blockquote { font-size: clamp(28px, 3.4vw, 42px); font-weight: 300; letter-spacing: -.02em; line-height: 1.24; color: var(--color-ink); max-width: 760px; text-wrap: balance; }
.site-wrap .prose blockquote p { font: inherit; letter-spacing: inherit; line-height: inherit; color: inherit; }
.site-wrap .prose cite { font-size: 13px; font-weight: 500; font-style: normal; letter-spacing: .14em; line-height: 16px; text-transform: uppercase; color: var(--color-ink-muted); display: block; margin-top: 24px; }
.site-wrap .prose h3 { font-size: clamp(20px, 2vw, 24px); font-weight: 400; line-height: 1.3; color: var(--color-ink); }
.site-wrap .prose ol { display: flex; flex-direction: column; gap: 10px; padding-left: 22px; list-style: decimal; font-size: 18px; line-height: 1.6; color: #3F3A36; }

/* ---------- Contact Form 7 ---------- */
.site-wrap .wpcf7 form { display: flex; flex-direction: column; gap: 20px; }
.site-wrap .wpcf7-form-control-wrap { display: block; }
.site-wrap .choices .wpcf7-form-control-wrap { display: contents; }
.site-wrap .wpcf7-checkbox, .site-wrap .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 10px; }
.site-wrap .wpcf7-list-item { margin: 0; position: relative; }
.site-wrap .wpcf7-list-item label { position: relative; display: block; cursor: pointer; }
.site-wrap .wpcf7-list-item input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.site-wrap .wpcf7-list-item-label {
  display: block; padding: 12px 20px; border-radius: var(--radius-full); background: #fff;
  border: 1px solid var(--color-ink-subtle); font-size: 15px; line-height: 18px; color: var(--color-ink);
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.site-wrap .wpcf7-list-item input:checked + .wpcf7-list-item-label { background: var(--color-ink); color: #fff; border-color: var(--color-ink); }
.site-wrap .wpcf7-list-item input:focus-visible + .wpcf7-list-item-label { outline: 2px solid var(--color-door-deep); outline-offset: 3px; }
.site-wrap .wpcf7-list-item:hover .wpcf7-list-item-label { border-color: var(--color-ink); }
.site-wrap .wpcf7-not-valid-tip { display: block; margin-top: 6px; font-size: 14px; line-height: 18px; color: var(--color-door-text); }
.site-wrap .wpcf7 .wpcf7-not-valid { border-color: var(--color-door-deep); }
.site-wrap .wpcf7-response-output { display: none; margin: 0; padding: 14px 20px; border: 0; border-radius: var(--radius-md); background: var(--color-door-tint); color: var(--color-ink); font-size: 15px; }
.site-wrap .wpcf7-form.sent .wpcf7-response-output, .site-wrap .wpcf7-form.invalid .wpcf7-response-output,
.site-wrap .wpcf7-form.failed .wpcf7-response-output, .site-wrap .wpcf7-form.aborted .wpcf7-response-output,
.site-wrap .wpcf7-form.spam .wpcf7-response-output, .site-wrap .wpcf7-form.unaccepted .wpcf7-response-output { display: block; }
.site-wrap .wpcf7-spinner { display: none; }
.site-wrap .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.site-wrap .wpcf7 .hidden-fields-container { display: none; }

/* ---------- Footer social buttons (icons drawn in CSS because Pencil strips inline SVG from before/after markup) ---------- */
.site-wrap .site-footer__social { display: flex; gap: 10px; align-items: center; }
.site-wrap .footer-social {
  display: flex; align-items: center; justify-content: center; position: relative; width: 44px; height: 44px; flex-shrink: 0;
  border: 1px solid rgba(250, 250, 249, .3); border-radius: var(--radius-full); transition: border-color .15s ease, background-color .15s ease;
}
.site-wrap .footer-social:hover { border-color: rgba(250, 250, 249, .7); background: rgba(250, 250, 249, .06); }
.site-wrap .footer-social__icon { display: block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: 18px 18px; }
.site-wrap .footer-social .pencil-button__text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.site-wrap .footer-social--facebook .footer-social__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAF9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E"); }
.site-wrap .footer-social--instagram .footer-social__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAF9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E"); }
.site-wrap .footer-social--email .footer-social__icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAF9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6.5L20.5 7'/%3E%3C/svg%3E"); }

/* ---------- Clickable cards ---------- */
.site-wrap .card-link { cursor: pointer; }

/* ---------- The hidden attribute must win over component display rules (blog filter, Load more) ---------- */
.site-wrap [hidden] { display: none !important; }

/* ---------- Services: "More ways we can help" cards ---------- */
.site-wrap .more-ways .card-title--28 { font-size: 24px; line-height: 32px; }

/* Pricing: closing call-to-action pair */
.cta-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.cta-card { display: flex; flex-direction: column; gap: 20px; padding: clamp(28px, 4vw, 48px); border-radius: var(--radius-xl); }
.cta-card--light { background: var(--color-surface-raised, #fff); box-shadow: var(--shadow-card); }
.cta-card .heading { font-size: clamp(28px, 3vw, 38px); line-height: 1.16; }
.cta-card__action { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding-top: 4px; margin-top: auto; }
.cta-card__meta { font-size: 14px; line-height: 18px; color: var(--color-ink-subtle); }
.cta-card.dark .cta-card__meta { color: var(--color-on-dark-muted); }
@media (max-width: 900px) { .cta-pair { grid-template-columns: 1fr; } }

/* About: founder photo */
.site-wrap .founder__photo--image { display: block; position: relative; overflow: hidden; padding: 0; min-height: 440px; background: var(--color-ink-lift); }
.site-wrap .founder__photo--image :is(figure, picture) { position: absolute; inset: 0; margin: 0; }
.site-wrap .founder__photo--image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
@media (max-width: 1000px) { .site-wrap .founder__photo--image { min-height: 0; aspect-ratio: 4 / 5; } }

/* Generated from inline styles that sit on Pencil-managed elements (buttons, rich text). */
.site-wrap a.u-01, .site-wrap .pencil-richtext.u-01 { color:var(--color-ink); }
.site-wrap a.u-02, .site-wrap .pencil-richtext.u-02 { align-self:flex-start; }
.site-wrap a.u-03, .site-wrap .pencil-richtext.u-03 { background:var(--color-door);border-color:var(--color-door);color:var(--color-ink); }
.site-wrap a.u-04, .site-wrap .pencil-richtext.u-04 { padding:14px 24px;box-shadow:none; }
.site-wrap a.u-05, .site-wrap .pencil-richtext.u-05 { color:var(--color-ink);font-size:15px;font-weight:500; }
.site-wrap a.u-06, .site-wrap .pencil-richtext.u-06 { background:#fff;padding:10px 18px; }
.site-wrap a.u-07, .site-wrap .pencil-richtext.u-07 { text-decoration:underline;text-underline-offset:3px; }
.site-wrap a.u-08, .site-wrap .pencil-richtext.u-08 { color:var(--color-door-text); }
.site-wrap a.u-09, .site-wrap .pencil-richtext.u-09 { padding:10px 18px;font-size:14px;box-shadow:none; }
.site-wrap a.u-10, .site-wrap .pencil-richtext.u-10 { font-size:15px;color:rgba(255,255,255,.78); }