/**
 * Typography Fix - 16px Base Font
 * 
 * Targeted font size fixes without breaking layout.
 * Loaded after admin-styles.css to override inline styles.
 * 
 * @package FluidFontForge
 * @version 5.1.0
 */

/* ==========================================================================
   TARGETED 16PX TYPOGRAPHY
   ========================================================================== */

/* Text content in panels - NOT layout divs */
.fff-info-content p,
.fff-info-content p *,
.fff-info-content div[style*="font-size"] > p {
    font-size: 16px !important;
}

/* Labels and descriptive text */
label,
label *,
.fff-font-input label,
.fff-font-input span,
#font-filename {
    font-size: 16px !important;
}

/* Data table content */
.fff-table tbody td,
.fff-table tbody td *,
.fff-table thead th,
.fff-table thead th * {
    font-size: 16px !important;
}

/* Sample panel labels and displays */
.fff-sample-controls label,
.fff-sample-controls span,
#titles-size-display,
#text-size-display,
#viewport-display {
    font-size: 16px !important;
}

/* Settings panel text */
.font-clamp-container > div > div > label,
.font-clamp-container > div > div > p {
    font-size: 16px !important;
}

/* Paragraph text everywhere */
p {
    font-size: 16px !important;
}

/* DO NOT apply to layout containers */
.fff-panel,
.fff-main-grid,
.font-clamp-container,
.fff-preview-section,
.fff-sample-panel {
    font-size: inherit !important;
}

/* ==========================================================================
   PANEL WIDTH CONSTRAINTS
   ========================================================================== */

/**
 * Constrain wide panels to 1280px
 *
 * Sample Text, Font Scale, CSS output panels, and Support panel
 * should match the width of Settings/Data grid (1280px max).
 */
.fff-sample-panel,
.fff-preview-section,
#selected-css-container,
#generated-css-container,
.fff-panel {
    max-width: 1280px;
    margin-left: 0;
    margin-right: 0;
}

/* Ensure panel padding is maintained */
.fff-panel {
    padding: var(--spc-lg) !important;
}

/* Fix Sample Text and Font Scale width */
.fff-preview-enhanced {
    max-width: 1280px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Add padding to Settings and Data table panels */
.fff-main-grid > .fff-panel {
    padding: 24px !important;
}

/* Specific padding for grid items inside panels */
.fff-settings-grid,
.fff-table-container {
    padding: 0 !important;
}

/* Force padding on all fff-panel divs */
div.fff-panel {
    padding: 24px !important;
    box-sizing: border-box !important;
}