/* ===================================================
   COLOR SCHEME FIX - Zmiana koloru wiodącego na #1C5EA8
   =================================================== */

/* ==========================================
   GLOBALNE UKRYCIE EDIT LINK (admin)
   ========================================== */
.edit-link,
.post-edit-link,
span.edit-link,
a[href*="post.php?post="][href*="action=edit"],
.entry-footer .edit-link,
footer.entry-footer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Zmienne CSS dla łatwiejszej zmiany w przyszłości */
:root {
  --primary-color: #1C5EA8;
  --primary-hover: #164a85;
  --primary-light: #2a6fbd;
  --old-blue: #1C5EA8; /* Stary kolor do nadpisania */
}

/* Nadpisanie wszystkich wystąpień starego koloru #1C5EA8 */
[style*="#1C5EA8"],
[class*="blue"] {
  color: var(--primary-color) !important;
}

[style*="background: #1C5EA8"],
[style*="background-color: #1C5EA8"] {
  background-color: var(--primary-color) !important;
}

[style*="border-color: #1C5EA8"] {
  border-color: var(--primary-color) !important;
}

/* ==========================================
   NAWIGACJA - Menu główne
   ========================================== */

/* Hover i active state dla menu głównego (kategorie produktów) */
/* Usunięto niebieskie tło - tylko podkreślenie jak w górnym menu */
.menu-woomenu-container > ul#menu-woomenu > li:hover {
  background-color: transparent !important;
}

/* Wyróżnienie dla menu kategorii - subtelniejsze niż główne menu */
.menu-woomenu-container ul.menu li a {
  position: relative;
  transition: all 0.2s ease;
}

.menu-woomenu-container ul.menu li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transform: translateX(-50%);
  transition: width 0.2s ease;
}

.menu-woomenu-container ul.menu li a:hover::after {
  width: 80%;
}

.menu-woomenu-container ul.menu li a:hover {
  color: inherit;
}

/* Hover dla search icon */
.search-desktop #search-icon:hover svg path:nth-of-type(2),
.search-desktop .search-icon-clicked path:nth-of-type(2) {
  fill: var(--primary-color) !important;
}

/* ==========================================
   LINKI I TEKSTY
   ========================================== */

/* Linki */
a {
  color: var(--primary-color);
}

a:hover,
a:focus,
a:active {
  color: var(--primary-hover);
}

/* Wyróżnione teksty */
.site-title a:hover,
.site-title a:focus {
  color: var(--primary-color);
}

/* ==========================================
   PRZYCISKI
   ========================================== */

/* Główne przyciski */
button,
.button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

button:hover,
.button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  color: #ffffff !important;
}

/* Przyciski outline */
.button.outlined,
.woocommerce a.button.outlined {
  background: transparent !important;
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.button.outlined:hover,
.woocommerce a.button.outlined:hover {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Przycisk "Zobacz koszyk" - stylizacja */
.added_to_cart.wc-forward,
a.added_to_cart {
  background: #f0f5fb !important;
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  transition: all 0.2s ease !important;
}

.added_to_cart.wc-forward:hover,
a.added_to_cart:hover {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Przycisk "Dodaj do koszyka" */
.single_add_to_cart_button,
.product_type_simple,
.product_type_variable {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.single_add_to_cart_button:hover,
.product_type_simple:hover,
.product_type_variable:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  color: #ffffff !important;
}

/* ==========================================
   WOOCOMMERCE - SKLEP
   ========================================== */

/* Cena produktu */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: var(--primary-color);
}

/* Badge "Nowość" i "Promocja" */
.woocommerce span.onsale,
.onsale {
  background: #ffffff !important;
  color: #1C5EA8 !important;
  font-weight: 700 !important;
  border: 2px solid #1C5EA8 !important;
  font-size: 14px !important;
}

/* Linki w breadcrumb */
.woocommerce .woocommerce-breadcrumb a {
  color: var(--primary-color);
}

.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--primary-hover);
}

/* Paginacja */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Checkbox i radio - aktywne stany */
.woocommerce form .form-row input.input-checkbox:checked::before,
.woocommerce-page form .form-row input.input-checkbox:checked::before {
  background: var(--primary-color);
}

/* Tabs na stronie produktu */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}

/* Gwiazdki rating */
.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
  color: var(--primary-color);
}

/* ==========================================
   FORMULARZE
   ========================================== */

/* Focus state na input */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
  border-color: var(--primary-color);
  outline-color: var(--primary-color);
}

/* ==========================================
   IKONY NAWIGACYJNE
   ========================================== */

/* Hover na ikonach w nawigacji */
.v-search:hover .v-label {
  color: var(--primary-color) !important;
}

.v-search:hover svg path {
  fill: var(--primary-color) !important;
}

.v-account:hover .v-label {
  color: var(--primary-color) !important;
}

.v-account a:not(:has(svg path[fill="#1C5EA8"])):hover svg path {
  fill: var(--primary-color) !important;
}

.v-account a:has(svg path[fill="#1C5EA8"]):hover svg path:first-child {
  fill: var(--primary-color) !important;
}

.v-cart:hover .v-label {
  color: var(--primary-color) !important;
}

.v-cart:hover svg path {
  fill: var(--primary-color) !important;
}

/* Kolor ceny w koszyku */
.v-label.v-price {
  color: var(--primary-color) !important;
}

/* ==========================================
   INNE ELEMENTY
   ========================================== */

/* Górna belka promocyjna "JESTEŚ FRYZJEREM?" */
.promo-navigation .top-promo {
  background: var(--primary-color) !important;
}

.promo-navigation .top-promo:hover {
  background: var(--primary-hover) !important;
}

/* Loader/Spinner */
.preloader-content {
  border-top-color: var(--primary-color);
}

/* Scroll to top button */
.scroll-to-top {
  background: var(--primary-color);
}

.scroll-to-top:hover {
  background: var(--primary-hover);
}

/* Postęp (progress bar) */
progress::-webkit-progress-value {
  background-color: var(--primary-color);
}

progress::-moz-progress-bar {
  background-color: var(--primary-color);
}

/* Tooltips */
.tooltip {
  background: var(--primary-color);
}

/* Footer */
.site-footer a:hover {
  color: var(--primary-color);
}

/* Social media icons */
.social-icons a,
.social-media-icons a,
.footer-social a,
[class*="social"] a[href*="facebook"],
[class*="social"] a[href*="instagram"],
[class*="social"] a[href*="twitter"],
[class*="social"] a[href*="youtube"],
[class*="social"] a[href*="linkedin"] {
  transition: all 0.3s ease;
}

.social-icons a:hover,
.social-media-icons a:hover,
.footer-social a:hover,
[class*="social"] a[href*="facebook"]:hover,
[class*="social"] a[href*="instagram"]:hover,
[class*="social"] a[href*="twitter"]:hover,
[class*="social"] a[href*="youtube"]:hover,
[class*="social"] a[href*="linkedin"]:hover {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background-color: transparent !important;
}

/* Social media icons with background */
.social-icons a:hover svg,
.social-media-icons a:hover svg {
  fill: var(--primary-color);
}

/* Kolor tła dla ikon social media gdy mają background */
.social-icons a,
.social-media-icons a {
  background-color: var(--primary-color);
}

.social-icons a:hover,
.social-media-icons a:hover {
  background-color: var(--primary-hover);
}

/* ==========================================
   RESPONSIVE - Mobile menu
   ========================================== */

@media screen and (max-width: 992px) {
  /* Mobile menu links hover */
  .main-navigation.toggled .menu-menu-1-container ul.menu li a:hover,
  .main-navigation.toggled .menu-menu-2-container ul.menu li a:hover {
    color: var(--primary-color);
  }
}