/*
 * Paragraph typography refresh
 *
 * This file deliberately sits on top of the original website styles.
 * The original typography rules in styles.css and media-queries.css remain
 * unchanged, making this update easy to disable or remove.
 */

:root {
    --paragraph-font: 'Montserrat', sans-serif;
    --paragraph-font-size: 1rem;
    --paragraph-font-weight: 400;
    --paragraph-line-height: 1.6;
}

body p {
    font-family: var(--paragraph-font) !important;
    font-weight: var(--paragraph-font-weight) !important;
    line-height: var(--paragraph-line-height) !important;
    text-align: left !important;
}

/* Keep the homepage company-history paragraph justified. */
body .aboutCompanyContainer p {
    text-align: justify !important;
}

/* Keep the About page's Humble Beginnings copy justified beside its image. */
body .companyText p {
    text-align: justify !important;
}

/* Keep the About page's Injection Moulding paragraphs justified. */
body .injectionMouldingText p {
    text-align: justify !important;
}

/* Keep the homepage slideshow copy centred beside its images. */
body .slideshowText p {
    text-align: center !important;
}

/* Keep ordinary content paragraphs at a readable minimum size while leaving
   deliberately compact labels and category text at their designed sizes. */
body p:not(.product-industry):not(.products-eyebrow) {
    font-size: max(var(--paragraph-font-size), 1em) !important;
}

/* The promotional-video tagline is intentionally centred and enlarged. */
body .videoContent.videoContent p {
    font-size: 1.5em !important;
    text-align: center !important;
}

/* Production-process card copy is intentionally centred within each card. */
body .productionCard p {
    text-align: center !important;
}

/* Services card descriptions are centred within their equal-height cards. */
body .cardContent p {
    text-align: center !important;
}

/* The About Us industries statement is a centred section introduction. */
body .industriesText p {
    text-align: center !important;
}

/* Contact details beneath Get In Touch are intentionally centred. */
body .contactInfoContainer p {
    text-align: center !important;
}

/* Keep every footer heading and line of copy at one consistent size across
   desktop, tablet and mobile layouts. */
footer h3,
footer li,
footer p,
footer a {
    font-size: 1rem !important;
}

/* Add breathing room between the Humble Beginnings image and its text only
   while the section uses the side-by-side desktop layout. */
@media only screen and (min-width: 1401px) {
    .companyInfoDisplayWrapper .companyText {
        padding-left: clamp(1.5rem, 3vw, 2.75rem);
    }
}

/* Short category labels are interface metadata rather than body copy. */
.product-industry,
.products-eyebrow {
    line-height: 1.35;
}

/* Neutralise the older responsive wrapper scaling when the footer stacks. */
@media only screen and (max-width: 767px) {
    .footer_grid_1,
    .footer_grid_2,
    .footer_grid_3 {
        font-size: 1em;
    }
}