/* Review Page Layout Styles
 * Ported from legacy app: review_page_layouts/base.css.scss
 * These styles ensure review pages render with correct typography and spacing
 */

.review_content .image img {
  position: relative;
}

.redactor_box {
  background: transparent;
  border: none;
}

.redactor_box .redactor_editor {
  background: transparent !important;
  padding: 0px !important;
}

.redactor_box .redactor_editor:focus {
  background: transparent !important;
  padding: 0px !important;
}

.review-page {
  position: relative;
}

.review-page .image {
  position: relative;
  overflow: hidden;
  background-color: #E0E0E0;
}

/* Textarea styling - IMPORTANT for proper text display */
.review-page .textarea,
.review-page .redactor_box .textarea {
  overflow: hidden;
  position: relative;
  top: 1px;
  left: 1px;
  padding: 10px !important;
}

/* Heading styles within textareas */
.review-page .textarea h1,
.review-page .textarea h2,
.review-page .textarea h3,
.review-page .textarea h4 {
  color: #333333;
  margin-top: 0 !important;
}

.review-page .textarea h1 {
  line-height: 42px !important;
  font-size: 40px !important;
}

.review-page .textarea h2 {
  line-height: 40px !important;
  font-size: 32px !important;
}

.review-page .textarea h3 {
  line-height: 30px !important;
  font-size: 26px !important;
}

.review-page .textarea h4 {
  line-height: 24px !important;
  font-size: 22px !important;
}

/* Blockquote styles */
.review-page .textarea blockquote {
  color: #777777;
  font-style: italic !important;
  border: medium none;
  font-size: 15px !important;
  line-height: 1.5em !important;
  margin-left: 20px !important;
  margin-bottom: 10px !important;
}

/* Code block styles */
.review-page .textarea pre {
  background: #F8F8F8 !important;
  border: 1px solid #DDDDDD !important;
  border-radius: 3px !important;
  overflow: auto;
  padding: 1em !important;
  white-space: pre;
  font-size: 15px !important;
  line-height: 1.5em;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
}

/* Main textarea and paragraph styles - THIS IS THE KEY STYLE */
.review-page .textarea,
.review-page .textarea p {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 26px !important;
  font-size: 20px !important;
  margin: 0 0 5px 0 !important;
}

/* Edit mode styles (for future editing features) */
.edit-mode .review-page .textarea {
  border: 1px dotted #989898;
  z-index: 1;
}

.edit-mode .review-page .textarea.selected {
  border: 1px solid #6DCFF6;
}