/* /Components/Home/BuyerReadinessChecklist.razor.rz.scp.css */
[b-p2x7md40gp] .form-control,
[b-p2x7md40gp] .form-select {
    background-color: white;
    color: var(--bs-body-bg);
}
/* /Components/Home/Hero.razor.rz.scp.css */
/* CSS for Hero component */

/* Hide the decorative hero image on phones (below Bootstrap's md breakpoint, where the
   columns stack), so the heading and "Book a call" button sit at the top of the screen.
   The image's column is left empty, which has no height. */
@media (max-width: 767.98px) {
    img[b-kqf7ea6rts] {
        display: none;
    }
}
/* /Components/Home/HowItWorks.razor.rz.scp.css */
/* CSS for HowItWorks component */
.step-number[b-uihwci9vnc] {
    /* Matches .btn-accent. Gradients can't be used with color, so clip a background to the text instead */
    background-image: var(--affinity-gradient-warm);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* Size the gradient to the text, not the full column width */
    display: inline-block;
}

/* High-contrast mode removes background images, so restore a solid text colour */
@media (forced-colors: active) {
    .step-number[b-uihwci9vnc] {
        color: CanvasText;
    }
}
/* /Components/Home/WhatVeraGivesYou.razor.rz.scp.css */
/* CSS for WhatVeraGivesYou component */

/* Turn the arrow to point down while the 10 areas are open */
.readiness-arrow[b-gma87bxtvj] {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

.readiness-toggle[aria-expanded="true"] .readiness-arrow[b-gma87bxtvj] {
    transform: rotate(90deg);
}

/* The card is full width, so split the list into two columns on tablet and up */
@media (min-width: 768px) {
    .readiness-list[b-gma87bxtvj] {
        columns: 2;
        column-gap: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .readiness-arrow[b-gma87bxtvj] {
        transition: none;
    }
}
/* /Components/Shared/Card.razor.rz.scp.css */
.card-title[b-pyf9tz9k3k] {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--affinity-gradient-warm);
    color: transparent;
    display: inline-block;
}

/* High-contrast mode removes background images, so restore a solid text colour */
@media (forced-colors: active) {
    .card-title[b-pyf9tz9k3k] {
        color: CanvasText;
    }
}
/* /Layout/Navbar.razor.rz.scp.css */
/* CSS for Navbar component */

/* The container is a flex row (Bootstrap's .navbar > .container) with align-items: center,
   so the button is vertically centred against the logo and strapline. flex-nowrap on the
   container stops the button wrapping onto its own line. */
.navbar-brand[b-3sd45j0no0] {
    /* Let the brand shrink and the strapline wrap instead of pushing the button down */
    min-width: 0;
    white-space: normal;
}

    .navbar-brand img[b-3sd45j0no0] {
        /* Scale the logo down if the brand gets narrower than it */
        max-width: 100%;
        height: auto;
    }

p[b-3sd45j0no0] {
    font-size: 0.75rem;
    /* Remove the default bottom margin so the button centres on the visible content */
    margin-bottom: 0;
}

.btn[b-3sd45j0no0] {
    flex-shrink: 0;
}

/* Smaller button on extra-small screens (below Bootstrap's sm breakpoint) */
@media (max-width: 575.98px) {
    .btn[b-3sd45j0no0] {
        --bs-btn-padding-x: 1rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-size: 0.875rem;
    }
}

/* Phones (below Bootstrap's md breakpoint, matching the Hero): the logo and
   "Book a call" button share the top row, with the strapline underneath */
@media (max-width: 767.98px) {
    .navbar > .container[b-3sd45j0no0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 1rem;
    }

    /* Lets the logo link and strapline be placed in the grid directly */
    .navbar-brand[b-3sd45j0no0] {
        display: contents;
    }

        .navbar-brand a[b-3sd45j0no0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            max-width: 100%;
        }

    p[b-3sd45j0no0] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .btn[b-3sd45j0no0] {
        grid-column: 2;
        grid-row: 1;
    }
}