/* ============ ACCESSIBILITY TOOLBAR ============ */
.accessibility-bar {
	position:absolute;
    z-index: 1;
	left:0;
	top:85px;
    transition: background .3s, border-color .3s;
}

.a11y-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--g100, #f1f5f9);
    color: var(--g700, #334155);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    cursor: pointer;
    transition: all .2s;
    border: 1px solid transparent;
}

.a11y-btn:hover {
    background: var(--accent, #2563eb);
    color: #fff;
    border-color: var(--accent, #2563eb);
}

.a11y-btn.active-theme {
    background: var(--secondary, #f97316);
    color: #fff;
    border-color: var(--secondary, #f97316);
}

/* ============ DARK MODE OVERRIDES ============ */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .card,
[data-theme="dark"] .profile-sidebar,
[data-theme="dark"] .profile-content,
[data-theme="dark"] .order-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .review-item,
[data-theme="dark"] .cart-item,
[data-theme="dark"] .cart-summary,
[data-theme="dark"] .summary-box,
[data-theme="dark"] .checkout-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .main-header,
[data-theme="dark"] .category-nav,
[data-theme="dark"] .top-bar,
[data-theme="dark"] .bottom-nav,
[data-theme="dark"] .footer,
[data-theme="dark"] .chatbot-wrapper,
[data-theme="dark"] .mobile-sidebar,
[data-theme="dark"] .search-box input,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .main-header .logo-text small,
[data-theme="dark"] .top-bar a,
[data-theme="dark"] .footer a,
[data-theme="dark"] .footer p {
    color: var(--text-muted);
}

[data-theme="dark"] img {
    opacity: .9;
}

[data-theme="dark"] .btn-back,
[data-theme="dark"] .btn-outline-custom {
    border-color: var(--border-color);
    color: var(--text-main);
}

[data-theme="dark"] .search-box input::placeholder {
    color: var(--g400);
}

/* Theme-color meta respects dark mode */
[data-theme="dark"] meta[name="theme-color"] {
    content: #0f172a;
}

/* ============ FONT SIZE ============ */
[data-font-size="small"] .a11y-btn#a11yFontDecrease {
    opacity: .5;
    cursor: not-allowed;
}

[data-font-size="large"] .a11y-btn#a11yFontIncrease {
    opacity: .5;
    cursor: not-allowed;
}