/* =========================================
Accessibility Toggle Button (Always Visible)
========================================= */
#skolib-a11y-toggle {
position: fixed;
bottom: 15px;
right: 20px;
z-index: 99999;
background-color: #f1f1f1;
color: #333;
border: 2px solid #333;
padding: 16px;
border-radius: 99px;
font-weight: bold;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}

#skolib-a11y-toggle:hover {
background-color: #000;
transform: scale(1.1);
}

#skolib-a11y-toggle .dashicons {
font-size: 28px;
width: 28px;
height: 28px;
margin: 0;
}

/* Active State of the Button */
#skolib-a11y-toggle.active {
background-color: #fff;
color: #333;
border-color: #333;
}

/* =========================================
ACCESSIBILITY MODE STYLES
Darklup Color Scheme + Large Font
========================================= */

:root {
/* Colors derived from user request (DarkLup/DarkLupLite) */
--sklb-dl-bg-body: rgb(32, 64, 85);       /* global-palette8 */
--sklb-dl-bg-content: rgb(39, 40, 39);    /* wpc-darkluplite--bg */
--sklb-dl-text: rgb(237, 237, 237);       /* darkluplite-dynamic-color */
--sklb-dl-border: rgba(116, 116, 116, 0.41);
--sklb-dl-link: #EDEDED;
--sklb-dl-link-hover: #3fb950;
--sklb-dl-input-bg: #353535;
--sklb-dl-btn-bg: #141414;
}

html.skolib-a11y-mode, 
body.skolib-a11y-mode {
font-size: 110% !important; /* Increase base font size by 5% */
}

/* Force Body Background */
body.skolib-a11y-mode {
background-color: var(--sklb-dl-bg-body) !important;
color: var(--sklb-dl-text) !important;
}

/* Force Text and Borders for everything except the toggle button */
body.skolib-a11y-mode *:not(#skolib-a11y-toggle):not(#skolib-a11y-toggle *) {
color: var(--sklb-dl-text) !important;
border-color: var(--sklb-dl-border) !important;
}
body.skolib-a11y-mode * .entry-taxonomies .category-style-pill a{
background: black;
}
body.skolib-a11y-mode * .kt-blocks-info-box-link-wrap{
background: black;
}
body.skolib-a11y-mode * site-header-row-container-inner{
background: black;
}
body.skolib-a11y-mode * .site-top-footer-wrap .site-footer-row-container-inner,
body.skolib-a11y-mode * .site-middle-footer-wrap .site-footer-row-container-inner,
body.skolib-a11y-mode * .site-bottom-footer-wrap .site-footer-row-container-inner{
background: rgb(39, 40, 39) !important;
}
body.skolib-a11y-mode * #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner{
background: rgb(39, 40, 39) !important;
}
body.skolib-a11y-mode * .header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{
background: rgb(39, 40, 39) !important;
}
/* Handle Backgrounds for structural elements to be Dark Grey instead of Body Blue */
body.skolib-a11y-mode .site-container,
body.skolib-a11y-mode .content-container,
body.skolib-a11y-mode .site-header,
body.skolib-a11y-mode .site-footer,
body.skolib-a11y-mode article,
body.skolib-a11y-mode .entry-content,
body.skolib-a11y-mode .widget,
body.skolib-a11y-mode .skolib-login-form-container,
body.skolib-a11y-mode .skolib-register-form-container,
body.skolib-a11y-mode .skolib-profile-container,
body.skolib-a11y-mode .skolib-faq-form-container,
body.skolib-a11y-mode .skolib-faq-entry,
body.skolib-a11y-mode .skolib-faq-answer-box,
body.skolib-a11y-mode .lc-month-card,
body.skolib-a11y-mode .lc-preview-content,
body.skolib-a11y-mode #ai-assistant-messages,
body.skolib-a11y-mode #ai-assistant-suggestions,
body.skolib-a11y-mode #ai-assistant-input-area,
body.skolib-a11y-mode .skolib-table.skolib-books-table thead tr th,
body.skolib-a11y-mode .writer-modal-content {
background-color: var(--sklb-dl-bg-content) !important;
}
body.skolib-a11y-mode #mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner,
body.skolib-a11y-mode .mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{
background-color: var(--sklb-dl-bg-content) !important;
}
body.skolib-a11y-mode .drawer-sub-toggle{
    background: transparent!important;
}
body.skolib-a11y-mode .literary-map-interactive-container {
    background: #575656;
}
body.skolib-a11y-mode * .wpcf7 form{
    background: black;
}
body.skolib-a11y-mode * .wpcf7 form.invalid .wpcf7-response-output{
    background: black;
}
body.skolib-a11y-mode * .wpcf7 form.sent .wpcf7-response-output,
body.skolib-a11y-mode * .skolib-search-container,
body.skolib-a11y-mode * .skolib-book-card,
body.skolib-a11y-mode * .skolib-book-thumb,
body.skolib-a11y-mode * .skolib-cat-list li a,
body.skolib-a11y-mode * .skolib-request-form,
body.skolib-a11y-mode * .skolib-notice,
body.skolib-a11y-mode * .skolib-notice-success,
body.skolib-a11y-mode * .ai-message.assistant,
body.skolib-a11y-mode .skolib-profile-details,
body.skolib-a11y-mode .ticket,
body.skolib-a11y-mode .skolib-profile-edit-card{
    background: black;
}

body.skolib-a11y-mode .lc-day-mini{
    background: black;
    font-size: 1.3rem;
    line-height: 1;
}

body.skolib-a11y-mode * .bg-sidebar{
    background: black;
}
/* Links */
body.skolib-a11y-mode a:not(.button):not(.wp-block-button__link) {
color: var(--sklb-dl-link) !important;
}

body.skolib-a11y-mode a:hover {
color: var(--sklb-dl-link-hover) !important;
}

/* Forms */
body.skolib-a11y-mode input:not([type="submit"]), 
body.skolib-a11y-mode textarea, 
body.skolib-a11y-mode select {
background-color: var(--sklb-dl-input-bg) !important;
color: var(--sklb-dl-text) !important;
border: 1px solid var(--sklb-dl-border) !important;
}

/* Buttons */
body.skolib-a11y-mode button,
body.skolib-a11y-mode input[type="submit"],
body.skolib-a11y-mode .button {
background-color: var(--sklb-dl-btn-bg) !important;
color: var(--sklb-dl-text) !important;
}

/* Images: Reduce brightness slightly to match dark mode feel */
body.skolib-a11y-mode img {
filter: brightness(85%);
}

/* Font Resizing Logic */

body.skolib-a11y-mode li,
body.skolib-a11y-mode a,
body.skolib-a11y-mode .ai-message {
font-size: 1em!important; 
}
body.skolib-a11y-mode p,
body.skolib-a11y-mode label{
    font-size: 1.1em!important; 
}
body.skolib-a11y-mode .lc-date-heading{
    font-size: 1.5em!important;
}
body.skolib-a11y-mode .lc-excerpt{
    font-size: 1.2em!important;
}

/* body.skolib-a11y-mode h1 { font-size: 2.2rem !important; } */
/* body.skolib-a11y-mode h2 { font-size: 1.8rem !important; } */
body.skolib-a11y-mode h3 { font-size: 1.5rem !important; }
body.skolib-a11y-mode h4 { font-size: 1.1rem !important; }