/* Force year filter white background - outside media query for priority */
body.groups #year-order-by,
body.groups #year-filters #year-order-by,
body.groups #year-filters select#year-order-by {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* TEST - Mobile search wrapper */
@media screen and (max-width: 768px) {
  body.groups .mobile-search-wrapper {
    border: 3px solid red !important;
  }
  
  body.groups .mobile-search-wrapper .nouveau-search-submit,
  body.groups .mobile-search-wrapper .dashicons-search {
    display: none !important;
  }
  
  body.groups .mobile-search-wrapper input {
    padding-left: 40px !important;
  }
  
  /* Add test text */
  body.groups .mobile-search-wrapper::after {
    content: "TEST - CSS LOADING";
    display: block;
    color: red;
    font-weight: bold;
    margin-top: 5px;
  }

  /* Force year filter select white background */
  body.groups #year-order-by,
  body.groups #year-filters #year-order-by,
  body.groups #year-filters select#year-order-by,
  body.groups .component-filters #year-order-by {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
}