/**
 * EinfachErreichbar 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 */
.einfacherreichbar-accessibility-panel {
    /* Ensure text inherits from variables */
    font-size: var(--base-font-size);
}

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

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

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

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

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


/* Debug Information Styles */
.einfach-debug-info {
    background: #000000;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #333;
}