/*
 * SEO guides in the new design, group 2 (the electrician guides Elcentral, Elfel, Energikoll,
 * Fasadbelysning, Felsökning, Golvvärme, Jordfelsbrytare, Jordfelsbrytaren löser ut,
 * Köksbelysning, Koppla in spishäll, Lastbalansering för laddbox, Montera taklampa,
 * Plejd-installation, Säkringen går, Spotlights, Utbildning elektriker, Utomhusbelysning,
 * Vad gör en elektriker and Vad tjänar en elektriker). Loaded after ny_design.css,
 * ny_design_guider.css and ny_design_guider_2.css on those pages only; every rule is scoped to
 * .nd_guider_seo_page.
 */

/* Felsökning el: the old field "Vad gäller din felsökning?" above the order calendar, which fills
   the order with its text. The old page styled it in the hero it no longer has. */
.nd_page.nd_guider_seo_page .nd_seo_2_booking .head_field {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 720px;
    margin: 0;
    padding: 16px 20px;
    border: 1px solid var(--nd_line_light);
    border-radius: 4px;
    background: var(--nd_white);
    color: inherit;
    font: inherit;
}

/* The old tables in the copy (Elcentral's proppskåp against automatsäkringar, Säkringen går's watt
   table and the like) have sentences in their last column, not only prices, so that column wraps
   like the others (ny_design.css keeps it on one line for price tables). Numbers still hold
   together, as clean_cms_richtext joins them with non-breaking spaces. */
.nd_page.nd_guider_seo_page .nd_rich :is(td, th):last-child {
    white-space: normal;
}
/* On phones the columns take the width their words need, and a long word ("automatsäkringar")
   breaks rather than pushing the page wider than the screen. */
@media (max-width: 767px) {
    .nd_page.nd_guider_seo_page .nd_rich table:has(tr > :nth-child(3):last-child) {
        table-layout: auto;
    }
    .nd_page.nd_guider_seo_page .nd_rich table:has(tr > :nth-child(3):last-child) :is(th, td):first-child {
        width: auto;
    }
    .nd_page.nd_guider_seo_page .nd_rich :is(th, td) {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}

/* Energikoll and Felsökning el: the kept order calendar stands a section's space below the copy. */
.nd_page.nd_guider_seo_page .nd_seo_2_booking {
    padding-top: 40px;
}