/* WP Dashboard*/

.column-thumbnail {
    width: 5.75em;
}

.post-image-back {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/* Secondary image field */

.addimage {
	color: #2271b1;
    text-decoration: underline;
}

.removeimage {
	color: #b32d2e;
    text-decoration: underline;
}

/* Search field and button container */

.custom-search {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 400px; /* Adjust as needed */
}

.custom-search-input {
  flex: 1;
  padding: 0.375rem 0.75rem;
  border: none;
  outline: none;
  margin-right: 5px;
}

.custom-search-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 4px;
  height: 30px;
  line-height: 1.4;
}

.custom-search-button:hover {
  background-color: #0056b3;
}

/* Table Styling */

.anilist_data_fields {
  margin: -7px -12px -12px -12px;
}

.anilist_data_fields input[readonly], .anilist_data_fields textarea[readonly] {
    background-color: #f0f0f1;
    cursor: not-allowed;
    border-color: #dcdcde;
}

.table {
  width: 100%;
  color: #212529;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table td.table-labels {
  width: 20%;
  background: #f9f9f9;
  border-right: 1px solid #dee2e6;
}

.table th label,
.table td label {
  font-weight: 600;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  background-color: #f8f9fa;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

/* Responsive Table */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

/* Columns (Grid) Styling */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

[class*="col-"] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* Column Widths */
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

/* Column Offsets */
.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }