/*
Theme Name: MOZ Divi Child
Theme URI: https://example.pl/
Description: Motyw potomny Divi 5 dla strony publicznego ośrodka zdrowia.
Author: IT-Complex
Template: Divi
Version: 1.0.0
Text Domain: moz-divi-child
*/

/* Podstawowe zmienne projektu.
   Docelowo główne wartości ustawimy także w Divi 5 Design Variables. */
:root {
  --moz-navy: #0b2e59;
  --moz-blue: #0756b5;
  --moz-teal: #006b65;
  --moz-text: #1e2a35;
  --moz-muted: #4f5f6d;
  --moz-bg: #f3f8fc;
  --moz-border: #ccd9e5;
  --moz-white: #ffffff;
  --moz-focus: #ffbf47;
  --moz-radius: 14px;
}

/* Czytelny fokus klawiatury — WCAG */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--moz-focus) !important;
  outline-offset: 3px;
}

/* Link „Przejdź do treści” — element dodamy w nagłówku. */
.moz-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 999999;
  padding: 12px 18px;
  color: var(--moz-white);
  background: var(--moz-navy);
  border-radius: 8px;
  font-weight: 700;
  text-decoration: underline;
  transform: translateY(-150%);
  transition: transform 0.15s ease;
}

.moz-skip-link:focus {
  transform: translateY(0);
}

/* Minimalna wygodna wysokość podstawowych elementów interaktywnych. */
.et_pb_button,
button,
input[type="submit"],
input[type="button"] {
  min-height: 48px;
}

/* Nie opieramy rozpoznawania linków wyłącznie na kolorze. */
.et_pb_text a:not(.et_pb_button),
.et_pb_post_content a {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}