﻿.bike-card-header-item {
    display: flex;
    flex-direction: column;
}
    .bike-card-make {
        color: var(--mud-palette-primary);
        font-weight: bold;
    }

    .bike-card-model {
        
    }

    .bike-card-image-item {
        padding-top: 4px !important;
    }

.bike-card-header-content {
    width: 100%;
}

.bike-card-image {
    background-size: cover;
    border-radius: 16px;
}

.bike-card-content-grid {
    display: flex;
}


/* Displacement */
.bike-card-displacement-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-displacement-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-displacement {
    padding: 0 0 0 16px !important;
}

/* Power */
.bike-card-power-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-power-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-power {
    padding: 0 0 0 16px !important;
}

/* First Registration */
.bike-card-first-registration-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-first-registration-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-first-registration {
    padding: 0 0 0 16px !important;
}

/* Inspection Until */
.bike-card-inspection-until-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-inspection-until-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-inspection-until {
    padding: 0 0 0 16px !important;
}

/* Mileage */
.bike-card-mileage-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-mileage-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-mileage {
    padding: 0 0 0 16px !important;
}

/* Last Maintenance */
.bike-card-last-maintenance-item {
    display: flex;
    flex-direction: column;
    padding: 4px 0 0 60px !important;
}

.bike-card-last-maintenance-title-item {
    display: flex;
    padding: 24px 0 0 60px !important;
}

.bike-card-last-maintenance-title {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}

.bike-card-last-maintenance-date-item {
    display: flex;
    padding: 24px 0 0 60px !important;
}

.bike-card-last-maintenance-date {
    color: var(--mud-palette-primary);
    padding: 4px 0 0 0 !important;
}











.bike-card-last-maintenance {
    padding: 0 0 0 16px !important;
}




.bike-card-actions {
    justify-content: end;
}