/* 1. Stan domyślny (nieaktywny) */

#woocommerce-product-search-field-0.search-field {

background-color: #ffffff;

color: #6C757D;

border-style: solid;

border-width: 1px;

/* Łagodniejszy, neutralny kolor ramki na starcie */

border-color: #cccccc;

/* Lekko zaokrąglone rogi dla nowocześniejszego wyglądu */

border-radius: 4px;

/* Płynne przejście dla koloru ramki i cienia */

transition: border-color 0.3s ease, box-shadow 0.3s ease;

}



/* 2. Stan po kliknięciu (aktywny) */

#woocommerce-product-search-field-0.search-field:focus {

/* Twój docelowy kolor ramki */

color: #1A1A1A;

border-color: #5BC5F2;

/* Efekt lśnienia */

box-shadow: 0 0 8px 1px rgba(91, 197, 242, 0.6);

/* Usuwamy domyślną ramkę przeglądarki, żeby nie psuła efektu */

outline: none;

}
/* --- Poprawka dla wskaźnika (caret) w menu głównym --- */
.main-navigation ul li.menu-item-has-children > a {
  /* Ustawiamy pozycjonowanie względne jako punkt odniesienia dla wskaźnika */
  position: relative;
  
  /* Tworzymy stałe miejsce po prawej stronie na wskaźnik, niezależne od długości tekstu */
  padding-right: 22px !important; /* Możesz dostosować tę wartość, np. 20px lub 25px */
}

.main-navigation ul li.menu-item-has-children > a::after {
  /* Pozycjonujemy wskaźnik absolutnie wewnątrz przestrzeni stworzonej przez padding */
  position: absolute;
  right: 5px; /* Odstęp od prawej krawędzi linku */
  top: 50%;
  transform: translateY(-50%);
  
  /* Resetujemy margines, ponieważ nie jest już potrzebny przy pozycjonowaniu absolutnym */
  margin-left: 0;
}
    .menu-primary-menu-container>ul>li.menu-button>a span {
 
        padding: 6px 16px;
        border-radius: 30px;
        color: #1A1A1A;
        background: #FFB703;
        font-size: 17px;
        font-weight: 700;
    }

 /* --- START: Custom Styled Flyout Category Menu (V5 - Fixed) --- */
/* 1. Main Widget Container Styling */
div.widget.widget_wpb_wmca_accordion_widget {
  border: solid 1px #E6ECF1;
  background-color: #004070;
  padding: 10px;
  border-radius: 6px;
}
div.widget.widget_wpb_wmca_accordion_widget span.gamma.widget-title {
  text-align: left;
  background-color: #004070;
  color: white;
  display: block;
  margin-bottom: 10px;
  padding: 10px 20px 12px 20px;
  border-bottom: 5px solid #5BC5F2;
  border-radius: 0;
}
/* 2. General Menu Link Styling */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion a {
  color: white !important;
  font-weight: 600;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion>ul>li>a {
  font-size: 14px;
}
/* 3. Enhanced Link States - All States Use Same Color with !important */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li > a:hover,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li > a:active,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li > a:focus,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li > a:visited,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li.current-cat > a,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion li.current-menu-item > a {
  background-color: #00599c !important;
  outline: none; /* Remove default focus outline */
}
/* 4. Flyout Submenu Functionality & Matching Style */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul li {
  list-style: none;
  position: relative;
}
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.children,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.sub-menu {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  min-width: 230px;
  margin: 0 !important;
  padding: 10px !important;
  background: #004070; 
  border: 1px solid #E6ECF1; 
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  border-radius: 6px;
  transition: opacity 0.2s ease, visibility 0s linear 0.1s;
}
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul > li:hover > ul.children,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul > li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
/* 5. Submenu Links States - Also Apply Same Color Treatment */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.children li > a:hover,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.children li > a:active,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.children li > a:focus,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.children li > a:visited,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.sub-menu li > a:hover,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.sub-menu li > a:active,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.sub-menu li > a:focus,
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul.sub-menu li > a:visited {
  background-color: #00599c !important;
  outline: none;
}
/* 6. Indicator and Category Count Styling */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul li>a>span.wpb-submenu-indicator {
  position: absolute;
  right: 0;
  width: 47px;
  height: 100%;
  top: 0;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: none !important;
}
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul li>a>span.wpb-submenu-indicator::before {
    content: '›';
    font-size: 24px;
    font-weight: normal;
    color: white;
}
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count {
  min-width: 20px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  text-align: center;
  border-radius: 50%;
  height: 20px;
  line-height: 20px;
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}
/* 7. Menu Item Separators (Inset) */
div.widget.widget_wpb_wmca_accordion_widget .wpb_category_n_menu_accordion ul > li:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;  /* Inset from the left */
  right: 5px; /* Inset from the right */
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
}
div.widget.widget_wpb_wmca_accordion_widget {
  padding-left: 0px;
  padding-right: 0px;
}
div.widget.widget_wpb_wmca_accordion_widget  ul li a {
  padding-left: 15px;
}
/* --- END: Custom Styled Flyout Category Menu --- */

.woocommerce .summary.entry-summary span.onsale {
  color: black;
}