/*
 Theme Name:   TM Robin Child
 Theme URI:    https://lykkowood.pl/
 Description:  Child theme dla TM Robin
 Author:       Tymon Kalinowski
 Author URI:   https://dgsm.pl/
 Template:     tm-robin
 Version:      1.0.0
 Text Domain:  tm-robin-child
*/

/* Product Tags Styling */
.product-tags {
    margin-top: 5px; /* Add some space below the price */
    font-size: 0.9em; /* Slightly smaller font */
    clear: both; /* Ensure it clears any floated elements like price */
    line-height: 1.4;
    text-align: left; /* Align with price, assuming price is left-aligned */
}

.product-tags a {
    color: #767676; /* Grey color */
    text-transform: uppercase;
    text-decoration: none; /* Remove underline from tags */
}

.product-tags a:hover {
    color: #333; /* Darker grey on hover */
    text-decoration: underline; /* Add underline on hover for better UX */
}

/* =============================================================
   POPRAWKI DOSTĘPNOŚCI (WCAG 2.1 AA) — kontrola PARP
   ============================================================= */

/* --- 1.3.1: baner tytułu na produkcie/wpisie zdegradowany H1->H2
   (usuwa duplikat H1). Parytet wizualny z .page-title h1 motywu. --- */
.page-title h2.page-title-heading {
    font-size: 30px !important;
    font-weight: 400 !important; /* motyw narzuca h2=600; baner h1 miał 400 */
    line-height: 1.2 !important;
    margin: 0 0 10px !important;
    color: #111 !important;
    font-family: "Work Sans", sans-serif !important;
    text-transform: none !important;
}
@media (min-width: 768px) {
    .page-title h2.page-title-heading {
        font-size: 40px !important;
    }
}
@media (min-width: 992px) {
    .page-title h2.page-title-heading {
        font-size: 70px !important;
        line-height: 77px !important;
    }
}

/* --- 1.4.3 Kontrast tekst/tło (PARP 4) — wartości zweryfikowane axe-core --- */

/* Cena: był #d68260 = 2.9:1 -> #8a4419 = ~5.5:1 na bieli */
.woocommerce-Price-amount,
.woocommerce-Price-amount *,
.woocommerce-Price-currencySymbol,
.price .amount,
.price ins .amount {
    color: #8a4419 !important;
}

/* Aktywna zakładka produktu „Opis/Informacje/Opinie": był #d68260 = 2.9:1 */
.wc-tabs li.active a,
.woocommerce-tabs ul.tabs li.active a,
.description_tab.active a,
.wc-tabs li a:hover {
    color: #8a4419 !important;
}

/* Meta autora wpisu: był #fab200 = 1.6:1 -> #6e5200 (~6:1 na bieli, ~5:1 na #f1f1f1) */
.meta-author a,
.meta-author,
.entry-meta .meta-author a {
    color: #6e5200 !important;
}

/* Opisy w icon-boxach (Kontakt): był #878787 = 3.59:1 -> #595959 (~7:1) */
.tm-icon-box__content .description,
.tm-icon-box .description {
    color: #595959 !important;
}

/* Przycisk „Szukaj" w widżecie wyszukiwania: był biały tekst na ~białym tle (1:1) */
.widget_search button[type="submit"],
.widget_search .search-submit,
#search-1 button[type="submit"],
.search-form button[type="submit"] {
    background-color: #193833 !important;
    color: #fff !important;
    border-color: #193833 !important;
}

/* Placeholdery formularzy (były jasnoszare) */
::placeholder {
    color: #595959 !important;
    opacity: 1 !important;
}
.select2-selection__placeholder,
.select2-selection__rendered {
    color: #595959 !important;
}

/* Badge "Hot" (biały na jasnym żółtym) -> ciemny tekst */
.product-badges .hot {
    color: #3d2f00 !important;
}

/* Tła liczników/przycisku "do góry" (biały na jasnym pomarańczu) */
.wishlist-count,
.minicart-items-count,
.scroll-to-top {
    background-color: #8a4419 !important;
}
.scroll-to-top {
    color: #fff !important;
}

/* Linki w górnym pasku nagłówka (telefon, e-mail, „Zaloguj się / Zarejestruj"):
   były #666 = 5,74:1 (przechodzi AA, ale nie AAA). Podbicie do #545454 ≈ 7,6:1
   → spełnia też WCAG AAA 1.4.6 (ponad wymóg PARP, bonus). Tylko górny poziom
   menu i pasek kontaktowy — submenu i główna nawigacja nietknięte. */
.contact-info a,
#menu-header-right-menu > li > a {
    color: #545454 !important;
}

/* --- 2.4.7 Widoczny focus klawiatury (PARP 3) — nadpisanie outline:none motywu.
   Obwódka pokazuje się TYLKO przy nawigacji klawiaturą (:focus-visible),
   a NIE po kliknięciu myszą — nieinwazyjne dla zwykłego usera, w pełni WCAG. --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.toggle:focus-visible {
    outline: 3px solid #1d4ed8 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #fff !important;
}
/* Mysz/dotyk: zdejmij obwódkę tam, gdzie przeglądarka wspiera :focus-visible.
   (Tam gdzie nie wspiera — starsze silniki — zostaje natywny :focus jako fallback,
   więc nigdy nie tracimy widocznego focusu = zgodność WCAG zachowana.) */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
.toggle:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* --- 3.3.2 / 4.1.2 Etykieta zgody na cookie w komentarzach (motyw ją ukrywał: display:none) --- */
.comment-form-cookies-consent label {
    display: inline !important;
}

/* --- 3.3.2 / 4.1.2 Widoczne etykiety pól CF7 (PARP 3 – czytelne oznaczenie formularzy) --- */
.wpcf7-form .cf7-col > label,
.wpcf7-form .cf7-col-full > label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #193833;
}

/* --- 1.4.3 Sekcja kontaktowa na stronie głównej (#kontakt-home):
   formularz leży na zdjęciu lasu. Ciemnozielone etykiety były nieczytelne. --- */

/* a) Przyciemnienie tła-lasu nakładką, by białe teksty były czytelne.
   Pseudo-element nie rusza obrazu w builderze – warstwa czysto prezentacyjna. */
#kontakt-home {
    position: relative !important;
}
#kontakt-home::before {
    content: "" !important;
    /* display:block nadpisuje regułę motywu, która wymusza na tym
       pseudo-elemencie display:none (przez co nakładka znikała). */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    /* Markowy ciemnozielony (#193833) — mocniejszy niż czarny 0.5,
       bo prawa kolumna leży na rozświetlonym fragmencie lasu. */
    background: rgba(17, 38, 34, 0.66) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
#kontakt-home > * {
    position: relative !important;
    z-index: 1 !important;
}

/* b) Etykiety pól formularza na biało WYŁĄCZNIE w tej sekcji
   (na podstronie „Kontakt" zostają ciemne na białym tle).
   Uwaga: w markupie label jest opakowany w <p>, więc celujemy w każdy label. */
#kontakt-home .wpcf7-form label {
    color: #fff !important;
}

/* c) Przycisk „Wyślij" TYLKO w tej sekcji — markowy brąz z cen (#8a4419).
   Domyślny ciemnozielony (#193833) zlewał się z zielonkawą nakładką.
   Biały tekst na #8a4419 ≈ 5,5:1 → WCAG AA OK. */
#kontakt-home .wpcf7-submit,
#kontakt-home .cf7-submit,
#kontakt-home input[type="submit"] {
    background-color: #8a4419 !important;
    border-color: #8a4419 !important;
    color: #fff !important;
}
#kontakt-home .wpcf7-submit:hover,
#kontakt-home .cf7-submit:hover,
#kontakt-home input[type="submit"]:hover,
#kontakt-home .wpcf7-submit:focus,
#kontakt-home .cf7-submit:focus,
#kontakt-home input[type="submit"]:focus {
    background-color: #73360f !important; /* ciemniejszy brąz – feedback + większy kontrast */
    border-color: #73360f !important;
    color: #fff !important;
}