/* SimpliEdit CSS */

/* Editor Content Styling */
.simpliedit-content {
  min-height: 300px;
  padding: 1rem;
  border: 1px solid #dee2e6;
  border-top: none;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  overflow-y: auto;
  outline: none;
  background-color: #fff;
}

.simpliedit-content:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  border-color: #86b7fe;
}

/* HTML Editor Styling - Black background with orange text */
.simpliedit-html-editor {
  display: none;
  width: 100%;
  min-height: 300px;
  padding: 1rem;
  font-family: 'Courier New', Courier, monospace;
  line-height: 1.5;
  font-size: 14px;
  border: 1px solid #dee2e6;
  border-top: none;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  outline: none;
  resize: vertical;
  background-color: #1e1e1e;
  color: #0ce900;
  tab-size: 2;
}

.simpliedit-html-editor:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 140, 0, 0.25);
  border-color: #ff8c00;
}

/* File Upload Styling */
.simpliedit-file-input {
  display: none;
}

/* Color picker styles */
.simpliedit-color-preview {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #dee2e6;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.simpliedit-color-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  z-index: 1060;
}

.simpliedit-color-option {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  margin: 0.125rem;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #dee2e6;
}

.simpliedit-color-option:hover {
  transform: scale(1.1);
}

/* Content styling for visual editor */
.simpliedit-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}

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

.simpliedit-content th, 
.simpliedit-content td {
  padding: 0.5rem;
  text-align: left;
}

.simpliedit-content img {
  max-width: 100%;
  height: auto;
}

.simpliedit-content iframe {
  max-width: 100%;
}

/* Toolbar styling */
.simpliedit-toolbar .btn-group {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.simpliedit-toolbar .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}

.simpliedit-toolbar .dropdown-item.active {
  background-color: #0d6efd;
  color: white;
}

/* Toast notification */
.simpliedit-toast {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  min-width: 250px;
  z-index: 1070;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .simpliedit-toolbar {
    flex-wrap: wrap;
  }
  
  .simpliedit-toolbar .btn-group {
    margin-bottom: 0.5rem;
  }
}
/* Increase toolbar icon size */
.simpliedit-toolbar .bi {
  font-size: 1.0rem; /* Adjust this value to make icons bigger */
}

/* Optionally increase button size to accommodate larger icons */
.simpliedit-toolbar .btn {
  padding: 0.375rem 0.75rem; /* More padding for bigger buttons */
  min-height: 30px; /* Ensure buttons have enough height */
  min-width: 30px; /* Ensure buttons have enough width */
}

/* If using btn-sm class for small buttons */
.simpliedit-toolbar .btn-group-sm > .btn,
.simpliedit-toolbar .btn-sm {
  padding: 0.35rem 0.65rem;
  font-size: 0.475rem;
  min-height: 28px;
  min-width: 28px;
}