/*
 Theme Name:     RCWGCI
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Adam Looze
 Author URI:     https://royalblueweb.com
 Template:       Divi
 Version:        1.0.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */

/* RCW Projects Filter Form */
.rcw-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}

.rcw-filter-form select,
.rcw-filter-form button {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  min-width: 160px;
}

.rcw-filter-form button {
  background-color: #2269AE;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.rcw-filter-form button:hover {
  background-color: #1e5b98;
}

@media (max-width: 600px) {
  .rcw-filter-form {
    flex-direction: column;
    align-items: stretch;
  }

  .rcw-filter-form select,
  .rcw-filter-form button {
    width: 100%;
  }
}

/* RCW Projects AJAX Filter Styling */
#rcw-filters {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

#rcw-filters select,
#rcw-filters button {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#rcw-filters button {
  background-color: #2269AE;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#rcw-filters button:hover {
  background-color: #1d5a95;
}

#rcw-projects-container table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
}

#rcw-projects-container th,
#rcw-projects-container td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

#rcw-projects-container tr:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

#rcw-projects-container td img {
  max-height: 50px;
  vertical-align: middle;
}

/* RCW Private Uploads Styling */
.private-upload-wrapper {
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem;
  background: #f9f9f9;
  border-radius: 10px;
}
.private-upload-wrapper h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.private-upload-wrapper ul {
  list-style: none;
  padding-left: 0;
}
.private-upload-wrapper li {
  margin-bottom: 10px;
}
.private-upload-wrapper .notice {
  background: #ffe4e4;
  padding: 1rem;
  border-radius: 6px;
  color: #a00;
}