/* AI artwork prompt box - product pages + the AI artwork guide (14 Oct 2026). Own file so main.css ?v= is untouched. */
.ai-prompt-section { padding: 48px 0; }
.ai-prompt { max-width: 860px; margin: 0 auto; background: var(--white); border: 1px solid rgba(48,24,0,0.1); border-left: 4px solid var(--teal-deep); border-radius: 0 12px 12px 0; padding: 1.6rem 1.75rem; box-shadow: 0 1px 8px rgba(48,24,0,0.06); }
.ai-prompt-label { display: block; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; color: var(--teal-deep); margin-bottom: 0.5rem; }
.ai-prompt-title { font-family: var(--font-display); font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--bark); line-height: 1.15; margin: 0 0 0.7rem; }
.ai-prompt > p { font-size: 1rem; color: var(--text-mid); line-height: 1.7; margin: 0 0 1rem; }
.ai-prompt-specs { display: grid; grid-template-columns: max-content 1fr; gap: 0.45rem 1.25rem; margin: 0 0 1.1rem; }
.ai-prompt-specs dt { font-weight: 800; color: var(--bark); font-size: 0.92rem; }
.ai-prompt-specs dd { margin: 0; color: var(--text-mid); font-size: 0.95rem; line-height: 1.5; }
.ai-prompt-text { white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: 0.86rem; line-height: 1.6; color: var(--bark); background: var(--bg-sand); border: 1px solid rgba(48,24,0,0.1); border-radius: 8px; padding: 1rem 1.1rem; margin: 0 0 1rem; max-height: 340px; overflow-y: auto; }
.ai-prompt-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem 1.4rem; margin-bottom: 0.9rem; }
.ai-prompt-actions a { color: var(--teal-deep); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.ai-prompt-copy { cursor: pointer; border: 0; }
.ai-prompt-status { font-size: 0.9rem; font-weight: 700; color: var(--teal-deep); min-height: 1.2em; }
.ai-prompt-note { font-size: 0.9rem !important; color: var(--text-light) !important; margin: 0 !important; }
@media (max-width: 520px) {
  .ai-prompt { padding: 1.25rem 1.1rem; }
  .ai-prompt-specs { grid-template-columns: 1fr; gap: 0.1rem 0; }
  .ai-prompt-specs dd { margin-bottom: 0.6rem; }
  .ai-prompt-copy { width: 100%; }
}
