/* ------------------------------------------------------------------
   Site overrides.
   Loaded after the template stylesheets so these rules win.
   ------------------------------------------------------------------ */

/* --- Footer spacing -------------------------------------------------
   The template ships 100px top / 50px bottom padding on .widget-area,
   and every .footer-widget adds another 50px bottom margin. That
   stacked up to ~100px of dead space above the copyright bar and made
   the footer taller than its content needed. Tightened below. */

.footer-wrapper .widget-area {
    padding-top: 60px;
    padding-bottom: 20px;
}

.footer-wrapper .footer-widget {
    margin-bottom: 30px;
}

.footer-wrapper .widget_title {
    margin-bottom: 22px;
}

@media (max-width: 991.98px) {
    .footer-wrapper .widget-area {
        padding-top: 45px;
        padding-bottom: 10px;
    }

    .footer-wrapper .footer-widget {
        margin-bottom: 28px;
    }
}

/* --- Mobile refinements --------------------------------------------- */

@media (max-width: 575.98px) {

    /* Justified body copy in a ~340px column opens up rivers of white space
       and hurts readability. Left-align it on phones only. */
    .text-justify {
        text-align: left !important;
    }

    /* Inline contact and breadcrumb links render 17-26px tall, well under a
       comfortable finger target. Pad them out without changing the layout. */
    .breadcumb-menu li a,
    .footer-info a,
    .th-widget-about a,
    .footer-links li a,
    .contact-info_text a,
    .contact-info a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /* Product card titles are the primary tap target on the listing page. */
    .th-team .box-title a,
    .product-grid .box-title a {
        display: inline-block;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    /* Long unbroken strings (URLs, part codes) must not force a sideways scroll. */
    body {
        overflow-wrap: break-word;
    }

    /* The template pins the back-to-top button 185px from the right edge, which
       lands dead centre on a phone and covers the footer credit.
       !important is needed because main.css sets it that way too. */
    .scroll-top {
        right: 14px !important;
    }
}