/* AI Search & GEO V1 additions. Copy and media remain WordPress-owned. */
.ai-banner { isolation: isolate; }
.ai-banner .maps-banner__inner { z-index: 1; }
.ai-answer-texture { position: absolute; inset: 0; z-index: 0; display: flex; justify-content: space-between; padding: 36px 44px; opacity: .6; pointer-events: none; mask-image: linear-gradient(90deg, #000, #000 18%, transparent 32%, transparent 68%, #000 82%, #000); }
.ai-answer-texture__column { width: 300px; display: grid; gap: 18px; align-content: start; text-align: left; }
.ai-answer-texture__query { max-width: 85%; justify-self: end; padding: 9px 14px; border-radius: 14px 14px 4px; color: oklch(0.42 0.03 270); background: oklch(0.93 0.02 270); font-size: 12.5px; }
.ai-answer-texture__overview { display: grid; gap: 7px; }
.ai-answer-texture__overview > span { display: flex; align-items: center; gap: 6px; color: oklch(0.5 0.12 285); font: 10.5px var(--mono); }
.ai-answer-texture__overview .material-symbols-rounded { font-size: 14px; }
.ai-answer-texture__overview i,
.ai-answer-texture__tail i { height: 6px; border-radius: 2px; background: oklch(0.9 0.006 260); }
.ai-answer-texture__overview i:nth-of-type(1) { width: 96%; }
.ai-answer-texture__overview i:nth-of-type(2) { width: 88%; }
.ai-answer-texture__overview i:nth-of-type(3) { width: 92%; }
.ai-answer-texture__overview i:nth-of-type(4) { width: 60%; }
.ai-answer-texture__citations { display: flex; flex-wrap: wrap; gap: 6px; }
.ai-answer-texture__citations span { padding: 4px 9px; border: 1px solid oklch(0.89 0.008 260); border-radius: 999px; color: oklch(0.5 0.015 260); background: var(--service-white); font: 10.5px var(--mono); }
.ai-answer-texture__citations span.is-primary { border-color: oklch(0.78 0.09 252); color: oklch(0.45 0.15 252); background: oklch(0.95 0.03 252); }
.ai-answer-texture__tail { display: grid; gap: 7px; margin-top: 6px; }
.ai-answer-texture__tail i:first-child { width: 90%; }
.ai-answer-texture__tail i:last-child { width: 74%; }

.ai-problem { padding-top: clamp(56px, 7vw, 100px); padding-bottom: clamp(28px, 4vw, 48px); }
.ai-problem .maps-centered-heading { max-width: 760px; margin-bottom: 0; }
.ai-problem__prompts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 18px 0; }
.ai-problem__prompts span { padding: 8px 14px; border: 1px solid oklch(0.91 0.008 260); border-radius: 999px; background: var(--service-white); font-size: 14.5px; }
.ai-problem__followup { max-width: 60ch; margin-inline: auto; color: var(--service-body); font-size: 16.5px; line-height: 1.6; }
.ai-problem-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: clamp(32px, 4vw, 48px); }
.ai-problem-card,
.ai-how-card,
.ai-engine-card { min-width: 0; padding: 22px; border: 1px solid var(--service-border); border-radius: 12px; background: var(--service-white); }
.ai-problem-card { padding: 24px; }
.ai-problem-card > span { display: block; margin-bottom: 12px; color: oklch(0.55 0.2 27); font: 11.5px var(--mono); }
.ai-problem-card h3 { margin: 0 0 6px; font-size: 19px; letter-spacing: -.03em; }
.ai-problem-card p { margin: 0; font-size: 15px; line-height: 1.55; }
.ai-problem p.ai-problem__footer { max-width: 50ch; margin: clamp(28px, 3vw, 40px) auto 0; color: var(--service-ink); font: 600 clamp(17px, 1.6vw, 20px)/1.35 var(--display); letter-spacing: -.02em; text-align: center; text-wrap: balance; }

.ai-what { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(32px, 5vw, 72px); align-items: center; padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(56px, 7vw, 100px); }
.ai-what__copy .maps-rich { max-width: 58ch; margin-bottom: 16px; color: var(--service-body); font-size: 16.5px; line-height: 1.6; }
.ai-what__copy .ai-what__emphasis { max-width: 54ch; margin-bottom: 0; color: var(--service-ink); font-weight: 600; }
.ai-answer-mock { min-width: 0; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 16px; color: #0d0d0d; background: #fff; box-shadow: 0 40px 80px -48px oklch(0.35 0.08 260 / .45); }
.ai-answer-mock__brand { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 600; }
.ai-answer-mock__brand img { width: 20px; height: 20px; border-radius: 4px; object-fit: contain; }
.ai-answer-mock__body { display: grid; gap: 16px; padding: 20px 18px; }
.ai-answer-mock__query { max-width: 80%; justify-self: end; padding: 10px 16px; border-radius: 18px; background: #f4f4f4; font-size: 15px; }
.ai-answer-mock__body > p { margin: 0; color: #0d0d0d; font-size: 15px; line-height: 1.6; }
.ai-answer-mock__body sup { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; margin-left: 2px; border-radius: 50%; color: #1a73e8; background: #e8f0fe; font-size: 10px; }
.ai-answer-mock__sources { display: grid; gap: 6px; padding-top: 12px; border-top: 1px solid #eee; color: #666; font-size: 13.5px; }
.ai-answer-mock__sources > strong { font-size: 12.5px; }
.ai-answer-mock__sources > span { padding: 8px 12px; }
.ai-answer-mock__sources .is-cited { display: flex; justify-content: space-between; gap: 8px; border-radius: 10px; color: #0d0d0d; background: oklch(0.96 0.04 150); }
.ai-answer-mock__sources .is-cited b { color: oklch(0.42 0.13 150); }
.ai-answer-mock__input { margin: 0 14px 14px; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 24px; color: #999; font-size: 14.5px; }
.ai-engines { grid-column: 1 / -1; margin-top: clamp(8px, 2vw, 24px); }
.ai-engines > h3 { margin: 0 0 20px; font-size: clamp(22px, 2.4vw, 28px); letter-spacing: -.035em; text-align: center; }
.ai-engine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.ai-engine-card > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: var(--service-blue); font: 11.5px var(--mono); }
.ai-engine-card img { width: 24px; height: 24px; border-radius: 5px; object-fit: contain; }
.ai-engine-card h4 { margin: 0 0 6px; color: var(--service-ink); font: 700 18px/1.2 var(--display); letter-spacing: -.03em; }
.ai-engine-card p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.ai-engines__footer { max-width: 62ch; margin: 22px auto 0; font-size: 15.5px; line-height: 1.6; text-align: center; }

.ai-how { padding-block: var(--service-section); }
.ai-how .maps-centered-heading { max-width: 760px; margin-bottom: clamp(32px, 4vw, 52px); }
.ai-how-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.ai-how-card > div { display: flex; justify-content: space-between; margin-bottom: 14px; color: var(--service-blue); font: 11.5px var(--mono); }
.ai-how-card > div span:last-child { color: var(--service-muted); }
.ai-how-card h3 { margin: 0 0 8px; font-size: 18.5px; letter-spacing: -.03em; }
.ai-how-card p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.ai-search-geo-v1 .maps-included > .maps-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: clamp(32px, 5vw, 72px); align-items: start; }
.ai-search-geo-v1 .maps-included .maps-split-heading { display: block; margin: 0; }
.ai-search-geo-v1 .maps-included-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

body.page-template-ai-search-geo-v1 .site-footer-links,
body.page-template-page-templates-ai-search-geo-v1-php .site-footer-links,
body.page-template-ai-search-geo-v1 .site-footer-company,
body.page-template-page-templates-ai-search-geo-v1-php .site-footer-company,
body.page-template-ai-search-geo-v1 .site-footer .pin,
body.page-template-page-templates-ai-search-geo-v1-php .site-footer .pin { display: none; }
body.page-template-ai-search-geo-v1 .site-footer-bar,
body.page-template-page-templates-ai-search-geo-v1-php .site-footer-bar { max-width: calc(var(--max) + 80px); }
body.page-template-ai-search-geo-v1 .nav-desktop > a.header-audit,
body.page-template-page-templates-ai-search-geo-v1-php .nav-desktop > a.header-audit { display: none; }
body.page-template-ai-search-geo-v1 .skip-link:not(:focus),
body.page-template-page-templates-ai-search-geo-v1-php .skip-link:not(:focus) { position: fixed; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
body.page-template-ai-search-geo-v1 .skip-link:focus,
body.page-template-page-templates-ai-search-geo-v1-php .skip-link:focus { position: fixed; top: 12px; left: 12px; width: auto; height: auto; overflow: visible; }

.ai-search-geo-v1 .maps-contact__form .wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.ai-search-geo-v1 .maps-contact__form .wpcf7-form select,
.ai-search-geo-v1 .maps-contact__form .wpcf7-form textarea { width: 100%; max-width: 100%; }
.ai-search-geo-v1 .maps-contact__form .wpcf7-form textarea { min-height: 84px; height: 84px; resize: vertical; }
.ai-search-geo-v1 .maps-contact__form .wpcf7-form input:focus-visible,
.ai-search-geo-v1 .maps-contact__form .wpcf7-form select:focus-visible,
.ai-search-geo-v1 .maps-contact__form .wpcf7-form textarea:focus-visible { outline: 3px solid oklch(0.5 0.17 252 / .35); outline-offset: 2px; }

@media (max-width: 899px) {
  body.page-template-ai-search-geo-v1 .site-header-inner,
  body.page-template-page-templates-ai-search-geo-v1-php .site-header-inner { padding: 16px 18px; }
  body.page-template-ai-search-geo-v1 .nav-desktop,
  body.page-template-page-templates-ai-search-geo-v1-php .nav-desktop { display: flex; flex: 0 0 auto; }
  body.page-template-ai-search-geo-v1 .nav-desktop > :not(.call-btn),
  body.page-template-page-templates-ai-search-geo-v1-php .nav-desktop > :not(.call-btn),
  body.page-template-ai-search-geo-v1 .header-tools,
  body.page-template-page-templates-ai-search-geo-v1-php .header-tools { display: none; }
  body.page-template-ai-search-geo-v1 .nav-desktop > a.call-btn,
  body.page-template-page-templates-ai-search-geo-v1-php .nav-desktop > a.call-btn { display: inline-flex; margin: 0; padding: 7px 13px; font-size: 14px; }
  .ai-answer-texture { padding-inline: 0; opacity: .22; transform: scale(.82); transform-origin: center top; }
  .ai-answer-texture__column { width: 240px; }
}

@media (max-width: 480px) {
  .ai-problem,
  .ai-what,
  .ai-how { padding-inline: 18px; }
  .ai-answer-mock__query { max-width: none; white-space: nowrap; }
}