/**
 * @package    Joomla.Site
 * @subpackage Modules.mod_vehiclebodytype
 * @file       https://lushdomain.com/modules/mod_vehiclebodytype/css/mod_vehiclebodytype.css
 * @version    1.0.0
 * @author     Brendan Hedges
 * @copyright  (C) 2025 Lush Domain
 * @license    GPL v2 or later
 */

.mod-vehiclebodytype {
    width: 100%;
}

.mod-vehiclebodytype .vbt-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    align-content: start;
}

.mod-vehiclebodytype .vbt-grid > * {
    flex: 0 1 var(--vbt-card-max-width, 300px);
    min-width: var(--vbt-card-min-width, 200px);
    max-width: var(--vbt-card-max-width, 300px);
}

.mod-vehiclebodytype .vbt-card {
    display: block;
    text-decoration: none;
    background: #ffffff00;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mod-vehiclebodytype .vbt-card:hover {
    box-shadow: white 0px 0px 8px 3px;
    background: rgba(255, 255, 255, 0.1);
    transition: 0.3s;
}

.mod-vehiclebodytype .vbt-card-image {
    display: block;
    max-width: 182px;
    width: auto;
    height: auto;
    margin: 0 auto;
    aspect-ratio: auto;
    object-fit: contain;
    background: transparent;
    padding: 1rem;
}

.mod-vehiclebodytype .vbt-card-title {
    padding: 1rem;
    text-align: center;
    font-weight: 400;
    font-size: 1.3em;
    color: #ffffff;
    background: #ffffff00;
    border-top: 0px solid #e0e0e0;
}

.mod-vehiclebodytype .vbt-card:hover .vbt-card-title {
    color: #ffffff;
}