/* ==========================================================================
   HOME PAGE - MOBILE TYPE SCALE  (phones, <= 768px)

   ONE place that sets every font size on the home page for phones.
   Change a size by editing the five variables below.

     --t-main     main headings    (hero title, "About MADDS", closing CTA title)
     --t-section  section headings ("Compliance...", "Idea Behind MADDS", "Solutions",
                                    "Managed IT...", "Technologies...", "Testimonials",
                                    "Latest News...")
     --t-body     normal / body copy, paragraphs and small card titles
     --t-label    small labels: badges, tags, captions, stat sub-lines, card labels
     --t-btn      buttons

   WHY !important: the home page loads ~16 stylesheets that each set their own sizes
   (some with ID selectors, some in page files that load last). This file loads LAST and
   uses !important so this scale always wins, whichever of those rules would have applied.
   The footer scale is set in home-mobile.css (the footer is shared by every page).

   Left alone on purpose: decorative numerals (stat numbers, the big news date, news tiles).
   ========================================================================== */

@media (max-width: 768px) {

    :root {
        --t-main: 40px;
        --t-section: 35px;
        --t-body: 17px;
        --t-label: 14px;
        --t-btn: 14px;
    }

    /* ---------- MAIN HEADINGS: 40px ---------------------------------------- */
    #hl-hero .hl-h1,
    body #hl-hero .hl-h1,
    .about-section .ag-copy h1,
    body .ag-copy h1,
    .mxk__copy h2,
    .mxk__copy .mxk-title {
        font-size: var(--t-main) !important;
        line-height: 1.12 !important;
    }

    /* ---------- SECTION HEADINGS: 35px ------------------------------------- */
    .madds-trusted__head h2,
    .main-parallax .text h2,
    .madds-specialisation__intro h2,
    section.custom-tabs .costomized-head span,
    body section.custom-tabs .costomized-head span,
    .managed .costomized-head h2,
    .managed.managed-arc .costomized-head h2,
    .technologies .costomized-head h2,
    .testimonial .testimonial-head h2,
    .madds-news__head h2,
    .madds-news-title {
        font-size: var(--t-section) !important;
        line-height: 1.15 !important;
    }

    /* ---------- BODY COPY + small card titles: 17px ------------------------ */
    #hl-hero .hl-body p,
    body .hl-body p,
    .madds-trusted__head p,
    .about-section .ag-copy h2,
    body .ag-copy h2,
    .about-section .ag-about-text,
    .ag-card h3,
    .ag-card p,
    .main-parallax .text .line,
    .madds-specialisation__intro p,
    .madds-specialisation-preview-title,
    .madds-specialisation-description,
    section.custom-tabs .costomized-head h2,
    body section.custom-tabs .costomized-head h2,
    section.custom-tabs .costomized-head p,
    section.custom-tabs .sol-detail .sol-cap-text,
    .managed .costomized-head p,
    .managed.managed-arc .costomized-head p,
    .arc__info h3,
    .arc__info p,
    .technologies .costomized-head p,
    .testimonial .testimonial-head p,
    .testimonial .test-content p,
    .testimonial .signature h3,
    .madds-news__head p,
    .madds-news__feature-title,
    .madds-news__subscribe-copy h3,
    .madds-news__subscribe-copy p,
    .madds-trusted__stat strong {
        font-size: var(--t-body) !important;
        line-height: 1.55 !important;
    }

    /* the Solutions tagline and the small card titles are bold-ish headings, not copy */
    section.custom-tabs .costomized-head h2,
    body section.custom-tabs .costomized-head h2,
    .ag-card h3,
    .arc__info h3,
    .madds-specialisation-preview-title,
    .madds-news__feature-title,
    .madds-news__subscribe-copy h3,
    .testimonial .signature h3,
    .madds-trusted__stat strong {
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    /* ---------- SMALL LABELS: 14px ----------------------------------------- */
    .madds-trusted__eyebrow,
    .madds-trusted__label,
    .madds-trusted__standard strong,
    .madds-trusted__standard small,
    .madds-trusted__stat small,
    .madds-trusted__stat em,
    .madds-trusted__capabilities span,
    .madds-trusted__note,
    .madds-trusted__foot,
    .ag-badge__in,
    .ag-tip,
    .ag-stat__label,
    .main-parallax .tab,
    .madds-spec-m-item span,
    .madds-specialisation__item,
    .madds-specialisation__tags span,
    section.custom-tabs .tab-list .sol-tab,
    body section.custom-tabs .tab-list .sol-tab,
    .tab-list .tab,
    .arc__label span,
    .arc__label b,
    .mxk__eyebrow,
    .mxk__brief,
    .mxk__brief *,
    .testimonial .signature p,
    .madds-news__meta,
    .madds-news__pill,
    .madds-news__tile i,
    .madds-news__form label,
    .madds-news__empty {
        font-size: var(--t-label) !important;
        line-height: 1.4 !important;
    }

    /* ---------- BUTTONS: 14px ---------------------------------------------- */
    #hl-hero .hl-btn,
    body .hl-btn,
    .expand-btn,
    section.custom-tabs .sol-detail .sol-cap-btn,
    section.custom-tabs .sol-detail .sol-cap-btn-label,
    section.custom-tabs .sol-detail .sol-cap-btn-arrow,
    .arc__cta,
    .mxk__primary,
    .mxk__secondary,
    .madds-news__btn,
    .madds-news__ghost,
    .madds-news__form-row button {
        font-size: var(--t-btn) !important;
    }

    /* ---------- mobile menu links (already 17px, kept on the scale) -------- */
    body .mobile-link {
        font-size: var(--t-body) !important;
    }
}