/*************************************
    COMPARE PRODUCTS TABELA
**************************************/
.compare-table th,
.compare-table td {
    text-align: center;
    vertical-align: middle;
	font-weight:1200;
}

.compare-table th:first-child,
.compare-table td:first-child {
    text-align: left !important;
    width: auto !important;
}

.compare-table th:not(:first-child),
.compare-table td:not(:first-child) {
    max-width: 200px;
    width: 200px;
}

.compare-table {
    width: 600px;
}

/* Najmanja kamata */
.green-underline {
    text-decoration: underline 6px solid green;
    transition: 0.3s;
}
.green-underline:hover {
    background: #e7ffe7;
}

/* NAJBOLJA KAMATA*/
.compare-table td {
    font-size:12px;
    text-align:center;
    vertical-align:middle;
}

.best-rate-badge {
    display:inline-block;
    background:#2e7d32;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
    padding:4px 10px;
    border-radius:6px;
    line-height:1;
}
/* ===============================
TABELA KOJA POKAZUJE PROIZVOODE show_optoions - kom
   =============================== */
.equal-table {
    width: 100%;
    table-layout: fixed;
}

.equal-table th,
.equal-table td {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	font-weight:1200;
}

.table-responsive,
.table {
    width: 100% !important;

}
.compare-table td {
    position: relative;
}

/* centar kamate / badge-a */
.rate-center {
    text-align: center;
}

/* zajedničko za sva slova */
.rate-type {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 800;   /* 🔥 BOLD */
}

/* BOJE PO VRSTI */
.rate-F { color: green; }   /* zelena – fiksna */
.rate-P { color: red; }   /* crvena – promjenjiva */
.rate-K { color: blue; }   /* plava – kombinovana */

.rate-legend {
    margin-top: 12px;
    font-size: 13px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.rate-legend strong {
    margin-right: 8px;
    margin-top: 12px;
    font-size: 13px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;	
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.compare-table td {
    position: relative;
}

/* centar kamate / badge-a */
.rate-center {
    text-align: center;
}

/* slovo vrste kamate */
.rate-type {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 800;
}

/* ===== LEGENDA SLOVA ===== */
.legend-type {
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
}