/* ===== Global hover & focus layer ===== */
:root{
  --brand:        #D00005;        /* główny */
  --brand-600:    #1477c9;
  --brand-700:    #0f63a6;
  --text:         #111;
  --link:         #D00005;
  --link-hover:   #e81015;
  --focus-ring:   2px solid #111;
}
@media (prefers-reduced-motion:no-preference){
  *{ transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
}

/* 1) Linki ogólne */
a{ color: var(--link); text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); }
a:hover,
a:focus-visible{ color: var(--link-hover); text-decoration-color: currentColor; }

/* 2) Przyciskowe (WP core + Woo + popularne klasy w Kava/Petroleum) */
button,
input[type="submit"],
.wp-element-button,
.wp-block-button__link,
.button,
.btn,
.jet-button__instance,
.add_to_cart_button{
  background: var(--brand);
  color:#fff;
  border:0;
}
button:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.button:hover,
.btn:hover,
.jet-button__instance:hover,
.add_to_cart_button:hover{
  background: var(--brand-600);
  transform: translateY(-1px);
}

/* 3) Menu nawigacji (WP Navigation + klasyczne .menu/.nav) */
.wp-block-navigation a,
.menu a,
.nav a,
.main-navigation a{
  color: var(--text);
}
.wp-block-navigation a:hover,
.menu a:hover,
.nav a:hover,
.main-navigation a:hover{
  color: var(--brand);
}

/* aktywne/ bieżące */
.current-menu-item>a,
.wp-block-navigation-item.current-menu-item>a{
  color: var(--brand-700);
}

/* 4) Tytuły wpisów = linki */
.entry-title a,
.wp-block-post-title a{
  color: inherit;
}
.entry-title a:hover,
.wp-block-post-title a:hover{
  color: var(--brand);
}

/* 5) Linki w stopce – delikatniejszy hover */
.site-footer a,
.footer a{ color: color-mix(in oklab, var(--text) 70%, #666); }
.site-footer a:hover,
.footer a:hover{ color: var(--brand-700); }

/* 6) Focus (a11y) – widoczny, spójny */
:where(a,button,input,.wp-element-button,.wp-block-button__link,.button,.btn):focus-visible{
  outline: var(--focus-ring);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--brand) 30%, transparent);
}

/* 7) Obrazy/kafelki – lekki efekt najechania (opcjonalnie) */
.card:hover img,
.wp-block-post-featured-image a:hover img{
  filter: saturate(1.05) contrast(1.02);
  transform: scale(1.01);
}

/* ===== Specyficzne nadpisania pod Kava ===== */
.kava .menu a:hover,
.kava .btn:hover{ color:#fff; }

/* ===== Specyficzne nadpisania pod Petroleum (jeśli klasy istnieją) ===== */
.petroleum .theme-button:hover{ background: var(--brand-600); }
