/**
 * easilyaccessible Frontend CSS
 * 
 * This is the main CSS file that imports all component CSS files
 * to improve maintainability and organization.
 */

/* Import base styles and variables */
@import url('components/base.css');

/* Import other component styles */
@import url('components/controls.css');
@import url('components/buttons.css');
@import url('components/sliders.css');
@import url('components/filters.css');
@import url('components/themes.css');
@import url('components/keyboard.css');
@import url('components/screenreader.css');
@import url('components/sign-language.css');
@import url('components/easy-language.css');

/* Menu Font Size Settings - Applying CSS variables */
.easilyaccessible-accessibility-panel {
    /* Ensure text inherits from variables */
    font-size: var(--base-font-size);
}

/* Headers and section headers */
.easilyaccessible-accessibility-panel .easilyaccessible-panel-title,
.easilyaccessible-accessibility-panel .easilyaccessible-section-header,
.easilyaccessible-accessibility-panel h2 {
    font-size: var(--menu-header-font-size);
    font-weight: 600;
}

/* Subheaders (h3) */
.easilyaccessible-accessibility-panel h3 {
    font-size: var(--menu-subheader-font-size) !important;
    font-weight: 500;
}

/* Buttons and interactive elements */
.easilyaccessible-accessibility-panel .easilyaccessible-btn,
.easilyaccessible-accessibility-panel button,
.easilyaccessible-accessibility-panel .easilyaccessible-submenu-toggle,
.easilyaccessible-accessibility-panel a[role="button"],
.easilyaccessible-accessibility-panel a.easilyaccessible-btn,
.easilyaccessible-accessibility-option .easilyaccessible-btn,
.easilyaccessible-accessibility-option a[role="button"] {
    font-size: var(--menu-buttons-font-size) !important;
    color: white !important;
    text-decoration: none !important;
}

/* General text content */
.easilyaccessible-accessibility-panel p,
.easilyaccessible-accessibility-panel span:not(.dashicons):not(.easilyaccessible-toggle-icon),
.easilyaccessible-accessibility-panel div:not([class*="easilyaccessible-"]) {
    font-size: var(--menu-text-font-size) !important;
}

/* Form elements and other interface components */
.easilyaccessible-accessibility-panel select,
.easilyaccessible-accessibility-panel input,
.easilyaccessible-accessibility-panel label,
.easilyaccessible-accessibility-panel li,
.easilyaccessible-accessibility-panel .description,
.easilyaccessible-accessibility-panel .easilyaccessible-slider-label,
.easilyaccessible-accessibility-panel .easilyaccessible-font-size-value,
.easilyaccessible-accessibility-panel .easilyaccessible-line-height-value {
    font-size: var(--menu-elements-font-size) !important;
}

/* Additional styling fixes for menu consistency */

/* Ensure all option containers have consistent layout */
.easilyaccessible-accessibility-panel .easilyaccessible-accessibility-option,
.easilyaccessible-accessibility-panel .easilyaccessible-cvd-option,
.easilyaccessible-accessibility-panel .easilyaccessible-slider-container {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column;
    gap: 5px !important;
    margin-bottom: 22px !important;
    padding: 8px 0 8px 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix submenu toggle button spacing */
.easilyaccessible-accessibility-panel .easilyaccessible-submenu-toggle {
    margin-bottom: 5px !important;
}

/* Ensure submenu content doesn't overlap toggle button */
.easilyaccessible-accessibility-panel .easilyaccessible-submenu {
    margin-top: 10px !important;
    border-top: 1px solid #333333 !important;
}

/* Fix slider value positioning */
.easilyaccessible-accessibility-panel .easilyaccessible-slider-value,
.easilyaccessible-accessibility-panel .easilyaccessible-font-size-value,
.easilyaccessible-accessibility-panel .easilyaccessible-line-height-value {
    min-width: 40px !important;
    text-align: left !important;
    margin-left: 10px !important;
    color: var(--ea-primary-color) !important;
    font-weight: 600 !important;
}