/* === POST FORM STYLING === */
.post-input,
.post-select {
  background: #1a1a1d;
  color: #e7e7e7;
  border: 1px solid #2d2d31;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.post-input::placeholder {
  color: #888;
}

.post-input:focus,
.post-select:focus {
  outline: none;
  box-shadow: 0 0 0 2px #ffd74033;
  border-color: #ffd740;
  background: #1a1a1d;
  color: #fff;
}

.post-select option {
  background: #1a1a1d;
  color: #e7e7e7;
}

.form-label {
  color: #e7e7e7;
}

/* Optional: style for warning buttons */
.btn-warning {
  background-color: #ffd740;
  border: none;
  font-weight: 600;
}

.btn-warning:hover {
  background-color: #f2c400;
}


.post-image-preview-wrap {
  border: 1px dashed #2d2d31;
  border-radius: 14px;
  padding: 12px;
  background: #151518;
}

.post-image-preview-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #0f1013;
  border: 1px solid #232327;
}

.post-image-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}