/* =============================================
   ACCESSIBILITY MODE - High Contrast + Plain
   ============================================= */

[data-accessibility-mode="true"] {
    --bg-color: #000000;
    --text-color: #ffffff;
    --accent-color: #ffff00;
    --border-color: #ffffff;
    --card-bg: #1a1a1a;
    --button-bg: #ffff00;
    --button-text: #000000;
}

[data-accessibility-mode="true"] * {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transition: none !important;           /* reduced motion */
    animation: none !important;
    border:none !important;
}

/*NEW*/

[data-accessibility-mode="true"] {
    --bg-color: #000000;
    --text-color: #ffffff;
    --accent-color: #ffff00;
    --border-color: #ffffff;
    --card-bg: #1a1a1a;
    --button-bg: #ffff00;
    --button-text: #000000;
}

/* Alap stílusok */
[data-accessibility-mode="true"] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* NE tüntess el minden background-image-et! */
[data-accessibility-mode="true"] *:not(img):not(picture):not(source) {
    background-image: none !important;
}

/* Képek maradjanak láthatóak és jól kontrasztosak */
[data-accessibility-mode="true"] img,
[data-accessibility-mode="true"] picture,
[data-accessibility-mode="true"] .product-image,
[data-accessibility-mode="true"] .hero-image {
    filter: contrast(1.2) brightness(1.1) !important;
    max-width: 100% !important;
    height: auto !important;
    border: 3px solid var(--border-color) !important;
}
/**/

[data-accessibility-mode="true"] canvas{display:none;}
/*[data-accessibility-mode="true"] img{display:none;}*/


[data-accessibility-mode="true"] *:before,
[data-accessibility-mode="true"] *:after {
    	content:none !important;
}

/* Alap színek */
[data-accessibility-mode="true"] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

[data-accessibility-mode="true"] a,
[data-accessibility-mode="true"] button,
[data-accessibility-mode="true"] .button {
    color: var(--button-text) !important;
    background-color: var(--button-bg) !important;
    border: 3px solid var(--border-color) !important;
}

/* Kártyák és konténerek */
[data-accessibility-mode="true"] .card,
[data-accessibility-mode="true"] .product-card,
[data-accessibility-mode="true"] section,
[data-accessibility-mode="true"] article {
    background-color: var(--card-bg) !important;
    border: 3px solid var(--border-color) !important;
}

/* Nagyobb, olvashatóbb szövegek */
[data-accessibility-mode="true"] * {
    font-size: 1.125rem !important;
    line-height: 1.65 !important;
    letter-spacing: 0.025em !important;
}

[data-accessibility-mode="true"] h1,
[data-accessibility-mode="true"] h2,
[data-accessibility-mode="true"] h3 {
    font-size: 2rem !important;
    line-height: 1.3 !important;
}

/* Erős focus indicator */
[data-accessibility-mode="true"] :focus {
    outline: 5px solid #ffff00 !important;
    outline-offset: 6px !important;
    border-radius: 4px !important;
}

/* Linkek kiemelése */
[data-accessibility-mode="true"] a {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

/* Glow mód + Accessibility együtt is működjön */
[data-accessibility-mode="true"] .glow,
[data-accessibility-mode="true"] .lego-glow {
    filter: brightness(1.8) drop-shadow(0 0 12px #ffff00) !important;
}

/**v3**/

[data-accessibility-mode="true"] {
    --bg: #000000;
    --text: #ffffff;
    --accent: #ffff00;
    --border: #ffff00;
    --card: #111111;
}

[data-accessibility-mode="true"] {
    background: var(--bg) !important;
    color: var(--text) !important;
}

/* Képek maradjanak tiszták és kontrasztosak */
[data-accessibility-mode="true"] img {
    filter: contrast(1.35) brightness(1.15) !important;
    border: 4px solid var(--border) !important;
}

/* Jobb gombok és kártyák */
[data-accessibility-mode="true"] button,
[data-accessibility-mode="true"] .add-to-bag,
[data-accessibility-mode="true"] .card {
    background: var(--accent) !important;
    color: #000 !important;
    border: 4px solid #ffff00 !important;
    font-weight: bold !important;
}

/* Navigáció tisztítása */
[data-accessibility-mode="true"] header,
[data-accessibility-mode="true"] nav {
    background: #000 !important;
    border-bottom: 4px solid #ffff00 !important;
}

/* Nagyobb, olvashatóbb szöveg */
[data-accessibility-mode="true"] * {
    font-size: 1.2rem !important;
    line-height: 1.7 !important;
}

[data-accessibility-mode="true"] .heartBox {display:none}
[data-accessibility-mode="true"] .elem {display:none}
[data-accessibility-mode="true"] .sticker {display:none}
[data-accessibility-mode="true"] .scroller {display:none}

/**/
[data-accessibility-mode="true"] body {
    /*scrollbar-width: auto;*/
}
[data-accessibility-mode="true"]  body::-webkit-scrollbar {
    display: block;
}

/* WCAG mód */
html[data-accessibility-mode="true"] {
    /*scrollbar-width: auto;*/
}

html[data-accessibility-mode="true"] body::-webkit-scrollbar {
    /*width: 14px;*/
    /*height: 14px;*/
}

html[data-accessibility-mode="true"] body::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 8px;
}

html[data-accessibility-mode="true"] body::-webkit-scrollbar-track {
    background: #222;
}