@charset "utf-8";

/* ── Accordion items ── */
.el-item {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-bottom: 2px solid #efefef;
}
.el-item .uk-accordion-title {
    font-size: 22px;
    padding: 15px 30px;
    margin-top: 0;
    text-decoration: none !important;
}
.el-item .uk-accordion-title:hover {
    text-decoration: none !important;
}

/* ── Dark background + white everything when open — all nesting levels ── */
.el-item.uk-open > .uk-accordion-title {
    background-color: #333;
}
.el-item > .uk-accordion-content {
    margin-top: 0 !important;
    padding: 10px;
    border: 2px solid #333;
}
.el-item.uk-open > .uk-accordion-title,
.el-item.uk-open > .uk-accordion-title * {
    color: #fff !important;
}
.el-item.uk-open > .uk-accordion-title svg,
.el-item.uk-open > .uk-accordion-title svg * {
    stroke: #fff !important;
    fill: none !important;
}

/* ── Keep "Go to this vehicle" button readable when open ── */
.el-item.uk-open > .uk-accordion-title .dvp-vehicle-link {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

/* ── Drivetrain / position labels ── */
.dvp-drivetrain-title {
    background-color: #efefef;
    padding: 15px 30px;
}
.dvp-position-title {
    background-color: #efefef;
    padding: 15px 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* ── Product card buttons ── */
.dvp-btn-cart,
.dvp-btn-more {
    border-radius: 0 !important;
}
.dvp-btn-cart {
    margin-top: 8px;
}
.dvp-btn-more {
    background-color: #fbdd12 !important;
    color: #333 !important;
    border-color: #fbdd12 !important;
}
.dvp-btn-more:hover {
    background-color: #e5c800 !important;
    border-color: #e5c800 !important;
}

/* ── Product card tighten ── */
.el-item.uk-card-body {
    padding: 10px !important;
}
.el-item .el-image {
    width: 100%;
    height: auto;
    display: block;
}

/* ── 22px on all accordion heading levels ── */
.el-item .uk-accordion-title h3,
.el-item .uk-accordion-title h4,
.el-item .uk-accordion-title h5,
.el-item .uk-accordion-title h6,
.el-item .uk-accordion-title .el-accordion-title,
.el-item .uk-accordion-title .dvp-child-title {
    font-size: 22px !important;
}