/* =========================================================
   AMPSY CONSULTANCY - GLOBAL INNER PAGE TYPOGRAPHY
   Goal:
   - Make inner-page typography consistent with homepage
   - Keep index.php / homepage custom sections unaffected
   - Do not change layout, spacing, widths, positioning, or imagery
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --ampsy-text: #4B5563;
    --ampsy-heading: #0A1628;
    --ampsy-muted: #6B7280;
}

/* =========================================================
   INNER PAGE BREADCRUMB / PAGE TITLE
   ========================================================= */
.rts-breadcrumb-area,
.rts-breadcrumb-area *,
.breadcrumb-1,
.breadcrumb-1 * {
    font-family: 'Manrope', sans-serif !important;
}

.rts-breadcrumb-area .title,
.breadcrumb-1 .title {
    font-family: 'Manrope', sans-serif !important;
    color: var(--ampsy-heading) !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

/* =========================================================
   STANDARD INNER PAGE CONTENT
   ========================================================= */
.rts-project-details-area,
.rts-project-details-area *,
.product-details-main-inner,
.product-details-main-inner *,
.single-project-details-challenge,
.single-project-details-challenge *,
.rts-service-details-area,
.rts-service-details-area *,
.service-details-inner,
.service-details-inner *,
.service-details-content,
.service-details-content *,
.rts-business-goal-area,
.rts-business-goal-area * {
    font-family: 'Manrope', sans-serif !important;
}

/* Main and section headings */
.rts-project-details-area h1,
.rts-project-details-area h2,
.rts-project-details-area h3,
.rts-project-details-area h4,
.rts-project-details-area h5,
.rts-project-details-area h6,
.product-details-main-inner .title,
.rts-service-details-area h1,
.rts-service-details-area h2,
.rts-service-details-area h3,
.rts-service-details-area h4,
.rts-service-details-area h5,
.rts-service-details-area h6,
.service-details-inner h1,
.service-details-inner h2,
.service-details-inner h3,
.service-details-inner h4,
.service-details-inner h5,
.service-details-inner h6,
.service-details-content h1,
.service-details-content h2,
.service-details-content h3,
.service-details-content h4,
.service-details-content h5,
.service-details-content h6 {
    font-family: 'Manrope', sans-serif !important;
    color: var(--ampsy-heading) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

/* Stronger top section headings */
.product-details-main-inner > .title,
.rts-project-details-area > .container > .row h2.title,
.rts-project-details-area > .container > .row h3.title {
    font-weight: 800 !important;
}

/* =========================================================
   BODY PARAGRAPHS — NORMALIZED
   ========================================================= */
.rts-project-details-area p,
.rts-project-details-area .disc,
.rts-project-details-area .details,
.product-details-main-inner p,
.product-details-main-inner .disc,
.single-project-details-challenge .details,
.rts-service-details-area p,
.service-details-inner p,
.service-details-content p {
    font-family: 'Manrope', sans-serif !important;
    color: var(--ampsy-text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
}

/* Keep emphasized text readable without altering layout */
.rts-project-details-area strong,
.rts-service-details-area strong,
.service-details-inner strong,
.service-details-content strong {
    color: var(--ampsy-heading) !important;
    font-weight: 700 !important;
}

/* =========================================================
   LIST / CHECKPOINT CONTENT
   ========================================================= */
.rts-project-details-area li,
.rts-service-details-area li,
.service-details-inner li,
.service-details-content li {
    font-family: 'Manrope', sans-serif !important;
    color: var(--ampsy-text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* Fix text inside challenge/check rows */
.single-project-details-challenge .details,
.single-project-details-challenge p,
.single-project-details-challenge span {
    font-family: 'Manrope', sans-serif !important;
    color: var(--ampsy-text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* Section mini-headings beside checklists */
.single-project-details-challenge + h6,
.rts-project-details-area h6.title,
.rts-service-details-area h6.title {
    color: var(--ampsy-heading) !important;
    font-weight: 700 !important;
}

/* =========================================================
   LINKS INSIDE INNER PAGE CONTENT
   ========================================================= */
.rts-project-details-area a,
.rts-service-details-area a,
.service-details-inner a,
.service-details-content a {
    font-family: 'Manrope', sans-serif !important;
}

/* =========================================================
   OLD FAQ FALLBACK
   New pages should use .fq-* markup, but this keeps old pages
   visually consistent until converted.
   ========================================================= */
.rts-faq-area.inner,
.rts-faq-area.inner *,
.accordion-area.inner,
.accordion-area.inner * {
    font-family: 'Manrope', sans-serif !important;
}

.rts-faq-area.inner .title-area span {
    color: #D42B2B !important;
    font-weight: 700 !important;
}

.rts-faq-area.inner .title-area .title {
    color: var(--ampsy-heading) !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

.rts-faq-area.inner .accordion-button,
.accordion-area.inner .accordion-button {
    color: var(--ampsy-heading) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.rts-faq-area.inner .accordion-body,
.accordion-area.inner .accordion-body {
    color: var(--ampsy-text) !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

/* =========================================================
   FORM TYPOGRAPHY ON INNER PAGES
   ========================================================= */
.rts-contact-form-area input,
.rts-contact-form-area textarea,
.rts-contact-form-area select,
.rts-contact-form-area button,
.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form button {
    font-family: 'Manrope', sans-serif !important;
}

/* =========================================================
   ICON PROTECTION
   Prevent global font rules from breaking Font Awesome icons.
   ========================================================= */
.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"],
[class*=" fa-"] {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

/* =========================================================
   IMPORTANT:
   This stylesheet intentionally avoids generic selectors like:
   body, body *, h1, h2, p, a, button, *
   so the custom homepage/index.php typography is not overridden.
   ========================================================= */
/* =========================================
   INNER PAGE BANNER TITLE
   ========================================= */

.rts-breadcrumb-area .breadcrumb-1 .title {
    color: #ffffff !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: clamp(28px, 3vw, 46px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;

    max-width: 100% !important;
    margin: 0 !important;
    overflow-wrap: break-word;
}

/* Tablet */
@media (max-width: 991px) {
    .rts-breadcrumb-area .breadcrumb-1 .title {
        font-size: 32px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .rts-breadcrumb-area .breadcrumb-1 .title {
        font-size: 25px !important;
        line-height: 1.25 !important;
    }
}