/* =========================
   Shop Sidebar Styles
   Elegant product filter sidebar
   ========================= */

.shop-left-sidebar {
  padding-right: 0 !important;
  padding-left: 20px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif !important;
  background: transparent !important;
  color: #333 !important;
}

.shop-sidebar-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.shop-left-sidebar .widget {
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #e8e8e8 !important;
  margin-left: 0 !important;
  background: transparent !important;
}

.shop-left-sidebar .widget:first-child {
  margin-top: 20px !important;
}

.shop-left-sidebar .widget:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.shop-left-sidebar .widget-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  color: #1a1a1a !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.shop-left-sidebar .widget strong {
  display: block !important;
  margin: 0 0 12px 0 !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* List styles - Global for all widgets */
.shop-left-sidebar ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
}

.shop-left-sidebar ul li {
  margin: 10px 0 !important;
  line-height: 1.5 !important;
  list-style: none !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.shop-left-sidebar ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color 0.2s ease !important;
  font-weight: normal !important;
}

.shop-left-sidebar ul li a:hover {
  color: #333 !important;
  text-decoration: underline !important;
}

/* Mniejsza czcionka dla liczby produktów w nawiasie */
.shop-left-sidebar .product-categories .count {
  font-size: 11px !important;
  color: #666 !important;
  font-weight: normal !important;
}

/* Label and checkbox styles */
.shop-left-sidebar label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shop-left-sidebar label:hover {
  color: #000 !important;
}

.shop-left-sidebar input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #00a6c4 !important;
  border: 1px solid #ccc !important;
}

/* Price widget */
.widget_price {
  margin-top: 0 !important;
}

.shop-left-sidebar .price-inputs {
  display: flex !important;
  gap: 8px !important;
  margin: 12px 0 12px 0 !important;
  align-items: center !important;
}

.shop-left-sidebar .price-inputs input[type="number"] {
  flex: 1 !important;
  padding: 8px 10px !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  background: #fff !important;
  color: #333 !important;
}

.shop-left-sidebar .price-inputs input[type="number"]::placeholder {
  color: #999 !important;
}

.shop-left-sidebar .button {
  background: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 3px !important;
  transition: background 0.2s ease !important;
}

.shop-left-sidebar .button:hover {
  background: #333 !important;
}

/* Buttons widget - Nowość i Promocja */
.widget_buttons {
  margin-top: 8px !important;
}

.widget_buttons .btn-new,
.widget_buttons .btn-prom {
  display: inline-block !important;
  padding: 8px 14px !important;
  margin: 6px 6px 0 0 !important;
  border: 1px solid !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.widget_buttons .btn-new {
  background: #d4edda !important;
  color: #155724 !important;
  border-color: #c3e6cb !important;
}

.widget_buttons .btn-new:hover {
  background: #c3e6cb !important;
  color: #0c3820 !important;
  border-color: #b1dfbb !important;
}

.widget_buttons .btn-prom {
  background: #fff3cd !important;
  color: #856404 !important;
  border-color: #ffeaa7 !important;
}

.widget_buttons .btn-prom:hover {
  background: #ffeaa7 !important;
  color: #533f04 !important;
  border-color: #ffdd7a !important;
}

/* Recently viewed widget */
.widget_recently_viewed {
  margin-top: 0 !important;
}

.widget_recently_viewed h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
  color: #1a1a1a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.widget_recently_viewed .recent-products {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_recently_viewed .recent-products li {
  display: flex !important;
  gap: 8px !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
  list-style: none !important;
}

.widget_recently_viewed .recent-products img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 3px !important;
  flex: 0 0 50px !important;
  object-fit: cover !important;
}

.widget_recently_viewed .recent-products a {
  text-decoration: none !important;
  color: inherit !important;
  display: flex !important;
  gap: 8px !important;
  align-items: flex-start !important;
  flex: 1;
}

.widget_recently_viewed .title {
  font-size: 12px !important;
  color: #00a6c4 !important;
  word-break: break-word !important;
  transition: color 0.2s ease !important;
}

.widget_recently_viewed .title:hover {
  color: #0088a0 !important;
}

/* Attribute widget - Rozmiar */
.widget_attribute ul {
  max-height: 240px !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

.widget_attribute ul::-webkit-scrollbar {
  width: 6px;
}

.widget_attribute ul::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 3px;
}

.widget_attribute ul::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 3px;
}

.widget_attribute ul::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* Categories widget - ALL links MUST be cyan */
.widget_categories {
  color: #333 !important;
}

.widget_categories ul {
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
}

.widget_categories ul li {
  list-style: none !important;
  margin: 10px 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.widget_categories ul > li::before {
  content: '• ' !important;
  color: #000 !important;
  margin-right: 6px !important;
  font-weight: bold !important;
}

/* ALL LINKS - Primary selector */
.widget_categories a,
.widget_categories li a,
.widget_categories .cat-item a,
.widget_categories .cat-parent a {
  color: #00a6c4 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background: none !important;
  border: none !important;
}

.widget_categories a:link,
.widget_categories a:visited {
  color: #00a6c4 !important;
}

.widget_categories a:hover,
.widget_categories li a:hover,
.widget_categories .cat-item a:hover {
  color: #0088a0 !important;
  text-decoration: underline !important;
}

/* Nested children - ALL cyan, NO bullets */
.widget_categories ul.children,
.widget_categories .children {
  margin-left: 16px !important;
  margin-top: 8px !important;
  padding-left: 0 !important;
  padding: 0 !important;
}

.widget_categories ul.children li,
.widget_categories .children li {
  list-style: none !important;
  margin: 8px 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.widget_categories ul.children li::before,
.widget_categories .children li::before {
  content: '' !important;
}

.widget_categories ul.children a,
.widget_categories .children a,
.widget_categories .children li a {
  color: #00a6c4 !important;
  font-size: 13px !important;
  font-weight: normal !important;
}

.widget_categories ul.children a:hover,
.widget_categories .children a:hover {
  color: #0088a0 !important;
  text-decoration: underline !important;
}

/* Producer widget */
.widget_producer ul {
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

.widget_producer ul li {
  list-style: none !important;
  margin: 10px 0 !important;
  margin-left: 0 !important;
}

/* Responsive */
@media (max-width: 900px) {
  .shop-products-layout {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .shop-left-col {
    order: 2 !important;
    flex: 1 1 100% !important;
  }

  .shop-right-col {
    order: 1 !important;
    flex: 1 1 100% !important;
  }

  .shop-left-sidebar {
    padding-top: 18px !important;
    border-top: 1px solid #e8e8e8 !important;
    border-left: none !important;
  }
}

/* Extra - ensure no WooCommerce defaults interfere */
.shop-left-sidebar .widget ul.children {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.shop-left-sidebar .widget ul.children li {
  margin-left: 0 !important;
}

/* Search form styles */
.shop-left-sidebar .widget_product_search input[type="search"],
.shop-left-sidebar .widget_product_search input[type="text"] {
  width: 100% !important;
  padding: 10px 15px !important;
  border: 1px solid #ddd !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  transition: border-color 0.2s ease !important;
}

.shop-left-sidebar .widget_product_search input[type="search"]:focus,
.shop-left-sidebar .widget_product_search input[type="text"]:focus {
  border-color: #00a6c4 !important;
  outline: none !important;
}

.shop-left-sidebar .widget_product_search button,
.shop-left-sidebar .widget_product_search input[type="submit"] {
  margin-top: 10px !important;
  padding: 8px 20px !important;
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.shop-left-sidebar .widget_product_search button:hover,
.shop-left-sidebar .widget_product_search input[type="submit"]:hover {
  background: #333 !important;
}

/* Categories with expandable children */
.shop-left-sidebar .product-categories {
  position: relative !important;
}

.shop-left-sidebar .product-categories > li {
  position: relative !important;
}

.shop-left-sidebar .product-categories li.cat-parent > a {
  padding-left: 25px !important;
  position: relative !important;
}

/* Nowa ikona toggle dodana przez JavaScript */
.shop-left-sidebar .product-categories .category-toggle-icon {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #00a6c4 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  width: 20px !important;
  height: 20px !important;
  text-align: center !important;
  display: inline-block !important;
  user-select: none !important;
  z-index: 10 !important;
}

.shop-left-sidebar .product-categories .category-toggle-icon:hover {
  color: #008ba3 !important;
  background: rgba(0, 166, 196, 0.1) !important;
  border-radius: 3px !important;
}

.shop-left-sidebar .product-categories .children {
  display: none !important;
  margin-top: 8px !important;
  padding-left: 20px !important;
}

.shop-left-sidebar .product-categories li.cat-parent.expanded > .children {
  display: block !important;
}

.shop-left-sidebar .product-categories .children li {
  margin: 6px 0 !important;
}

/* Price filter styles */
.shop-left-sidebar .widget_price_filter .price-filter-inputs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.shop-left-sidebar .widget_price_filter input[type="number"] {
  width: 100% !important;
  padding: 8px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

.shop-left-sidebar .widget_price_filter .price-filter-inputs span {
  color: #666 !important;
  font-weight: 500 !important;
}

.shop-left-sidebar .widget_price_filter .button {
  width: 100% !important;
  padding: 10px 16px !important;
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  text-align: center !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.shop-left-sidebar .widget_price_filter .button:hover {
  background: #333 !important;
}

.shop-left-sidebar .widget_price_filter .reset-button {
  background: #f5f5f5 !important;
  color: #333 !important;
}

.shop-left-sidebar .widget_price_filter .reset-button:hover {
  background: #e8e8e8 !important;
}

/* Quick links buttons (Nowości, Promocje) */
.shop-left-sidebar .shop-quick-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.shop-left-sidebar .shop-quick-links .button {
  width: 100% !important;
  padding: 12px 16px !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  display: block !important;
  text-decoration: none !important;
}

.shop-left-sidebar .shop-quick-links .button-new {
  background: #4caf50 !important;
  color: #fff !important;
}

.shop-left-sidebar .shop-quick-links .button-new:hover {
  background: #45a049 !important;
}

.shop-left-sidebar .shop-quick-links .button-promo {
  background: #ff5722 !important;
  color: #fff !important;
}

.shop-left-sidebar .shop-quick-links .button-promo:hover {
  background: #e64a19 !important;
}