/*
Theme Name:   K-Esthetic Child
Theme URI:    https://k-esthetic.pl
Description:  Motyw potomny Hello Elementor dla K-Esthetic. Nosi tokeny designu (mono: czerń / biel / jeden akcent / szarości) oraz warstwę wydajnościową (self-host fontów, defer, preload). Budowany w ramach COS-24 / COS-255.
Author:       Deverr Web Agency
Author URI:   https://deverr.pl
Template:     hello-elementor
Version:      1.0.1
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  k-esthetic-child
*/

/* =========================================================================
   1. TOKENY DESIGNU — mono
   Jedno źródło prawdy dla CSS. Wartości lustrzane wobec Global Colors
   aktywnego kitu Elementora (post 4993) — przy zmianie aktualizuj OBA miejsca.
   Kontrast liczony wobec #FFFFFF (WCAG 2.1).
   ========================================================================= */
:root {
	/* Ink i biel */
	--ke-ink:            #241923; /* 16,9:1 — nagłówki, tekst nośny, tła inwersyjne */
	--ke-ink-soft:       #413142; /*  9,9:1 — wariant ink dla warstw/hoverów */
	--ke-white:          #FFFFFF;

	/* Akcent — JEDEN */
	--ke-accent:         #7B3F5F; /*  7,7:1 — linki, CTA, stany aktywne; biel na nim 7,7:1 */

	/* Szarości */
	--ke-grey-50:        #F6F5F6; /* tło sekcji przełamujące biel */
	--ke-grey-100:       #EEECED; /* tło kart, pasków */
	--ke-grey-200:       #DEDCDE; /* hairline — linie DEKORACYJNE, nie kontrolki */
	--ke-grey-400:       #8C8A8C; /*  3,4:1 — obramowania KONTROLEK (SC 1.4.11 ≥ 3:1) */
	--ke-grey-600:       #6B676B; /*  5,6:1 — tekst drugorzędny (AA dla tekstu) */
	--ke-text:           #333333; /* 12,6:1 — tekst podstawowy */

	/* Skala odstępów 8 px (kanon: STANDARD — Design i odstępy) */
	--ke-space-4:   4px;   --ke-space-8:   8px;   --ke-space-12: 12px;
	--ke-space-16: 16px;   --ke-space-20: 20px;   --ke-space-24: 24px;
	--ke-space-32: 32px;   --ke-space-40: 40px;   --ke-space-48: 48px;
	--ke-space-56: 56px;   --ke-space-64: 64px;   --ke-space-80: 80px;
	--ke-space-96: 96px;   --ke-space-120: 120px; --ke-space-160: 160px;

	/* Układ */
	--ke-content-width: 1200px;
}

/* =========================================================================
   2. FOKUS KLAWIATUROWY
   Hello Elementor nie daje własnego wskaźnika. Bez tego nawigacja klawiaturą
   jest niewidoczna — SC 2.4.7. Kontrast wskaźnika wobec bieli: 7,7:1.
   ========================================================================= */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--ke-accent);
	outline-offset: 2px;
}

/* =========================================================================
   3. OBRAMOWANIA PÓL FORMULARZA — pomost do czasu przebudowy szablonów
   Zmierzone na stagingu 2026-08-09: pola (m.in. wyszukiwarka JetSearch)
   miały obramowanie #BBBABB na bieli = 1,93:1 przy grubości 0,67 px.
   SC 1.4.11 wymaga ≥ 3:1 dla granic kontrolek. Token --ke-grey-400 = 3,44:1.
   `!important` jest konieczne: style Jeta ładują się po arkuszu motywu.
   USUNĄĆ, gdy Etap B/C zdejmie legacy szablony i widżety Jet.
   ========================================================================= */
.jet-ajax-search__field,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
select,
textarea {
	border: 1px solid var(--ke-grey-400) !important;
}

/* Pasek administratora ma własny, poprawny kontrast — nie ruszamy go. */
#wpadminbar input,
#wpadminbar select {
	border-width: 0 !important;
}