/*
 * The city pages in the new design that Stader builds: /stockholm/ and the craft pages
 * Målare, Rörmokare and Snickare (families/*_stader_ny_design.html), loaded after ny_design.css.
 * Only overrides for these pages, each scoped to a class of its own.
 */

/* "Se vad vi kan hjälpa dig med i ...": the city's services as the start page's "Från smått till
   stort" (.nd_requests in ny_design.css), with the links to each kind of work under its image in
   place of the number of requests (Kasper, 2026-11-06). */
.nd_page .nd_city_service_links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    list-style: none;
}
/* The links' own list items are not tiles: .nd_requests li would make each a column or a grid. */
.nd_page .nd_city_service_links li {
    display: block;
}
@media (max-width: 767px) {
    /* On phones the image sits beside the text, both from the top. The image is narrower than on the
       start page, so "Badrumsrenovering" and its arrow fit on one line beside it. */
    .nd_page .nd_city_service_tiles > li {
        grid-template-columns: 120px minmax(0, 1fr);
        align-items: start;
    }
}