/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is suggested that you comment out all the requires and manually add them back in.
 *
 *= require shadcn
 *= require fonts
 *= require actiontext
 *= require_self
 */

/* Blog attachment overrides for ActionText */
.trix-content .attachment.blog-post-attachment {
  display: block;
  max-width: 100%;
  margin: 1rem 0;
}

.trix-content .attachment.blog-post-attachment .blog-post-attachment-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.trix-content .attachment.blog-post-attachment .blog-post-attachment-caption {
  margin-top: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.4;
}

/* Consistent horizontal padding for form controls */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
textarea,
select {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}