/*
 * custom-overrides.css
 * Loaded after niva.css — replaces all hardcoded large pixel sizes
 * with responsive clamp() values.
 * clamp(min, preferred-vw, max)
 */

/* ── Global heading safety ───────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-break:    break-word;
    hyphens:       auto;
}

/* ── Hero / Slider ───────────────────────────────────────────────────────── */
.slider-content h1 {
    font-size:   clamp(1.75rem, 4vw, 3rem);   /* was 56px */
    line-height: 1.15;
}
.slider-content h1 span {
    font-size:   clamp(2.25rem, 5vw, 4rem);   /* was 90px */
    line-height: 1.1;
}

/* ── Home — About blurb ──────────────────────────────────────────────────── */
.about-heading2-home {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}
h5.nmb-font-about {
    font-size:   clamp(2rem, 4vw, 3.25rem);   /* was 70px */
    line-height: 1.1;
}

/* ── Fun Facts ───────────────────────────────────────────────────────────── */
h3.fun-facts-heading1 {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}
span.timer {
    font-size:   clamp(1.75rem, 3vw, 2.75rem); /* was 50px */
    line-height: 1.2;
    min-height:  unset;
}

/* ── Services section ────────────────────────────────────────────────────── */
.services-section h3 {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Portfolio ───────────────────────────────────────────────────────────── */
.portfolio-section h3 {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Testimonials ────────────────────────────────────────────────────────── */
span.testimonial_slider_title {
    font-size:   clamp(1.75rem, 3.5vw, 3rem); /* was 65px */
    line-height: 1.15;
    margin:      20px 0;
}

/* ── Blog ────────────────────────────────────────────────────────────────── */
.blog-section .blog-section-title {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Breadcrumb page title ───────────────────────────────────────────────── */
.breadcrumb-area h1.breadcrumb-title {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Team / Members ──────────────────────────────────────────────────────── */
h3.members-heading1 {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Pricing ─────────────────────────────────────────────────────────────── */
.pricing-elements h2 {
    font-size:   clamp(1.5rem, 3vw, 2.5rem);  /* was 50px */
    line-height: 1.2;
}

/* ── Typed / CTA section ─────────────────────────────────────────────────── */
.typed-section h4 {
    font-size:   clamp(1.25rem, 2.5vw, 2rem); /* was ~32px */
    line-height: 1.3;
}

/* ── Override responsive breakpoint rules that still use large px sizes ──── */
@media (max-width: 1199px) {
    .slider-content h1        { font-size: clamp(1.5rem,  3.5vw, 2.75rem); line-height: 1.15; }
    .slider-content h1 span   { font-size: clamp(2rem,    4vw,   3.25rem); line-height: 1.1;  }
    .about-heading2-home      { font-size: clamp(1.25rem, 2.5vw, 2rem);    line-height: 1.2;  }
    h5.nmb-font-about         { font-size: clamp(1.75rem, 3.5vw, 2.75rem); line-height: 1.1;  }
    .footer-section .inner h4 { font-size: clamp(1.5rem,  3.5vw, 3rem);    line-height: 1.2;  }
}

@media (max-width: 767px) {
    .slider-content h1        { font-size: clamp(1.4rem, 5vw, 2rem);   line-height: 1.2; }
    .slider-content h1 span   { font-size: clamp(1.75rem, 6vw, 2.5rem); line-height: 1.1; }
    .about-heading2-home      { font-size: clamp(1.25rem, 4vw, 1.75rem); line-height: 1.25; }
    h5.nmb-font-about         { font-size: clamp(1.5rem,  5vw, 2.25rem); line-height: 1.1; }
    h3.fun-facts-heading1     { font-size: clamp(1.25rem, 4vw, 1.75rem); line-height: 1.25; }
    span.timer                { font-size: clamp(1.5rem,  5vw, 2.25rem); }
    .services-section h3      { font-size: clamp(1.25rem, 4vw, 1.75rem); line-height: 1.25; }
    .portfolio-section h3     { font-size: clamp(1.25rem, 4vw, 1.75rem); line-height: 1.25; }
    .blog-section .blog-section-title  { font-size: clamp(1.25rem, 4vw, 1.75rem); }
    .breadcrumb-area h1.breadcrumb-title { font-size: clamp(1.25rem, 4vw, 1.75rem); }
    h3.members-heading1       { font-size: clamp(1.25rem, 4vw, 1.75rem); }
    .pricing-elements h2      { font-size: clamp(1.25rem, 4vw, 1.75rem); }
    span.testimonial_slider_title { font-size: clamp(1.5rem, 5vw, 2.25rem); }
}