/* =========================================================
   VEIC 2027 — REGISTRATION CATEGORIES CARD
   File: assets/css/registration-categories.css
   ========================================================= */

.veic-reg-card{
    background: var(--veic-white);
    flex: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 34px;
    border-radius: 14px;
    border: 1px solid #E7ECF5;
    box-shadow: 0 10px 30px rgba(10, 46, 115, 0.06);
    display: flex;
    flex-direction: column;
}

.veic-reg-heading{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.4px;
    color: var(--veic-primary);
    text-transform: uppercase;
    margin: 0 0 18px;
}

.veic-reg-table-wrap{
    width: 100%;
    overflow-x: auto;
}

.veic-reg-table{
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.veic-reg-table thead th{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: var(--veic-primary);
    padding: 0 10px 10px;
    border-bottom: 2px solid #E7ECF5;
    white-space: nowrap;
}

.veic-reg-table thead th:first-child{
    text-align: left;
}

.veic-reg-tier-date{
    display: block;
    font-family: inherit;
    font-weight: 400;
    font-size: 11px;
    color: #7A8AA5;
    margin-top: 3px;
    white-space: normal;
}

.veic-reg-table tbody td{
    font-size: 13.5px;
    color: var(--veic-text);
    text-align: center;
    padding: 9px 10px;
    border-bottom: 1px solid #EEF2F8;
    white-space: nowrap;
}

.veic-reg-table tbody tr:last-child td{
    border-bottom: 1px solid #EEF2F8;
}

.veic-reg-table tbody td:first-child{
    text-align: left;
    font-weight: 600;
    color: var(--veic-primary);
    white-space: normal;
}

.veic-reg-btn{
    display: inline-block;
    background: var(--veic-primary);
    color: var(--veic-white);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 6px;
    transition: background 0.25s ease, transform 0.2s ease;
}

.veic-reg-btn:hover{
    background: var(--veic-secondary);
    color: var(--veic-white);
    transform: translateY(-1px);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1200px){
    .veic-reg-card{ padding: 28px; }
}

@media (max-width: 767px){
    .veic-reg-table tbody td,
    .veic-reg-table thead th{
        font-size: 12.5px;
        padding: 10px 8px;
    }
}