/* Container and Table Styling */
.tar-river-comparison {
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.tar-river-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  margin: 0;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Top row corner radius - Main header or first package header row */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  tr:first-child
  td:first-child,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  tr:first-child
  th:first-child {
  border-top-left-radius: 20px !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  table
  tr:first-child
  td:last-child,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  tr:first-child
  th:last-child {
  border-top-right-radius: 20px !important;
}

/* Automatic Row Styling - No classes needed */
.tar-river-table tr:nth-child(even) {
  background-color: #f8f9fa;
}

.tar-river-table tr {
  border-bottom: 1px solid #ecf0f1;
}

/* NUCLEAR SPECIFICITY - Main Header (if using CSS instead of inline HTML) */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.tar-river-main-header.tableberg-v-align-center {
  background: linear-gradient(135deg, #5a8a8a 0%, #4a7575 100%) !important;
  color: white !important;
  padding: 40px 30px !important;
  text-align: center !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
  border: none !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .tar-river-main-header
  .tableberg-cell-inner {
  background: transparent !important;
  color: white !important;
  text-align: center !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .tar-river-main-header
  .tableberg-cell-inner
  p,
div.wp-block-tableberg-wrapper.tar-river-table .tar-river-main-header p {
  margin: 0 !important;
  padding: 0 !important;
  color: white !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
  text-align: center !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .tar-river-main-header
  .main-header-subtitle {
  font-size: 1.1rem !important;
  opacity: 0.9 !important;
  margin-top: 10px !important;
  font-family: "Nunito Sans", sans-serif !important;
}

/* NUCLEAR SPECIFICITY - Package Headers */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-basic.tableberg-v-align-center,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-popular.tableberg-v-align-center,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-best.tableberg-v-align-center {
  background: linear-gradient(135deg, #5a8a8a 0%, #4a7575 100%) !important;
  color: white !important;
  padding: 30px 15px 20px 15px !important;
  text-align: center !important;
  position: relative !important;
  min-height: 120px !important;
  vertical-align: middle !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-basic.tableberg-v-align-center
  p,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-popular.tableberg-v-align-center
  p,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-best.tableberg-v-align-center
  p {
  margin-top: 20px !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-basic
  .tableberg-cell-inner,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-popular
  .tableberg-cell-inner,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-best
  .tableberg-cell-inner {
  background: transparent !important;
  color: white !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-popular.tableberg-v-align-center::before {
  content: "POPULAR";
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #1e51c8;
  color: white;
  padding: 5px 15px;
  border-radius: 15px;
  font-size: 10px;
  font-weight: bold;
  z-index: 10;
  font-family: "Nunito Sans", sans-serif;
}

div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-best.tableberg-v-align-center::before {
  content: "FULL FEATURED";
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: hsl(141 78% 43% / 1);
  color: white;
  padding: 5px 15px;
  border-radius: 15px;
  font-size: 10px;
  font-weight: bold;
  z-index: 10;
  font-family: "Nunito Sans", sans-serif;
}

/* Package content styling */
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-basic
  p.package-name,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-popular
  p.package-name,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-best
  p.package-name {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  margin: 0 0 5px 0 !important;
  color: white !important;
  padding: 0 !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-basic
  p.package-price,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-popular
  p.package-price,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-best
  p.package-price {
  font-size: 2rem !important;
  font-weight: 800 !important;
  margin: 0 0 5px 0 !important;
  color: white !important;
  padding: 0 !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-basic
  p.package-monthly,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-popular
  p.package-monthly,
div.wp-block-tableberg-wrapper.tar-river-table
  .package-header-best
  p.package-monthly {
  font-size: 1rem !important;
  opacity: 0.9 !important;
  color: white !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
}

/* Section Headers */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.section-header.tableberg-v-align-center {
  background: #5a8a8a !important;
  color: white !important;
  padding: 15px 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-align: left !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .section-header
  .tableberg-cell-inner {
  background: transparent !important;
  color: white !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .section-header
  .tableberg-cell-inner
  p {
  color: white !important;
  margin: 0 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-family: "Exo 2", "Nunito Sans", sans-serif !important;
}

/* Feature Names (Left Column) */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.feature-name.tableberg-v-align-center {
  padding: 15px 20px !important;
  font-weight: 600 !important;
  background-color: #ecf0f1 !important;
  width: 300px;
  text-align: left !important;
  font-family: "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .feature-name
  .tableberg-cell-inner {
  background: transparent !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .feature-name
  .tableberg-cell-inner
  p {
  font-weight: 600 !important;
  color: #333 !important;
  margin: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
}

/* Feature Content Cells */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.feature-cell.tableberg-v-align-center {
  padding: 15px !important;
  text-align: center !important;
  vertical-align: top !important;
  font-family: "Nunito Sans", sans-serif !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .feature-cell
  .tableberg-cell-inner {
  background: transparent !important;
  text-align: center !important;
}

/* Cell Borders - Clean Professional Look */
div.wp-block-tableberg-wrapper.tar-river-table table td,
div.wp-block-tableberg-wrapper.tar-river-table table th {
  border: 1px solid #e8ecef !important;
}

/* Remove borders from header cells for clean look */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-basic,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-popular,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.package-header-best,
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.tar-river-main-header {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Feature name column - keep right border for separation */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.feature-name {
  border-right: 2px solid #bdc3c7 !important;
  border-left: none !important;
}

/* Section headers - no side borders */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.section-header {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}

/* Subtle borders for feature cells */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.feature-cell {
  border-left: 1px solid #f1f3f4 !important;
  border-right: 1px solid #f1f3f4 !important;
}

/* Check/Cross Icons */
div.wp-block-tableberg-wrapper.tar-river-table p.check-icon,
div.wp-block-tableberg-wrapper.tar-river-table .check-icon {
  color: #27ae60 !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, sans-serif !important;
}

/* Flexbox centering only for cells containing cross icons */
div.wp-block-tableberg-wrapper.tar-river-table
  .feature-cell
  .tableberg-cell-inner:has(.cross-icon) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 60px !important;
}

div.wp-block-tableberg-wrapper.tar-river-table p.cross-icon,
div.wp-block-tableberg-wrapper.tar-river-table .cross-icon {
  color: #e74c3c !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, sans-serif !important;
  vertical-align: baseline !important;
}

/* Feature Details */
div.wp-block-tableberg-wrapper.tar-river-table p.feature-details,
div.wp-block-tableberg-wrapper.tar-river-table .feature-details {
  font-size: 12px !important;
  color: #7f8c8d !important;
  margin: 5px 0 0 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
}
/* Feature List Styling - For WordPress list blocks in table cells */
div.wp-block-tableberg-wrapper.tar-river-table .feature-list,
div.wp-block-tableberg-wrapper.tar-river-table ul.feature-list,
div.wp-block-tableberg-wrapper.tar-river-table ol.feature-list {
  font-size: 16px !important;
  color: #7f8c8d !important;
  margin: 5px 0 0 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
  text-align: left !important; /* Override any center alignment */
  display: inline-block !important; /* Keep list compact and centered as a unit */
  list-style-position: inside !important; /* Keep bullets with text */
}

/* List items styling */
div.wp-block-tableberg-wrapper.tar-river-table .feature-list li {
  font-size: 16px !important;
  color: #7f8c8d !important;
  line-height: 1.3 !important;
  margin: 20px 0 2px 0 !important;
  padding: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
  text-align: left !important;
}

/* If you want the entire list block centered within the table cell */
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell .feature-list {
  margin: 5px auto 0 auto !important; /* Center the list block itself */
  width: fit-content !important; /* Only take up as much width as needed */
}

/* Alternative: If you prefer bullets to be custom styled */
div.wp-block-tableberg-wrapper.tar-river-table .feature-list.custom-bullets {
  list-style: none !important;
  padding-left: 0 !important;
}

div.wp-block-tableberg-wrapper.tar-river-table .feature-list.custom-bullets li {
  position: relative !important;
  padding-left: 15px !important;
}

div.wp-block-tableberg-wrapper.tar-river-table
  .feature-list.custom-bullets
  li::before {
  content: "•" !important;
  color: #7f8c8d !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}

/* Strong/Bold text inside cells */
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell p strong,
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell strong,
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell p em,
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell em,
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell p b,
div.wp-block-tableberg-wrapper.tar-river-table .feature-cell b {
  color: #333 !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Ensure bold text in package headers */
div.wp-block-tableberg-wrapper.tar-river-table .package-header-basic strong,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-basic em,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-basic b,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-popular strong,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-popular em,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-popular b,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-best strong,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-best em,
div.wp-block-tableberg-wrapper.tar-river-table .package-header-best b {
  color: white !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Reset paragraph margins in table cells */
div.wp-block-tableberg-wrapper.tar-river-table table td p {
  margin: 0 !important;
  padding: 0 !important;
}

div.wp-block-tableberg-wrapper.tar-river-table table td p + p {
  margin-top: 5px !important;
}

/* Empty Feature Name Styling */
div.wp-block-tableberg-wrapper.tar-river-table
  table
  .wp-block-tableberg-cell.empty-feature-name.tableberg-v-align-center {
  background-color: hsl(182 29% 76% / 1) !important;
  border: none !important;
}

.design-form-header {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .tar-river-comparison {
    margin: 0;
    border-radius: 0;
  }

  div.wp-block-tableberg-wrapper.tar-river-table
    .tar-river-main-header
    .tableberg-cell-inner
    p {
    font-size: 2rem !important;
  }

  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-basic
    p.package-name,
  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-popular
    p.package-name,
  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-best
    p.package-name {
    font-size: 1.2rem !important;
  }

  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-basic
    p.package-price,
  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-popular
    p.package-price,
  div.wp-block-tableberg-wrapper.tar-river-table
    .package-header-best
    p.package-price {
    font-size: 1.5rem !important;
  }

  div.wp-block-tableberg-wrapper.tar-river-table
    table
    .wp-block-tableberg-cell.feature-name {
    width: 250px;
    padding: 12px 15px !important;
  }

  div.wp-block-tableberg-wrapper.tar-river-table
    table
    .wp-block-tableberg-cell.feature-cell {
    padding: 12px 8px !important;
  }

  .tar-river-table {
    font-size: 13px;
  }
}