/**
 * BIM Typography — Global Heading Styles
 *
 * Centralized heading patterns for admin and customer views.
 * These styles apply within .bim-admin-wrap and .bim-customer-wrap
 * to avoid conflicts with WordPress/theme styles.
 */

/* ========================================
   Admin Page Headings
   ======================================== */

/* H1 - Page Titles (Dashboard, Quote Form, Orders, etc.) */
.bim-admin-wrap h1,
.bim-admin-dashboard h1,
.bim-quote-form-wrap h1,
.bim-dashboard-title-main,
.bim-qf-header-left h1 {
    font-size: var(--bim-text-2xl);      /* 30px */
    font-weight: 900;                     /* Black weight */
    color: var(--bim-text-primary);
    letter-spacing: -0.025em;             /* Tight spacing for large text */
    font-style: italic;                   /* Emphasis/professional */
    text-transform: uppercase;            /* Command center feel */
    margin: 0;
    line-height: 1.2;
    font-family: var(--bim-font);
}

/* H2 - Section Headers (Products, Orders, Stats, etc.) */
.bim-admin-wrap h2,
.bim-admin-dashboard h2,
.bim-quote-form-wrap h2,
.bim-card-header-modern h2,
.bim-products-section-header h2 {
    font-size: var(--bim-text-xl);       /* 20px */
    font-weight: 900;                     /* Black weight */
    color: var(--bim-text-primary);
    letter-spacing: normal;
    font-style: italic;                   /* Emphasis */
    text-transform: uppercase;
    margin: 0;
    line-height: 1.3;
    font-family: var(--bim-font);
}

/* H3 - Card/Component Titles */
.bim-admin-wrap h3,
.bim-admin-dashboard h3,
.bim-quote-form-wrap h3 {
    font-size: var(--bim-text-lg);       /* 18px */
    font-weight: 900;                     /* Black weight */
    color: var(--bim-text-primary);
    text-transform: uppercase;
    margin: 0;
    line-height: 1.4;
    font-family: var(--bim-font);
}

/* H4 - Panel Headers (uppercase, smaller) */
.bim-admin-wrap h4,
.bim-admin-dashboard h4,
.bim-quote-form-wrap h4 {
    font-size: 0.6875rem;                /* 11px */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bim-text-secondary);
    margin: 0;
    line-height: 1.5;
    font-family: var(--bim-font);
}

/* ========================================
   Customer Portal Headings
   ======================================== */

/* H1 - Customer page titles (softer than admin) */
.bim-customer-wrap h1 {
    font-size: var(--bim-text-2xl);      /* 30px */
    font-weight: 700;                     /* Bold (not black) */
    color: var(--bim-text-primary);
    letter-spacing: -0.025em;
    font-style: normal;                   /* No italic for customer */
    text-transform: none;                 /* No uppercase for customer */
    margin: 0;
    line-height: 1.2;
    font-family: var(--bim-font);
}

/* H2 - Customer section headers */
.bim-customer-wrap h2 {
    font-size: var(--bim-text-xl);       /* 20px */
    font-weight: 700;
    color: var(--bim-text-primary);
    letter-spacing: normal;
    font-style: normal;
    text-transform: none;
    margin: 0;
    line-height: 1.3;
    font-family: var(--bim-font);
}

/* H3 - Customer card titles */
.bim-customer-wrap h3 {
    font-size: var(--bim-text-lg);       /* 18px */
    font-weight: 700;
    color: var(--bim-text-primary);
    text-transform: none;
    margin: 0;
    line-height: 1.4;
    font-family: var(--bim-font);
}

/* ========================================
   Special Overrides
   ======================================== */

/* Dashboard Title - Extra emphasis */
.bim-dashboard-title-main {
    /* Inherits from h1 above, no override needed */
}

/* Quote Form Title - Extra emphasis */
.bim-qf-header-left h1 {
    /* Inherits from h1 above, no override needed */
}

/* Products Section Header */
.bim-products-section-header h2 {
    /* Inherits from h2 above, no override needed */
}