/* Sidfoten pa mobil for sidor med Elementors sidfot - se includes/sidfot-mobil.php.
   Fargerna och typsnitten ar Elementor-sidfotens egna. */

.sb-sfm { display: none; }

@media (max-width: 767px) {
    .elementor-location-footer { display: none !important; }

    .sb-sfm {
        display: block;
        background: #1B1F23;
        padding: 40px 18px 34px;
        text-align: center;
        font-family: "Segoe UI", -apple-system, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 13px;
        font-weight: 300;
        line-height: 1.75;
        color: rgba(255, 255, 255, .88);
    }
    .sb-sfm .sb-sfm-logga { display: block; width: 72%; max-width: 280px; height: auto; margin: 0 auto 28px; }

    .sb-sfm h3 {
        font-family: "Space Mono", ui-monospace, Menlo, monospace;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.6;
        color: #fff;
        margin: 0 0 8px;
    }
    .sb-sfm p { margin: 0; font-size: 13px; line-height: 1.75; color: inherit; }
    .sb-sfm a { color: rgba(255, 255, 255, .88); text-decoration: none; }
    .sb-sfm a:active { color: #fff; text-decoration: underline; }

    .sb-sfm .sb-sfm-par { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; align-items: start; }

    .sb-sfm .sb-sfm-adress {
        border-top: 1px solid rgba(255, 255, 255, .14);
        margin-top: 22px;
        padding-top: 18px;
    }
    .sb-sfm .sb-sfm-jur { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 18px; margin-top: 4px; }
}