/* default: show grid, hide table */
#view-grid { display: block; }
#view-table { display: none; }

/* Reset all chip styling */
.wpc-chip-reset-all {
  padding: 6px 12px !important;
  border: 1px solid #28a745 !important;   /* green border */
  border-radius: 6px !important;
  background: #c6f6d5 !important;         /* green background */
  display: inline-block;
}

/* Reset the link inside the chip */
.wpc-chip-reset-all a {
  color: #1e7e34 !important;                 /* white text */
  font-weight: 600;                       /* bold text */
  text-decoration: none !important;       /* remove underline */
  border: none !important;                /* remove red border around text */
  outline: none !important;               /* remove focus border */
  box-shadow: none !important;            /* remove any glow */
}


/* Make all filter sections align horizontally */
.wpc-filters-widget-wrapper {
  display: flex;
  flex-wrap: wrap; /* allows wrapping on smaller screens */
  gap: 12px;       /* space between each filter */
  align-items: center;
}

/* Each filter box */
.wpc-filters-widget-wrapper .wpc-filters-section {
  flex: 1 1 auto;        /* let them resize */
  min-width: 160px;      /* prevent being too narrow */
  margin: 0;             /* reset default margins */
}

/* Add hover and focus state */
.wpc-filters-widget-select:hover,
.wpc-filters-widget-select:focus {
  border-color: #4CAF50;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2);
}

/* Style the container of each dropdown */
.flrt-filter {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

/* Active selected filter options (labels) */
.wpc-filter-reset-link {
  background-color: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  margin-left: 4px;
}

/* Responsive layout */
@media screen and (max-width: 768px) {
  .flrt-filter {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* Optional: increase spacing between filters */
.wpc-filter-content {
  gap: 15px;
}


/* General filter dropdown styling */
.wpc-filters-widget-select {
  background-color: #f8fff8;
  color: #333;
  border: 2px solid #a8d5a3;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 5px rgba(0, 128, 0, 0.08);
  transition: all 0.3s ease-in-out;
  appearance: none;
}


/* ✅ Style and rename "Reset all" button to "Clear" */
.wpc-chip-reset-all {
  background-color: #e0f6e6 !important;
  border: 1px solid #7bc88a !important;
  border-radius: 25px;
  padding: 6px 14px;
  margin: 6px 10px 6px 0;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  color: #2e7d32 !important;
  transition: all 0.3s ease;
}

.wpc-chip-reset-all:hover {
  background-color: #c4f3cf !important;
}

/* ✅ Actually rename the text via JS in case theme sanitizes ::before */
.wpc-chip-reset-all .wpc-filter-chip-name {
  font-size: 14px !important;
  font-weight: 600;
  color: #2e7d32 !important;
}

/* Hide all filter chips but keep reset button visible */
.wpc-filter-chip:not(.wpc-chip-reset-all) {
  display: none !important;
}

.wpc-edit-filter-set {
  display: none !important;
}


/* Target the Reset All chip */
.wpc-filter-chip.wpc-chip-reset-all {
  height: 36px;        /* adjust height */
	display: inline-flex;
}