/* ===== CONVERTERS TABLE SECTION ===== */
.conv-table-section {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 32px 80px;
  box-sizing: border-box;
}

.conv-table-header {
  text-align: center;
  margin-bottom: 32px;
}

.conv-table-tag {
  display: inline-block;
  background: rgba(108,99,255,0.12);
  border: 1px solid rgba(108,99,255,0.3);
  color: #a09aff;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 100px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.conv-table-header h2 {
  font-family: 'Syne', sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
  color: #f0f0f8;
}

.conv-table-header p {
  font-size: 0.85rem;
  color: #8080a0;
}

/* TABLE WRAPPER */
.conv-table-wrap {
  overflow-x: auto;
  border-radius: 16px;
  border: 1px solid #2a2a3d;
  background: #12121a;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}

/* TABLE */
.conv-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* Column headers */
.conv-table thead th {
  padding: 14px 8px;
  font-family: 'Syne', sans-serif;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: var(--col-color, #8080a0);
  border-bottom: 2px solid #2a2a3d;
  background: #1a1a26;
  white-space: nowrap;
}

/* Corner */
.conv-table-corner {
  font-size: 0.52rem !important;
  color: #8080a0 !important;
  text-align: center !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  opacity: 0.45;
  border-right: 2px solid #2a2a3d !important;
  background: #1a1a26 !important;
}

/* Row headers */
.conv-table-row-header {
  font-family: 'Syne', sans-serif;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: var(--row-color, #8080a0);
  padding: 0 14px;
  white-space: nowrap;
  border-right: 2px solid #2a2a3d;
  background: #1a1a26;
}

/* Rows */
.conv-table tbody tr {
  border-bottom: 1px solid #2a2a3d;
}
.conv-table tbody tr:last-child {
  border-bottom: none;
}
.conv-table tbody tr:hover td,
.conv-table tbody tr:hover .conv-table-row-header {
  background: rgba(108,99,255,0.05);
}

/* Cells */
.conv-table td {
  padding: 7px 5px;
  text-align: center;
  border-right: 1px solid #2a2a3d;
}
.conv-table td:last-child {
  border-right: none;
}

/* Dash */
.conv-cell-dash {
  display: block;
  text-align: center;
  color: #2a2a3d;
  font-size: 0.75rem;
}

/* Convert button - NO color-mix, plain rgba */
.conv-cell-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 0.6rem;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  text-decoration: none;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.15s ease;
  /* fallback - sve button su jednake boje, override po inline style */
  color: #6c63ff;
  background: rgba(108,99,255,0.1);
  border: 1px solid rgba(108,99,255,0.3);
}

/* Per-color overrides pomoću attribute selectora na href */
a.conv-cell-link[style*="#6c63ff"] { color:#6c63ff; background:rgba(108,99,255,0.10); border-color:rgba(108,99,255,0.30); }
a.conv-cell-link[style*="#43e97b"] { color:#43e97b; background:rgba(67,233,123,0.10);  border-color:rgba(67,233,123,0.30); }
a.conv-cell-link[style*="#38f9d7"] { color:#38f9d7; background:rgba(56,249,215,0.10);  border-color:rgba(56,249,215,0.30); }
a.conv-cell-link[style*="#f7971e"] { color:#f7971e; background:rgba(247,151,30,0.10);  border-color:rgba(247,151,30,0.30); }
a.conv-cell-link[style*="#ff6584"] { color:#ff6584; background:rgba(255,101,132,0.10); border-color:rgba(255,101,132,0.30); }
a.conv-cell-link[style*="#a18cd1"] { color:#a18cd1; background:rgba(161,140,209,0.10); border-color:rgba(161,140,209,0.30); }
a.conv-cell-link[style*="#fda085"] { color:#fda085; background:rgba(253,160,133,0.10); border-color:rgba(253,160,133,0.30); }
a.conv-cell-link[style*="#4facfe"] { color:#4facfe; background:rgba(79,172,254,0.10);  border-color:rgba(79,172,254,0.30); }

/* Hover per color */
a.conv-cell-link[style*="#6c63ff"]:hover { background:rgba(108,99,255,0.22); border-color:#6c63ff; box-shadow:0 2px 10px rgba(108,99,255,0.35); }
a.conv-cell-link[style*="#43e97b"]:hover  { background:rgba(67,233,123,0.22);  border-color:#43e97b; box-shadow:0 2px 10px rgba(67,233,123,0.35); }
a.conv-cell-link[style*="#38f9d7"]:hover  { background:rgba(56,249,215,0.22);  border-color:#38f9d7; box-shadow:0 2px 10px rgba(56,249,215,0.35); }
a.conv-cell-link[style*="#f7971e"]:hover  { background:rgba(247,151,30,0.22);  border-color:#f7971e; box-shadow:0 2px 10px rgba(247,151,30,0.35); }
a.conv-cell-link[style*="#ff6584"]:hover  { background:rgba(255,101,132,0.22); border-color:#ff6584; box-shadow:0 2px 10px rgba(255,101,132,0.35); }
a.conv-cell-link[style*="#a18cd1"]:hover  { background:rgba(161,140,209,0.22); border-color:#a18cd1; box-shadow:0 2px 10px rgba(161,140,209,0.35); }
a.conv-cell-link[style*="#fda085"]:hover  { background:rgba(253,160,133,0.22); border-color:#fda085; box-shadow:0 2px 10px rgba(253,160,133,0.35); }
a.conv-cell-link[style*="#4facfe"]:hover  { background:rgba(79,172,254,0.22);  border-color:#4facfe; box-shadow:0 2px 10px rgba(79,172,254,0.35); }

.conv-cell-link:hover {
  transform: translateY(-1px) scale(1.06);
}

@media (max-width: 900px) {
  .conv-table-section { padding: 32px 12px 60px; }
  .conv-cell-link { font-size: 0.55rem; padding: 4px 7px; }
  .conv-table thead th,
  .conv-table-row-header { font-size: 0.58rem; padding: 10px 6px; }
}

/* Active cell - trenutna konverzija */
.conv-cell-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 0.6rem;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
}

a.conv-cell-current[style*="#6c63ff"],
span.conv-cell-current[style*="#6c63ff"] { color:#fff; background:#6c63ff; border:1px solid #6c63ff; }
a.conv-cell-current[style*="#43e97b"],
span.conv-cell-current[style*="#43e97b"] { color:#000; background:#43e97b; border:1px solid #43e97b; }
a.conv-cell-current[style*="#38f9d7"],
span.conv-cell-current[style*="#38f9d7"] { color:#000; background:#38f9d7; border:1px solid #38f9d7; }
a.conv-cell-current[style*="#f7971e"],
span.conv-cell-current[style*="#f7971e"] { color:#000; background:#f7971e; border:1px solid #f7971e; }
a.conv-cell-current[style*="#ff6584"],
span.conv-cell-current[style*="#ff6584"] { color:#fff; background:#ff6584; border:1px solid #ff6584; }
a.conv-cell-current[style*="#a18cd1"],
span.conv-cell-current[style*="#a18cd1"] { color:#fff; background:#a18cd1; border:1px solid #a18cd1; }
a.conv-cell-current[style*="#fda085"],
span.conv-cell-current[style*="#fda085"] { color:#000; background:#fda085; border:1px solid #fda085; }
a.conv-cell-current[style*="#4facfe"],
span.conv-cell-current[style*="#4facfe"] { color:#000; background:#4facfe; border:1px solid #4facfe; }