/*
======================================================================
 ASCARS PLATFORM TYPOGRAPHY V1

 Loaded AFTER page-specific CSS.
 This normalizes readable text across all Platform product pages.
======================================================================
*/


/* -------------------------------------------------------------------
   BASE TEXT
------------------------------------------------------------------- */

.ada-page,
.vi-page,
.pc-page,
.oas-page {
    color: var(--as-text-primary);
}


/* -------------------------------------------------------------------
   EYEBROWS / SECTION LABELS
------------------------------------------------------------------- */

.ada-eyebrow,
.vi-eyebrow,
.pc-eyebrow,
.oas-eyebrow,

.ada-request-label,
.ada-code-title,
.ada-result-label,

.vi-result-label,

.pc-context-label,

.oas-result-label,
.oas-section-title > span {

    font-size: var(--as-label-size) !important;
    font-weight: var(--as-weight-bold) !important;

    line-height: var(--as-line-normal) !important;

    letter-spacing: var(--as-label-spacing) !important;

    color: var(--as-text-muted) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   NORMAL BODY COPY
------------------------------------------------------------------- */

.ada-hero-description,
.ada-heading p,
.ada-control-copy > p,

.vi-description,
.vi-vin-copy > p,
.vi-heading > p,
.vi-section-copy,

.pc-description,
.pc-api-layout p,

.oas-description,
.oas-api-layout p {

    font-size: var(--as-text-md) !important;

    line-height: var(--as-line-body) !important;

    color: var(--as-text-secondary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   LEAD TEXT
------------------------------------------------------------------- */

.ada-hero-lead,
.vi-lead,
.pc-lead,
.oas-lead {

    color: var(--as-text-primary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   METADATA
------------------------------------------------------------------- */

.ada-hero-meta span,
.ada-header-line,
.ada-endpoint-description,
.ada-policy-client small,
.ada-policy-list span,

.vi-panel-top small,
.vi-panel-top > span,
.vi-field label,
.vi-spec-grid span,
.vi-vin-note,
.vi-flow-step small,

.pc-context-main > span:last-child,
.pc-context-id span,
.pc-column-head small,
.pc-product-info small,
.pc-product-footer span,
.pc-product-footer small,
.pc-article-main span,
.pc-article-main small,
.pc-article-detail small,
.pc-services small,

.oas-summary-main > p,
.oas-summary-meta span,
.oas-detail-grid span,
.oas-reference-list span,
.oas-alternative-list span,
.oas-alternative-list small,
.oas-table-row > span,
.oas-table-row small,
.oas-logic-flow small {

    font-size: var(--as-text-xs) !important;

    line-height: var(--as-line-normal) !important;

    color: var(--as-text-muted) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   VALUES / DATA
------------------------------------------------------------------- */

.vi-spec-grid strong,
.vi-panel-top strong,

.pc-context-main strong,
.pc-context-id strong,
.pc-column-head strong,
.pc-product-info strong,
.pc-product-footer strong,
.pc-article-main strong,
.pc-article-detail strong,

.oas-detail-grid strong,
.oas-reference-list code,
.oas-alternative-list strong,
.oas-table-row strong {

    font-size: var(--as-value-size) !important;

    line-height: var(--as-line-normal) !important;

    color: var(--as-text-primary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   SMALL STATUS / BADGE TEXT
------------------------------------------------------------------- */

.ada-terminal-status,
.ada-endpoint-method,
.ada-endpoint-ok,

.vi-method,

.pc-article-status,

.oas-result-status {

    font-size: var(--as-text-xs) !important;

    font-weight: var(--as-weight-bold) !important;

    color: var(--as-text-secondary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   CODE
------------------------------------------------------------------- */

.ada-terminal code,
.ada-json,
.ada-endpoint-row code,

.vi-api-panel pre,
.vi-endpoints code,

.pc-code-window pre,
.pc-code-response code,

.oas-code-panel pre,
.oas-endpoint-chain code {

    font-size: var(--as-code-size) !important;

    line-height: 1.7 !important;

    color: var(--as-text-primary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   NAVIGATION INSIDE PRODUCT UI
------------------------------------------------------------------- */

.oas-tabs button,
.vi-family-tabs button,
.pc-detail-actions a {

    font-size: var(--as-text-xs) !important;
}


/* -------------------------------------------------------------------
   PRODUCT / CARD TITLES
------------------------------------------------------------------- */

.ada-product-card h3,
.vi-flow-step strong,
.pc-flow-box strong,
.pc-services strong,
.oas-logic-flow strong {

    color: var(--as-text-primary) !important;

    opacity: 1 !important;
}


/* -------------------------------------------------------------------
   MINIMUM READABILITY RULE

   Decorative numbers can remain faint.
   Actual readable text should not fall below normal contrast.
------------------------------------------------------------------- */

.ada-page p,
.vi-page p,
.pc-page p,
.oas-page p {
    text-rendering: optimizeLegibility;
}

.ada-page code,
.vi-page code,
.pc-page code,
.oas-page code {
    text-rendering: optimizeLegibility;
}


/*
======================================================================
 ASCARS TYPOGRAPHY SCALE V2
 Larger secondary text for desktop readability.
======================================================================
*/


/* GENERAL LABELS */

.ada-eyebrow,
.vi-eyebrow,
.pc-eyebrow,
.oas-eyebrow,
.oas-result-label,
.oas-section-title > span {
    font-size: 12px !important;
}


/* RESULT / DATA LABELS */

.oas-detail-grid span,
.vi-spec-grid span,
.pc-context-id span,
.pc-context-label {
    font-size: 13px !important;
}


/* DATA VALUES */

.oas-detail-grid strong,
.vi-spec-grid strong,
.pc-context-id strong,
.pc-product-info strong,
.pc-article-main strong {
    font-size: 15px !important;
}


/* ARTICLE / PRODUCT DESCRIPTIONS */

.oas-summary-main > p,
.pc-article-main span,
.pc-product-info small {
    font-size: 14px !important;
}


/* TOP META CHIPS */

.oas-summary-meta span,
.ada-hero-meta span {
    font-size: 12px !important;
    padding: 7px 10px !important;
}


/* TABS */

.oas-tabs button {
    font-size: 13px !important;
    min-height: 48px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* SECTION SUBTITLE */

.oas-section-title strong {
    font-size: 16px !important;
}


/* OE REFERENCES */

.oas-reference-list code {
    font-size: 14px !important;
}

.oas-reference-list span {
    font-size: 13px !important;
}


/* ALTERNATIVES */

.oas-alternative-list strong {
    font-size: 14px !important;
}

.oas-alternative-list span {
    font-size: 13px !important;
}

.oas-alternative-list small {
    font-size: 12px !important;
}


/* TABLES */

.oas-table-head {
    font-size: 12px !important;
}

.oas-table-row {
    font-size: 14px !important;
}


/* STATUS */

.oas-result-status,
.pc-article-status,
.ada-terminal-status {
    font-size: 12px !important;
}


/* RESULT TITLE */

.oas-summary-main h2 {
    font-size: 36px !important;
}


/* MORE VERTICAL SPACE WHERE TEXT GREW */

.oas-detail-grid > div {
    min-height: 92px !important;
}

.oas-reference-list > div {
    padding: 20px !important;
}

.oas-alternative-list article {
    min-height: 100px !important;
}