/**
 * TablePress compare tables — Imagicle styles.
 *
 * Marketing: TablePress → Table Options → Extra CSS classes
 *   imgc-compare         — layout A (ciano in 2ª colonna)
 *   imgc-compare-global  — layout B (ciano in 3ª colonna)
 *
 * First row = table head. Search/Pagination off.
 * Page-specific 3rd/2nd header colors: override in an Elementor HTML widget.
 */

.tablepress.imgc-compare,
.tablepress.imgc-compare-global {
  width: 100%;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-family: "Source Sans Pro", "Source Sans Variable", sans-serif;
}

.tablepress.imgc-compare caption,
.tablepress.imgc-compare-global caption {
  display: none !important;
}

.tablepress.imgc-compare tr,
.tablepress.imgc-compare-global tr {
  border: 0 !important;
}

.tablepress.imgc-compare th,
.tablepress.imgc-compare td,
.tablepress.imgc-compare-global th,
.tablepress.imgc-compare-global td {
  padding: 12px 24px !important;
  vertical-align: middle;
  text-align: left;
  border: 0 !important;
  border-bottom: 1px solid #bfc4ce !important;
  color: #00225a !important;
  font-family: "Source Sans Pro", "Source Sans Variable", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  background-image: none !important;
  box-sizing: border-box;
}

.tablepress.imgc-compare tbody tr:last-child th,
.tablepress.imgc-compare tbody tr:last-child td,
.tablepress.imgc-compare-global tbody tr:last-child th,
.tablepress.imgc-compare-global tbody tr:last-child td {
  border-bottom: 0 !important;
}

.tablepress.imgc-compare thead th,
.tablepress.imgc-compare-global thead th {
  height: 44px;
  border-bottom: none !important;
}

/* Col 1 — feature labels */
.tablepress.imgc-compare thead th:nth-child(1),
.tablepress.imgc-compare-global thead th:nth-child(1) {
  width: 220px;
  min-width: 220px;
  background: #e9edf3 !important;
  color: #44505a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-top-left-radius: 8px;
  white-space: nowrap;
}

.tablepress.imgc-compare tbody th:nth-child(1),
.tablepress.imgc-compare tbody td:nth-child(1),
.tablepress.imgc-compare-global tbody th:nth-child(1),
.tablepress.imgc-compare-global tbody td:nth-child(1) {
  width: 220px;
  min-width: 220px;
  background: #fff !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

.tablepress.imgc-compare tbody tr:last-child td:nth-child(1),
.tablepress.imgc-compare tbody tr:last-child th:nth-child(1),
.tablepress.imgc-compare-global tbody tr:last-child td:nth-child(1),
.tablepress.imgc-compare-global tbody tr:last-child th:nth-child(1) {
  border-bottom-left-radius: 8px;
}

.tablepress.imgc-compare tbody tr:last-child td:nth-child(3),
.tablepress.imgc-compare-global tbody tr:last-child td:nth-child(3) {
  border-bottom-right-radius: 8px;
}

.tablepress.imgc-compare em,
.tablepress.imgc-compare i,
.tablepress.imgc-compare-global em,
.tablepress.imgc-compare-global i {
  display: block;
  margin-top: 2px;
  font-size: 13px !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #00225a !important;
}

.tablepress.imgc-compare tbody tr:hover td:nth-child(1),
.tablepress.imgc-compare tbody tr.odd td:nth-child(1),
.tablepress.imgc-compare tbody tr.even td:nth-child(1),
.tablepress.imgc-compare tbody tr:hover th:nth-child(1),
.tablepress.imgc-compare tbody tr.odd th:nth-child(1),
.tablepress.imgc-compare tbody tr.even th:nth-child(1),
.tablepress.imgc-compare-global tbody tr:hover td:nth-child(1),
.tablepress.imgc-compare-global tbody tr.odd td:nth-child(1),
.tablepress.imgc-compare-global tbody tr.even td:nth-child(1),
.tablepress.imgc-compare-global tbody tr:hover th:nth-child(1),
.tablepress.imgc-compare-global tbody tr.odd th:nth-child(1),
.tablepress.imgc-compare-global tbody tr.even th:nth-child(1) {
  background: #fff !important;
}

.dt-container:has(.imgc-compare),
.dt-container:has(.imgc-compare-global) {
  margin-bottom: 0;
}

.dt-container:has(.imgc-compare) .dt-layout-cell.dt-layout-full,
.dt-container:has(.imgc-compare-global) .dt-layout-cell.dt-layout-full {
  padding: 0;
}

/* -------------------------------------------------------------------------
 * imgc-compare — layout A: ciano in 2ª colonna
 * ------------------------------------------------------------------------- */

.tablepress.imgc-compare thead th:nth-child(2) {
  background: #00c0f0 !important;
  color: #00225a !important;
  font-weight: 600 !important;
}

.tablepress.imgc-compare tbody td:nth-child(2) {
  background: rgba(0, 192, 240, 0.1) !important;
}

.tablepress.imgc-compare thead th:nth-child(3) {
  background: #e9edf3 !important;
  color: #00225a !important;
  font-weight: 600 !important;
  border-top-right-radius: 8px;
}

.tablepress.imgc-compare tbody td:nth-child(3) {
  background: #e8ecf5 !important;
}

.tablepress.imgc-compare tbody tr:hover td:nth-child(2),
.tablepress.imgc-compare tbody tr.odd td:nth-child(2),
.tablepress.imgc-compare tbody tr.even td:nth-child(2) {
  background: rgba(0, 192, 240, 0.1) !important;
}

.tablepress.imgc-compare tbody tr:hover td:nth-child(3),
.tablepress.imgc-compare tbody tr.odd td:nth-child(3),
.tablepress.imgc-compare tbody tr.even td:nth-child(3) {
  background: #e8ecf5 !important;
}

/* -------------------------------------------------------------------------
 * imgc-compare-global — layout B: ciano in 3ª colonna
 * Col 2: colori col 1, font col 2
 * ------------------------------------------------------------------------- */

.tablepress.imgc-compare-global thead th:nth-child(2) {
  background: #e9edf3 !important;
  color: #00225a !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.tablepress.imgc-compare-global tbody td:nth-child(2) {
  background: #fff !important;
  color: #00225a !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.tablepress.imgc-compare-global thead th:nth-child(3) {
  background: #00c0f0 !important;
  color: #00225a !important;
  font-weight: 600 !important;
  border-top-right-radius: 8px;
}

.tablepress.imgc-compare-global tbody td:nth-child(3) {
  background: rgba(0, 192, 240, 0.1) !important;
}

.tablepress.imgc-compare-global tbody tr:hover td:nth-child(2),
.tablepress.imgc-compare-global tbody tr.odd td:nth-child(2),
.tablepress.imgc-compare-global tbody tr.even td:nth-child(2) {
  background: #fff !important;
}

.tablepress.imgc-compare-global tbody tr:hover td:nth-child(3),
.tablepress.imgc-compare-global tbody tr.odd td:nth-child(3),
.tablepress.imgc-compare-global tbody tr.even td:nth-child(3) {
  background: rgba(0, 192, 240, 0.1) !important;
}