/*
 * Platform Content Styles — injected into all themes via {% oizzy_head %}
 *
 * Styles for custom editor blocks (callouts, etc.) that render inside
 * post/page content on the public site. Loaded before theme CSS so
 * theme developers can override if they want.
 */

/*
 * Callout Block
 */

.callout {
  position: relative;
  margin: 1.5rem 0;
  border-radius: 0.5rem;
  border-left: 4px solid;
  padding: 1rem 1.25rem;
}

.callout--info {
  border-left-color: #3b82f6;
  background: #eff6ff;
}

.callout--warning {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.callout--error {
  border-left-color: #ef4444;
  background: #fef2f2;
}

.callout--success {
  border-left-color: #10b981;
  background: #ecfdf5;
}

.callout__body {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.callout__icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.callout--info .callout__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z'/%3E%3C/svg%3E");
}

.callout--warning .callout__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23f59e0b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z'/%3E%3C/svg%3E");
}

.callout--error .callout__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ef4444'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9.75v6.75m0 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-9.303-3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126Z'/%3E%3C/svg%3E");
}

.callout--success .callout__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2310b981'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
}

.callout__text {
  flex: 1;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/*
 * Action Text Attachments
 * Collapse the <action-text-attachment> wrapper so <figure> sees <img> directly.
 * Prevents spacing mismatch between uploaded images and external (Unsplash) images.
 */

.lexxy-content figure action-text-attachment {
  display: contents;
}

.lexxy-content figure action-text-attachment > * {
  margin-top: 0;
  margin-bottom: 0;
}