/* ==========================================================================
   Acumen Simple Text Pattern & Template Styles
   Layout container aligned with standard 1300px wrapper across the site
   ========================================================================== */

/* Full-width outer section */
.simple-text-section,
.simple-text-wrapper {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  background-color: var(--white, #ffffff) !important;
  box-sizing: border-box !important;
  position: relative !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.simple-text-wrapper {
  min-height: calc(100vh - 400px);
}

/* Inner centered wrapper */
.simple-text-inner,
.simple-text-container {
  display: flex !important;
  flex-direction: column !important;
  max-width: 1300px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 80px 70px 100px !important;
  box-sizing: border-box !important;
  position: relative !important;
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.simple-text-inner > *,
.simple-text-container > * {
  box-sizing: border-box;
}

/* ==========================================================================
   Eyebrow, Headings & Lead Typography
   ========================================================================== */

.simple-text-inner .simple-text-eyebrow,
.simple-text-container .simple-text-eyebrow {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--mint, #00C7BE) !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.simple-text-inner h1,
.simple-text-container h1,
.simple-text-inner .wp-block-heading.has-h-1-font-size,
.simple-text-container .wp-block-heading.has-h-1-font-size {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  letter-spacing: -0.5px !important;
}

.simple-text-inner h2,
.simple-text-container h2,
.simple-text-inner .simple-text-heading,
.simple-text-container .simple-text-heading,
.simple-text-inner .wp-block-heading.has-h-2-font-size,
.simple-text-container .wp-block-heading.has-h-2-font-size {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: clamp(24px, 3.2vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.3px !important;
}

.simple-text-inner .simple-text-lead,
.simple-text-container .simple-text-lead {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #1E293B !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

.simple-text-inner h3,
.simple-text-container h3,
.simple-text-inner .wp-block-heading.has-h-3-font-size,
.simple-text-container .wp-block-heading.has-h-3-font-size {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: clamp(20px, 2.5vw, 24px) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 36px !important;
  margin-bottom: 14px !important;
}

.simple-text-inner h4,
.simple-text-container h4,
.simple-text-inner .wp-block-heading.has-h-4-font-size,
.simple-text-container .wp-block-heading.has-h-4-font-size {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.simple-text-inner h5,
.simple-text-container h5 {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
}

.simple-text-inner h6,
.simple-text-container h6 {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--dark, #0A1B2E) !important;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Paragraphs */
.simple-text-inner p,
.simple-text-container p,
.simple-text-inner .wp-block-paragraph,
.simple-text-container .wp-block-paragraph {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  color: #2D3748 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
}

.simple-text-inner p:last-child,
.simple-text-container p:last-child {
  margin-bottom: 0 !important;
}

/* Lists */
.simple-text-inner ul,
.simple-text-container ul,
.simple-text-inner ol,
.simple-text-container ol,
.simple-text-inner .wp-block-list,
.simple-text-container .wp-block-list {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding-left: 28px !important;
  color: #2D3748 !important;
}

.simple-text-inner ul,
.simple-text-container ul {
  list-style-type: disc !important;
}

.simple-text-inner ol,
.simple-text-container ol {
  list-style-type: decimal !important;
}

.simple-text-inner li,
.simple-text-container li {
  margin-bottom: 10px !important;
  line-height: 1.7 !important;
  color: #2D3748 !important;
  font-size: 16px !important;
}

.simple-text-inner ul ul,
.simple-text-container ul ul,
.simple-text-inner ol ol,
.simple-text-container ol ol,
.simple-text-inner ul ol,
.simple-text-container ul ol,
.simple-text-inner ol ul,
.simple-text-container ol ul {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  padding-left: 24px !important;
}

/* Links */
.simple-text-inner a,
.simple-text-container a {
  color: #008881 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 500 !important;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.simple-text-inner a:hover,
.simple-text-container a:hover {
  color: var(--mint, #00C7BE) !important;
  text-decoration: underline !important;
}

/* Strong / Bold */
.simple-text-inner strong,
.simple-text-container strong,
.simple-text-inner b,
.simple-text-container b {
  font-weight: 600 !important;
  color: var(--dark, #0A1B2E) !important;
}

/* Blockquotes */
.simple-text-inner blockquote,
.simple-text-container blockquote,
.simple-text-inner .wp-block-quote,
.simple-text-container .wp-block-quote {
  margin: 28px 0 !important;
  padding: 20px 26px !important;
  border-left: 4px solid var(--mint, #00C7BE) !important;
  background-color: #F8FAFC !important;
  border-radius: 0 12px 12px 0 !important;
  box-sizing: border-box !important;
}

.simple-text-inner blockquote p,
.simple-text-container blockquote p,
.simple-text-inner .wp-block-quote p,
.simple-text-container .wp-block-quote p {
  margin: 0 0 10px !important;
  font-size: 17px !important;
  font-style: italic !important;
  color: #1E293B !important;
  line-height: 1.6 !important;
}

.simple-text-inner blockquote cite,
.simple-text-container blockquote cite,
.simple-text-inner .wp-block-quote cite,
.simple-text-container .wp-block-quote cite {
  font-size: 13px !important;
  color: #64748B !important;
  font-style: normal !important;
  display: block !important;
  font-weight: 500 !important;
}

/* Buttons */
.simple-text-inner .simple-text-buttons,
.simple-text-container .simple-text-buttons,
.simple-text-inner .wp-block-buttons,
.simple-text-container .wp-block-buttons {
  margin-top: 28px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.simple-text-inner .wp-block-button__link,
.simple-text-container .wp-block-button__link,
.simple-text-inner .simple-text-buttons .button a,
.simple-text-container .simple-text-buttons .button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--mint, #00C7BE) !important;
  color: var(--dark, #0A1B2E) !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0, 199, 190, 0.25) !important;
}

.simple-text-inner .wp-block-button__link:hover,
.simple-text-container .wp-block-button__link:hover,
.simple-text-inner .simple-text-buttons .button a:hover,
.simple-text-container .simple-text-buttons .button a:hover {
  background-color: var(--mint-hover, #4DD8D2) !important;
  transform: translateY(-2px) !important;
  color: var(--dark, #0A1B2E) !important;
  box-shadow: 0 6px 20px rgba(0, 199, 190, 0.35) !important;
  text-decoration: none !important;
}

/* Tables */
.simple-text-inner figure.wp-block-table,
.simple-text-container figure.wp-block-table,
.simple-text-inner .wp-block-table,
.simple-text-container .wp-block-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 32px 0 !important;
  border-radius: 12px !important;
  border: 1px solid #E2E8F0 !important;
  background-color: var(--white, #ffffff) !important;
  box-shadow: 0 2px 12px rgba(10, 27, 46, 0.04) !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
}

.simple-text-inner table,
.simple-text-container table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.simple-text-inner table thead tr th,
.simple-text-container table thead tr th,
.simple-text-inner table thead tr td,
.simple-text-container table thead tr td,
.simple-text-inner table tbody tr:first-child th,
.simple-text-container table tbody tr:first-child th,
.simple-text-inner table tbody tr:first-child td,
.simple-text-container table tbody tr:first-child td {
  background: #F4F6F8 !important;
  color: var(--dark, #0A1B2E) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 16px 18px !important;
  border: none !important;
  border-right: 1px solid rgba(10, 27, 46, 0.08) !important;
  border-bottom: 2px solid #CBD5E1 !important;
  vertical-align: middle !important;
}

.simple-text-inner table thead tr th:last-child,
.simple-text-container table thead tr th:last-child,
.simple-text-inner table thead tr td:last-child,
.simple-text-container table thead tr td:last-child,
.simple-text-inner table tbody tr:first-child th:last-child,
.simple-text-container table tbody tr:first-child th:last-child,
.simple-text-inner table tbody tr:first-child td:last-child,
.simple-text-container table tbody tr:first-child td:last-child {
  border-right: none !important;
}

.simple-text-inner table tbody tr:not(:first-child) td,
.simple-text-container table tbody tr:not(:first-child) td,
.simple-text-inner table tbody tr:not(:first-child) th,
.simple-text-container table tbody tr:not(:first-child) th {
  padding: 14px 18px !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  border: none !important;
  border-right: 1px solid #EDF2F7 !important;
  border-bottom: 1px solid #EDF2F7 !important;
  vertical-align: top !important;
}

.simple-text-inner table tbody tr:not(:first-child) td:last-child,
.simple-text-container table tbody tr:not(:first-child) td:last-child,
.simple-text-inner table tbody tr:not(:first-child) th:last-child,
.simple-text-container table tbody tr:not(:first-child) th:last-child {
  border-right: none !important;
}

.simple-text-inner table tbody tr:last-child td,
.simple-text-container table tbody tr:last-child td,
.simple-text-inner table tbody tr:last-child th,
.simple-text-container table tbody tr:last-child th {
  border-bottom: none !important;
}

.simple-text-inner table tbody tr:not(:first-child):nth-child(even),
.simple-text-container table tbody tr:not(:first-child):nth-child(even) {
  background-color: #FAFBFC !important;
}

.simple-text-inner table tbody tr:not(:first-child):hover,
.simple-text-container table tbody tr:not(:first-child):hover {
  background-color: #F1F5F9 !important;
}

/* Code & Pre */
.simple-text-inner code,
.simple-text-container code {
  background-color: #F1F5F9 !important;
  color: #0F172A !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 0.9em !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.simple-text-inner pre,
.simple-text-container pre,
.simple-text-inner .wp-block-code,
.simple-text-container .wp-block-code {
  background-color: #0A1B2E !important;
  color: #F8FAFC !important;
  padding: 20px !important;
  border-radius: 8px !important;
  overflow-x: auto !important;
  margin-bottom: 24px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.simple-text-inner pre code,
.simple-text-container pre code {
  background-color: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

/* Separators */
.simple-text-inner hr,
.simple-text-container hr,
.simple-text-inner .wp-block-separator,
.simple-text-container .wp-block-separator {
  border: none !important;
  border-top: 1px solid #E2E8F0 !important;
  margin: 40px 0 !important;
  width: 100% !important;
}

/* Images */
.simple-text-inner figure,
.simple-text-container figure,
.simple-text-inner .wp-block-image,
.simple-text-container .wp-block-image {
  margin: 28px 0 !important;
  max-width: 100% !important;
}

.simple-text-inner img,
.simple-text-container img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  display: block !important;
}

.simple-text-inner figcaption,
.simple-text-container figcaption {
  font-size: 13px !important;
  color: #64748B !important;
  text-align: center !important;
  margin-top: 8px !important;
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */

@media (max-width: 1024px) {
  .simple-text-inner,
  .simple-text-container {
    padding: 60px 32px 80px !important;
  }
}

@media (max-width: 768px) {
  .simple-text-inner,
  .simple-text-container {
    padding: 40px 20px 60px !important;
    font-size: 15px !important;
  }

  .simple-text-inner p,
  .simple-text-container p,
  .simple-text-inner .wp-block-paragraph,
  .simple-text-container .wp-block-paragraph {
    font-size: 15px !important;
    margin-bottom: 18px !important;
  }

  .simple-text-inner .simple-text-lead,
  .simple-text-container .simple-text-lead {
    font-size: 16px !important;
  }

  .simple-text-inner ul,
  .simple-text-container ul,
  .simple-text-inner ol,
  .simple-text-container ol,
  .simple-text-inner .wp-block-list,
  .simple-text-container .wp-block-list {
    padding-left: 20px !important;
  }
}