/*!
 * FAQ Questions - CSS
 * Migrated 2026-05-21 from WPCode snippet #4989.
 * Enqueue condition: is_singular('faq') / FAQ archive
 */

/* FAQ Archive Page – Improved Card Style for Readability */

.brxe-posts .bricks-layout-wrapper {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));

  gap: 40px;

  padding: 60px 20px;

  max-width: 1280px;

  margin: 0 auto;

}



.brxe-posts .bricks-layout-item {

  background-color: #ffffff;

  border: 1px solid #e0e0e0;

  border-radius: 12px;

  padding: 32px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.brxe-posts .bricks-layout-item:hover {

  transform: translateY(-6px);

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);

}



.brxe-posts .bricks-layout-item .content-wrapper {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.brxe-posts h3.dynamic {

  font-size: 1.25rem;

  font-weight: 700;

  color: #1a1a1a;

  margin: 0;

  line-height: 1.5;

}



.brxe-posts h3.dynamic a {

  color: #0073aa;

  text-decoration: none;

}



.brxe-posts h3.dynamic a:hover {

  text-decoration: underline;

}



.brxe-posts .dynamic[data-field-id="1"] {

  font-size: 1rem;

  color: #777;

}



.brxe-posts .dynamic[data-field-id="2"] {

  font-size: 1.125rem;

  color: #333;

  line-height: 1.7;

}



/* Pagination Styling – Larger and more spaced */

.bricks-pagination {

  text-align: center;

  margin-top: 60px;

}



.bricks-pagination .page-numbers {

  display: inline-flex;

  gap: 12px;

  font-size: 1.125rem;

}



.bricks-pagination .page-numbers a,

.bricks-pagination .page-numbers span {

  padding: 10px 18px;

  border: 1px solid #ccc;

  border-radius: 8px;

  text-decoration: none;

  color: #333;

  background: #f7f7f7;

}



.bricks-pagination .page-numbers.current {

  background: #0073aa;

  color: white;

  border-color: #0073aa;

}