/* Text clamping utility classes for posts */
.text-clamp {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp--1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.text-clamp--2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/* Override Tailwind Preflight for Headings */
h1 {
  font-size: 2em; /* Standard h1 size */
  font-weight: bold;
}
h2 {
  font-size: 1.5em; /* Standard h2 size */
  font-weight: bold;
}
h3 {
  font-size: 1.17em; /* Standard h3 size */
  font-weight: bold;
}
/* ... and so on for h4, h5, h6 ... */

/* Override Tailwind Preflight for Paragraphs */
p {
  margin-top: 0;
  margin-bottom: 1em; /* Standard paragraph spacing */
  font-size: 1em; /* Standard paragraph size */
  font-weight: normal;
}

/* 🆕 NEW LIST OVERRIDES */
ul, ol {
  /* Restore the default margin-top and margin-bottom for lists */
  margin-top: 0;
  margin-bottom: 1em; /* Common browser default */

  /* Restore the padding-left required for the bullet/number alignment */
  /* This value is usually 40px or 2.5em in most browsers */
  padding-left: 2.5em;
}

/* Unordered List (Bullet Points) */
ul {
  list-style-type: disc; /* Standard solid bullet */
}

/* Ordered List (Numbers) */
ol {
  list-style-type: decimal; /* Standard numbers (1, 2, 3...) */
}

/* List Items (Optional but recommended for consistency) */
li {
  /* Restore line spacing for list items */
  margin-bottom: 0.5em;
}
/*
 * 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 generally better to create a new file per style scope.
 *


 */

/* edited text's links in show/index */
.prose a {
  color: #546fe7;
}

/* FAQ Accordion Styles */
.faq-content {
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  border-top: 2px solid transparent;
  transition: max-height 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

[data-controller="accordion"].open .faq-content {
  border-top-color: #3b82f6; /* blue-500 */
}

/* Icon rotation for FAQ accordion */
.rotate-180 {
  transform: rotate(180deg);
}

.rotate-0 { 
  transform: rotate(0deg) !important;
}