/*
Theme Name: Gas Partner Child
Theme URI: https://gas-partner.pl/
Description: Motyw potomny Divi dla Gas Partner — poprawki dostępności WCAG 2.2 AA (kontrast, focus, zoom, nawigacja klawiaturą, nagłówki/H1, alt, formularz). Wszystko w CSS + functions.php, bez zmian w bazie. Usunięcie motywu = powrót do oryginału.
Author: DIGITAB
Template: Divi
Version: 1.0.0
*/

:root {
  --wcag-focus: #11181c;
}

/* =========================================================
   2.4.11 — Focus Not Obscured: nagłówek jest position:fixed (~80px),
   więc przewijanie do sfokusowanego elementu musi go odsłonić spod niego.
   ========================================================= */
html { scroll-padding-top: 100px; }

/* =========================================================
   2.1.1 — Menu rozwijane obsługiwalne klawiaturą.
   Divi pokazuje submenu tylko na :hover; dodajemy :focus-within,
   by dało się je otworzyć i przejść Tabem.
   ========================================================= */
#top-menu li.menu-item-has-children:focus-within > ul.sub-menu,
#et-secondary-nav li.menu-item-has-children:focus-within > ul.sub-menu,
.et_pb_menu li.menu-item-has-children:focus-within > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* =========================================================
   2.4.7 — Widoczny focus klawiatury.
   Mocny obrys 3px TYLKO dla linków/przycisków/ikon (nawigacja Tab).
   Pola tekstowe pomijamy tutaj — przeglądarki dopasowują :focus-visible
   do inputów także przy kliknięciu myszką, co wyglądało jak „skok klawiatury".
   ========================================================= */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible,
.et_pb_button:focus-visible, .et_pb_contact_submit:focus-visible,
#et_search_icon:focus-visible {
  outline: 3px solid var(--wcag-focus) !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}
a:focus, button:focus, .et_pb_button:focus { outline-color: var(--wcag-focus); }

/* Pola formularza: naturalny wskaźnik focusu (ciemniejsza ramka + delikatny cień)
   — widoczny dla myszki i klawiatury, ale bez „klawiaturowego" obrysu 3px. */
.et_pb_contact_form input:focus,
.et_pb_contact_form textarea:focus,
.et_pb_contact_form select:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="search"]:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: #11181c !important;
  box-shadow: 0 0 0 2px rgba(17, 24, 28, 0.4) !important;
}

/* =========================================================
   2.5.8 — Target size (min. 24px)
   ========================================================= */
.et_pb_blurb_container a, .et_pb_text_inner a, #top-menu li a {
  display: inline-block; min-height: 24px;
}

/* =========================================================
   1.4.3 — KONTRAST koloru marki #b4926b (2,89:1)
   Strategia: ciemniejsze złoto #7a5e3f na jasnym tle (~6:1),
   jaśniejsze złoto #d9b27f na ciemnym tle (~6:1). Rozróżnienie
   przez natywne klasy Divi et_pb_bg_layout_light/dark.
   ========================================================= */

/* (a) Złote TŁA kolumn (biały tekst na nich) → ciemniejsze złoto */
.home .et_pb_column_1,
.home .et_pb_column_26,
.home .et_pb_column_32 {
  background-color: #7a5e3f !important;
}

/* (b) BAZA: złoty tekst/ikony (inline color) → ciemniejsze złoto (dla jasnego tła) */
[style*="color: #b4926b"], [style*="color:#b4926b"] {
  color: #7a5e3f !important;
}
/* (c) OVERRIDE: złoty tekst na CIEMNYCH sekcjach → jaśniejsze złoto #d9b27f.
   Divi nie zawsze nadaje klasę bg_layout_dark (ciemne tło bywa per-sekcja),
   więc ciemne sekcje home wskazane są też z nazwy/numeru. */
.et_pb_bg_layout_dark [style*="color: #b4926b"],
.et_pb_bg_layout_dark [style*="color:#b4926b"],
.home [id="oferta produkty"] [style*="color: #b4926b"],
.home [id="oferta produkty"] [style*="color:#b4926b"],
.home .et_pb_section_0 [style*="color: #b4926b"],
.home .et_pb_section_0 [style*="color:#b4926b"],
.home .et_pb_section_1 [style*="color: #b4926b"],
.home .et_pb_section_1 [style*="color:#b4926b"],
.home .et_pb_section_8 [style*="color: #b4926b"],
.home .et_pb_section_8 [style*="color:#b4926b"],
.home .et_pb_section_9 [style*="color: #b4926b"],
.home .et_pb_section_9 [style*="color:#b4926b"] {
  color: #d9b27f !important;
}

/* (c2) Produkty (408) + Przetargi (168): ciemna sekcja "kontakt kontakt" —
   złoty tekst → jaśniejsze złoto. Scope per page-id, bo numer/id sekcji bywa
   współdzielony, a ta sama nazwa nie zawsze znaczy ciemne tło na innych stronach. */
.page-id-408 [id="kontakt kontakt"] [style*="color: #b4926b"],
.page-id-408 [id="kontakt kontakt"] [style*="color:#b4926b"],
.page-id-168 [id="kontakt kontakt"] [style*="color: #b4926b"],
.page-id-168 [id="kontakt kontakt"] [style*="color:#b4926b"] {
  color: #d9b27f !important;
}
/* (c3) Przetargi (168): linki do plików w ciemnej sekcji. Na produkcji Divi
   renderuje je na biało (header_3_text_color:#fff); na Localu generacja zawodzi
   i spadają do ciemnego #333 na ciemnym tle. Wymuszamy jasny tekst — zgodność
   na Localu + bezpieczne zabezpieczenie na produkcji (tam już są białe). */
.page-id-168 [id="kontakt kontakt"] .et_pb_text_inner,
.page-id-168 [id="kontakt kontakt"] .et_pb_text_inner a,
.page-id-168 [id="kontakt kontakt"] h3 {
  color: #ffffff !important;
}

/* (d) Przyciski ze złotym tłem (m.in. „Prześlij") → ciemniejsze złoto, biały tekst.
   Selektor zbudowany tak, by przebić regułę Divi (1 id, 5 klas, 1 elem). */
.et_pb_button.et_pb_promo_button,
html body #page-container .et_pb_section .et_pb_contact_form_container.et_pb_module .et_pb_contact_submit.et_pb_button {
  background-color: #7a5e3f !important;
  border-color: #7a5e3f !important;
  color: #ffffff !important;
}

/* (d2) Wypełniony przycisk „dowiedz się więcej" (home) — tło marki #b4926b (2,89:1)
   → ciemniejsze złoto #7a5e3f (biały tekst ~6:1). Selektor wzmocniony, by przebić Divi. */
html body #page-container .et_pb_section .et_pb_button.et_pb_button_2,
.home a.et_pb_button.et_pb_button_2 {
  background-color: #7a5e3f !important;
  border-color: #7a5e3f !important;
  color: #ffffff !important;
}

/* (e) 1.4.11 — ikony blurbów na ciemnych sekcjach home (hero + produkty)
   → jaśniejsze złoto #d9b27f (czytelne na ciemnej zieleni, ≥3:1). */
.home .et_pb_row_0 .et_pb_blurb .et-pb-icon,
.home .et_pb_column_13 .et_pb_blurb .et-pb-icon,
.home .et_pb_column_15 .et_pb_blurb .et-pb-icon {
  color: #d9b27f !important;
}

/* =========================================================
   1.4.1 — linki w treści odróżnialne nie tylko kolorem
   ========================================================= */
.et_pb_text_inner p a, .et_pb_post_content a { text-decoration: underline; }

/* =========================================================
   1.4.3 — stopka (atrybucja) — ciemniejszy tekst
   ========================================================= */
#footer-info { color: #222222 !important; }