.embedded-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.5em 0;
}

.embedded-video {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  margin: 0.5em 0;
}

/* Links inside the WYSIWYG editor and embedded content: blue and slightly larger */
.trumbowyg-box .trumbowyg-editor a,
.trumbowyg-editor a,
.trumbowyg-box a,
.embedded-content a,
.issue-content a,
.comment-body a,
.issue-description a,
.case-description a {
  color: #0000ee !important;
  font-size: 1.1em !important;
  text-decoration: underline !important;
}

/* Broader targets: anchors inside panels, main content and paragraphs where descriptions/comments render */
.panel .panel-body a,
.panel .text-primary a,
.panel .panel-body p a,
dd.text-primary a,
#mainContainer a,
.list-group-item a,
blockquote a {
  color: #0000ee !important;
  font-size: 1.1em !important;
  text-shadow: none !important;
  text-decoration: underline !important;
}

/* Trumbowyg applies a blur rule that makes editor text transparent via text-shadow.
   Override that for anchors specifically so links remain visible when editor is blurred. */
.trumbowyg-box-blur .trumbowyg-editor a,
.trumbowyg-box-blur .trumbowyg-editor a * {
  color: #0000ee !important;
  text-shadow: none !important;
}

/* Also ensure anchors inside saved issue/comment HTML are visible (no inherited text-shadow). */
.embedded-content a,
.issue-content a,
.comment-body a {
  text-shadow: none !important;
}

/* Keep dropdown menu items (bootstrap/selectpicker) using default styling
   so they remain black and normal-sized. This overrides the global link rules above. */
.dropdown-menu a,
.dropdown-menu li a,
.bootstrap-select .dropdown-menu a,
.bootstrap-select .dropdown-menu li a,
.selectpicker + .dropdown-menu a,
.selectpicker .dropdown-menu a,
.dropdown-menu .dropdown-item {
  color: #000 !important;
  font-size: inherit !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Stronger fallback selectors for dropdowns appended to body or using different markup
   (bootstrap 4/5, selectpicker, select2 variants). Force default color/size. */
body .dropdown-menu li > a,
body .dropdown-menu a,
.dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu li > a,
.bootstrap-select .dropdown-menu .dropdown-item,
.selectpicker + .dropdown-menu li > a,
.selectpicker + .dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu .inner li a,
.dropdown-menu .dropdown-item a,
.dropdown-menu .dropdown-item span {
  color: #000 !important;
  font-size: 1.5rem !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Confirmation modal styling for delete comment */
#confirmDeleteCommentModal .modal-header {
  background: #ec6c49 !important;
  border-bottom: none !important;
}
#confirmDeleteCommentModal .modal-title,
#confirmDeleteCommentModal .modal-header .close,
#confirmDeleteCommentModal .modal-header .close span {
  color: #ffffff !important;
}
#confirmDeleteCommentModal .modal-header .close {
  opacity: 1 !important;
}

/* Center the confirmation modal vertically and horizontally */
#confirmDeleteCommentModal .modal-dialog {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
}
#confirmDeleteCommentModal .modal-content {
  margin: 0 !important;
}

/* Match styling for attachment delete modal */
#confirmDeleteAttachmentModal .modal-header {
  background: #ec6c49 !important;
  border-bottom: none !important;
}
#confirmDeleteAttachmentModal .modal-title,
#confirmDeleteAttachmentModal .modal-header .close,
#confirmDeleteAttachmentModal .modal-header .close span {
  color: #ffffff !important;
}
#confirmDeleteAttachmentModal .modal-header .close {
  opacity: 1 !important;
}
#confirmDeleteAttachmentModal .modal-dialog {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
}
#confirmDeleteAttachmentModal .modal-content {
  margin: 0 !important;
}

/* File alert modal styling */
#fileAlertModal .modal-header {
  background: #ec6c49 !important;
  border-bottom: none !important;
}
#fileAlertModal .modal-title,
#fileAlertModal .modal-header .close,
#fileAlertModal .modal-header .close span {
  color: #ffffff !important;
}
#fileAlertModal .modal-dialog {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
}
#fileAlertModal .modal-content {
  margin: 0 !important;
}

/* Delete button color for confirm dialogs */
#confirmDeleteCommentModal #confirmDeleteCommentBtn,
#confirmDeleteAttachmentModal #confirmDeleteAttachmentBtn {
  background-color: #ec6c49 !important;
  border-color: #ec6c49 !important;
  color: #fff !important;
}
#confirmDeleteCommentModal #confirmDeleteCommentBtn:hover,
#confirmDeleteAttachmentModal #confirmDeleteAttachmentBtn:hover {
  background-color: #d85b40 !important;
  border-color: #d85b40 !important;
  color: #fff !important;
}

/* Top navigation: force black text color to override vendor defaults */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
.navbar-default .navbar-text {
  color: #000 !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-brand:hover {
  color: #000 !important;
}