/*
Theme Name: Ferme Child
Description: Child theme for Ferme
Author: Your Name
Template: ferme
Version: 1.0.0
*/

@import url("../ferme/style.css");

/* ==========================================================================
   WCAG 2.0 AA Accessibility Fixes
   ========================================================================== */

/* --- Skip Link --- */
.skip-link {
    background: #000;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    padding: 15px 23px;
    position: absolute;
    text-decoration: none;
    top: -100%;
    z-index: 100000;
}
.skip-link:focus {
    top: 0;
    clip: auto;
    width: auto;
    height: auto;
    position: fixed;
    outline: 2px solid #fff;
    outline-offset: -2px;
}

/* --- Keyboard Focus Styles (WCAG 2.4.7) --- */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
    outline: 2px solid var(--vamtam-accent-color-1, #194641);
    outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible) {
    outline: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--vamtam-accent-color-1, #194641);
    outline-offset: 2px;
}

/* --- Scroll-to-top button reset (changed from div to button) --- */
#scroll-to-top {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    padding: 0;
}

/* --- Contrast Fixes for visually hidden elements ---
     WAVE flags contrast on hidden elements; ensure they pass if ever visible --- */
.screen-reader-text,
.visuallyhidden {
    color: #000 !important;
    background: #fff !important;
}

/* --- WooCommerce cart remove button - ensure visible focus indicator --- */
.vamtam-cart__product-remove a[role="button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.vamtam-cart__product-remove a[role="button"]:focus-visible {
    outline: 2px solid var(--vamtam-accent-color-1, #194641);
    outline-offset: 2px;
}

/* Product loop add-to-cart button contrast fix is injected via
   wp_add_inline_style() in functions.php (ferme_wcag_atc_contrast_fix)
   after Elementor's CSS to guarantee correct source order. */