/**
 * Accessibility Styles
 * 
 * @package izeetak-child
 * @version 1.0.0
 */

/* ===================================================================
   SKIP LINKS
   =================================================================== */

.tk-skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 100000;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.tk-skip-link:focus {
    top: 6px;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ===================================================================
   SCREEN READER ONLY
   =================================================================== */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* ===================================================================
   HIGH CONTRAST MODE SUPPORT
   =================================================================== */

@media (prefers-contrast: high) {
    .tk-product-delivery-info,
    .tk-product-trust-badges,
    .tk-product-faq {
        border: 2px solid currentColor;
    }
    
    .tk-faq-toggle {
        border: 2px solid currentColor;
    }
    
    .tk-sticky-cart {
        border: 3px solid currentColor;
    }
    
    /* Zwiększ kontrast przycisków */
    .button,
    .single_add_to_cart_button {
        border: 2px solid currentColor;
    }
    
    /* Zwiększ kontrast pól formularza */
    input[type="text"],
    input[type="email"],
    input[type="number"],
    select,
    textarea {
        border: 2px solid currentColor;
    }
}

/* ===================================================================
   REDUCED MOTION SUPPORT
   =================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .tk-sticky-cart {
        transition: none;
    }
    
    .tk-faq-content {
        transition: none;
    }
    
    .tk-quick-add-grid {
        scroll-behavior: auto;
    }
}

/* ===================================================================
   FOCUS VISIBLE (dla keyboard navigation)
   =================================================================== */

:focus-visible {
    outline: 2px solid var(--tk-color-primary, #0e6bff);
    outline-offset: 2px;
    border-radius: 2px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--tk-color-primary, #0e6bff);
    outline-offset: 2px;
}

/* ===================================================================
   SCREEN READER ANNOUNCEMENTS
   =================================================================== */

#tk-screen-reader-announcements {
    /* Already has .sr-only class, but ensure it's hidden */
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}