/* ------------------------------------------------------------------
   GOV.UK MOT history clone - kiegészítő stílusok
   A govuk-frontend.min.css kiegészítése (kék fejléc, rendszám tábla,
   lejárt MOT sáv, szolgáltatás fejléc, lábléc).
   ------------------------------------------------------------------ */

/* --- Fejléc: kék márkaszín (a mai GOV.UK megjelenés) --- */
.govuk-header {
    background-color: #1d70b8;
    border-bottom: 1px solid transparent;
}

.govuk-header__container {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
}

.govuk-header__logotype {
    margin-bottom: 2px;
}

.govuk-logo-dot {
    fill: #00ffe0;
}

/* Logó felirat: MOTHISTORY . SITE (a betűk szélességét a textLength rögzíti) */
.mot-logotype__text {
    font-family: inherit;
    font-size: 50px;
    font-weight: 700;
}

/* Fejléc jobb oldali Menu + kereső (csak a nyitóoldalon) */
.mot-header-actions {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 20px;
}

.mot-header-menu {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.mot-header-menu__chevron {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
}

.mot-header-menu[aria-expanded="true"] .mot-header-menu__chevron {
    border-top: 0;
    border-bottom: 6px solid #fff;
}

.mot-header-search {
    display: inline-flex;
    color: #fff;
}

/* Lenyíló felső menü */
.mot-super-menu {
    background-color: #1d70b8;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px 0;
}

.mot-super-menu[hidden] {
    display: none;
}

.mot-super-menu__heading {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 1.1875rem;
    font-weight: 700;
}

.mot-super-menu__list {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.mot-super-menu__list li {
    margin-bottom: 10px;
}

.mot-super-menu__list a {
    color: #fff;
    font-size: 1rem;
}

/* --- Szolgáltatás fejléc (MOT oldalak) --- */
.mot-service-name {
    margin: 0;
    padding: 12px 0 10px;
    border-bottom: 1px solid #b1b4b6;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.25;
}

.mot-feedback-bar {
    background-color: #f3f2f1;
    border-bottom: 1px solid #b1b4b6;
}

.mot-feedback-bar p {
    margin: 0;
    padding: 8px 0;
    font-size: 1rem;
    line-height: 1.25;
}

/* --- Rendszám tábla --- */
.mot-reg-plate-wrap {
    margin: 0 0 10px;
}

.mot-reg-plate {
    display: inline-block;
    margin: 0;
    padding: 4px 14px;
    background-color: #ffdd00;
    color: #0b0c0c;
    border: 2px solid #0b0c0c;
    border-radius: 4px;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
}

/* --- Lejárt MOT figyelmeztetés --- */
.mot-expired-banner {
    margin-bottom: 30px;
    padding: 35px 20px;
    background-color: #d4351c;
    color: #fff;
    text-align: center;
}

.mot-expired-banner__title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.1;
}

.mot-expired-banner__body {
    margin: 0;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 1.4;
}

.mot-expired-banner__body a:link,
.mot-expired-banner__body a:visited {
    color: #fff;
}

.mot-expired-banner__body a:focus {
    color: #0b0c0c;
}

/* --- Jármű adatok --- */
.mot-data-label {
    margin-bottom: 0;
}

.mot-data-value {
    margin-bottom: 0;
    font-weight: 700;
}

.mot-expiry-label {
    margin-top: 30px;
    margin-bottom: 0;
}

.mot-expiry-value {
    margin-bottom: 20px;
}

/* --- MOT történet --- */
.mot-test {
    margin-bottom: 30px;
    padding-top: 20px;
    border-top: 1px solid #b1b4b6;
}

.mot-test:first-child {
    border-top: 0;
    padding-top: 0;
}

.mot-test__heading {
    margin-bottom: 15px;
}

.mot-defects {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.mot-defects li {
    margin-bottom: 10px;
    padding-left: 0;
}

.mot-defect-type {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 6px;
    background-color: #0b0c0c;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.mot-defect-type--advisory {
    background-color: #fff;
    color: #0b0c0c;
    border: 1px solid #0b0c0c;
}

.mot-defect-type--dangerous {
    background-color: #d4351c;
    color: #fff;
}

.mot-defect-type--minor {
    background-color: #f3f2f1;
    color: #0b0c0c;
    border: 1px solid #0b0c0c;
}

.mot-no-tests {
    margin-bottom: 0;
}

/* --- Nyitóoldal: oldalsáv és „Explore the topic” --- */
.mot-related-section {
    margin-bottom: 30px;
    padding-top: 15px;
    border-top: 2px solid #1d70b8;
}

.mot-related-section__heading {
    margin: 0 0 15px;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.25;
}

.mot-related-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mot-related-section li {
    margin-bottom: 10px;
}

.mot-related-section a {
    font-size: 1rem;
}

.mot-explore {
    margin-top: 40px;
}

/* --- „Is this page useful?” sáv --- */
.mot-page-feedback {
    margin-top: 40px;
    padding: 15px 0;
    border-top: 1px solid #b1b4b6;
}

.mot-page-feedback__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.mot-page-feedback__question {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.mot-page-feedback__buttons {
    display: flex;
    gap: 10px;
    margin: 0;
}

.mot-page-feedback__button {
    margin: 0;
    padding: 6px 15px;
    font-size: 1rem;
}

.mot-page-feedback__report {
    margin: 0 0 0 auto;
}

.mot-page-feedback__report a {
    display: inline-block;
    padding: 6px 15px;
    border: 2px solid #0b0c0c;
    font-size: 1rem;
    text-decoration: none;
}

/* --- Lábléc --- */
.govuk-footer__crown {
    display: block;
    margin-bottom: 15px;
    fill: currentcolor;
}

.mot-footer-built {
    margin-bottom: 15px;
}

/* --- Hibák --- */
.mot-error-summary-link {
    font-weight: 700;
}

/* --- Reszponzív --- */
@media (max-width: 40.0525em) {
    .mot-expired-banner__title {
        font-size: 1.75rem;
    }

    .mot-header-actions {
        gap: 12px;
    }

    .mot-page-feedback__report {
        margin-left: 0;
    }
}