@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ===== MFV HEADER ===== */

.swagger-section #header {
    background-color: #fff;
    padding: 9px 14px 19px 14px;
    height: 23px;
    min-width: 775px;
}

#header .swagger-ui-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Verberg swagger logo + tekst */
#header img,
#header .swagger-ui-wrap > a {
    display: none !important;
}

/* Inject MFV logo */
#header .swagger-ui-wrap::before {
    content: "";
    display: block;
    background: url("https://mijnfietsverhuur.nl/images/mfv_color_logo.svg") no-repeat left center;
    background-size: contain;
    width: 165px;
    height: 40px;
}

/* Header form strak uitlijnen */
#header form {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Inputs subtiel */
#input_baseUrl,
#api_selector input {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    padding: 8px 12px;
    font-family: Inter, sans-serif;
    font-size: 13px;
    background: #F9FAFB;
}

/* Explore knop rustig */
#explore {
    background: #4F46E5;
    border-radius: 8px;
    padding: 8px 16px;
    font-weight: 600;
    border: none;
}

.swagger-ui-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 24px 80px 24px;
}


#api_info h1 {
    font-size: 28px;
    font-weight: 600;
    margin: 0;
}