/* ============================================
   Safety Index / Trust Score System
   Based on casino.guru's proven UX pattern
   ============================================ */

.nc-safety-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    margin: 0.25rem 0;
}

/* Rating levels */
.nc-safety-badge--perfect {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
}
.nc-safety-badge--very-good {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
}
.nc-safety-badge--good {
    background: linear-gradient(135deg, #84cc16, #65a30d);
    color: #fff;
}
.nc-safety-badge--fair {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #1A1A1A;
}
.nc-safety-badge--low {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
}
.nc-safety-badge--poor {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: #fff;
}

.nc-safety-badge__icon {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* Expanded safety panel (tooltip/info) */
.nc-safety-detail {
    display: inline-block;
    position: relative;
    cursor: help;
}

.nc-safety-detail__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #fff;
    border: 1px solid #e0e0dc;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    padding: 1rem;
    width: 280px;
    z-index: 100;
    font-size: 0.88rem;
    color: #1A1A1A;
    display: none;
}

.nc-safety-detail:hover .nc-safety-detail__panel,
.nc-safety-detail:focus-within .nc-safety-detail__panel {
    display: block;
}

.nc-safety-detail__panel h4 {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    color: #0F6E56;
}

.nc-safety-detail__panel ul {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
    color: #444;
    font-size: 0.82rem;
    line-height: 1.5;
}

.nc-safety-detail__panel li { margin-bottom: 0.2rem; }

/* Trust row (displays multiple trust signals) */
.nc-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.nc-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    background: #E1F5EE;
    color: #0F6E56;
}
.nc-trust-pill--licence { background: #dbeafe; color: #1e40af; }
.nc-trust-pill--payout { background: #fef3c7; color: #92400e; }
.nc-trust-pill--verified { background: #dcfce7; color: #15803d; }
.nc-trust-pill--tested {
    background: #f5f3ff;
    color: #7c3aed;
}

.nc-trust-pill svg { width: 12px; height: 12px; fill: currentColor; }

/* Comparison table trust column enhancement */
.homepage-comparison__table .col-trust {
    text-align: center;
}