/* Haas Labs Flarum Theme v10 - modal/composer polish */

/* -------------------------------------------------------------------------
   1) Generic modal surfaces
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .Modal-content {
  background: rgba(10, 16, 34, 0.94) !important;
  color: var(--haas-text) !important;
}

body.haaslabs-forum-theme .Modal-header,
body.haaslabs-forum-theme .Modal-body,
body.haaslabs-forum-theme .Modal-footer {
  background: transparent !important;
  color: var(--haas-text) !important;
  border-color: var(--haas-border) !important;
}

body.haaslabs-forum-theme .Modal-body {
  padding: 22px 26px !important;
}

/* -------------------------------------------------------------------------
   2) Form fields / browser autofill
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .FormControl,
body.haaslabs-forum-theme input.FormControl,
body.haaslabs-forum-theme textarea.FormControl,
body.haaslabs-forum-theme select.FormControl,
body.haaslabs-forum-theme .Modal-body input,
body.haaslabs-forum-theme .Modal-body textarea,
body.haaslabs-forum-theme .Modal-body select {
  background: rgba(12, 20, 40, 0.86) !important;
  color: #eef4ff !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: none !important;
}

body.haaslabs-forum-theme .FormControl::placeholder,
body.haaslabs-forum-theme input::placeholder,
body.haaslabs-forum-theme textarea::placeholder {
  color: #8d9ac0 !important;
}

body.haaslabs-forum-theme input:-webkit-autofill,
body.haaslabs-forum-theme input:-webkit-autofill:hover,
body.haaslabs-forum-theme input:-webkit-autofill:focus,
body.haaslabs-forum-theme textarea:-webkit-autofill,
body.haaslabs-forum-theme select:-webkit-autofill {
  -webkit-text-fill-color: #eef4ff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(12, 20, 40, 0.96) inset !important;
  box-shadow: 0 0 0 1000px rgba(12, 20, 40, 0.96) inset !important;
  transition: background-color 9999s ease-out 0s !important;
  caret-color: #eef4ff !important;
  border-radius: 14px !important;
}

/* -------------------------------------------------------------------------
   3) Login/register/forgot-password dialogs
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .LogInModal .Modal-body,
body.haaslabs-forum-theme .SignUpModal .Modal-body,
body.haaslabs-forum-theme .ForgotPasswordModal .Modal-body {
  background: linear-gradient(180deg, rgba(10, 16, 34, 0.96), rgba(8, 13, 28, 0.94)) !important;
}

body.haaslabs-forum-theme .LogInModal .Button--primary,
body.haaslabs-forum-theme .SignUpModal .Button--primary,
body.haaslabs-forum-theme .ForgotPasswordModal .Button--primary {
  background: linear-gradient(90deg, var(--haas-primary), var(--haas-secondary)) !important;
  color: #fff !important;
  border: 0 !important;
}

body.haaslabs-forum-theme .LogInModal .Button-link,
body.haaslabs-forum-theme .SignUpModal .Button-link,
body.haaslabs-forum-theme .ForgotPasswordModal .Button-link,
body.haaslabs-forum-theme .LogInModal a,
body.haaslabs-forum-theme .SignUpModal a,
body.haaslabs-forum-theme .ForgotPasswordModal a {
  color: #9fb2de !important;
}

/* -------------------------------------------------------------------------
   4) Composer / create discussion / reply editor
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .Composer,
body.haaslabs-forum-theme .Composer-content,
body.haaslabs-forum-theme .ComposerBody,
body.haaslabs-forum-theme .DiscussionComposer,
body.haaslabs-forum-theme .ReplyPlaceholder,
body.haaslabs-forum-theme .PostStream .Post-body .TextEditor {
  background: rgba(10, 16, 34, 0.94) !important;
  color: var(--haas-text) !important;
}

body.haaslabs-forum-theme .ComposerBody-header,
body.haaslabs-forum-theme .ComposerBody-editor,
body.haaslabs-forum-theme .Composer-footer,
body.haaslabs-forum-theme .TextEditor-controls,
body.haaslabs-forum-theme .TextEditor-editor {
  background: transparent !important;
  color: var(--haas-text) !important;
  border-color: var(--haas-border) !important;
}

body.haaslabs-forum-theme .Composer .FormControl,
body.haaslabs-forum-theme .Composer textarea,
body.haaslabs-forum-theme .Composer input,
body.haaslabs-forum-theme .TextEditor-editor textarea,
body.haaslabs-forum-theme .TextEditor-editor {
  background: rgba(8, 13, 28, 0.82) !important;
  color: #eef4ff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

body.haaslabs-forum-theme .ComposerBody-header .FormControl {
  min-height: 42px !important;
  border-radius: 14px !important;
}

body.haaslabs-forum-theme .TextEditor-editor {
  border-radius: 16px !important;
}

body.haaslabs-forum-theme .TextEditor-controls {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding-top: 8px !important;
}

body.haaslabs-forum-theme .Composer .Button--icon,
body.haaslabs-forum-theme .TextEditor-controls .Button {
  background: rgba(15, 20, 36, 0.88) !important;
  color: var(--haas-text-soft) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* Make the inline editor look intentional rather than like a broken white box. */
body.haaslabs-forum-theme .ReplyPlaceholder,
body.haaslabs-forum-theme .PostStream .Post-comment .Post-body {
  border-color: var(--haas-border) !important;
}

/* -------------------------------------------------------------------------
   5) Tags selection modal while creating discussions
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .TagDiscussionModal .Modal-body,
body.haaslabs-forum-theme .TagDiscussionModal .Modal-header,
body.haaslabs-forum-theme .TagDiscussionModal .Modal-footer,
body.haaslabs-forum-theme .TagDiscussionModal .TagDiscussionModal-form,
body.haaslabs-forum-theme .TagDiscussionModal .TagDiscussionModal-filter,
body.haaslabs-forum-theme .TagDiscussionModal .TagDiscussionModal-tags,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagList,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagList > li,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagListItem,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagListItem-info {
  background: transparent !important;
  color: var(--haas-text) !important;
}

body.haaslabs-forum-theme .TagDiscussionModal input,
body.haaslabs-forum-theme .TagDiscussionModal .FormControl,
body.haaslabs-forum-theme .TagDiscussionModal .TagDiscussionModal-filter input {
  background: rgba(8, 13, 28, 0.88) !important;
  color: #eef4ff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

body.haaslabs-forum-theme .TagDiscussionModal .Button--primary,
body.haaslabs-forum-theme .TagDiscussionModal .TagDiscussionModal-submit {
  background: linear-gradient(90deg, var(--haas-primary), var(--haas-secondary)) !important;
  color: #fff !important;
  border: 0 !important;
}

body.haaslabs-forum-theme .TagDiscussionModal .TagTile,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagList > li,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagListItem {
  border-radius: 12px !important;
}

body.haaslabs-forum-theme .TagDiscussionModal .SelectTagList > li:hover,
body.haaslabs-forum-theme .TagDiscussionModal .SelectTagListItem:hover {
  background: rgba(255,255,255,.04) !important;
}

/* -------------------------------------------------------------------------
   6) Small quality-of-life tweaks
   ---------------------------------------------------------------------- */
body.haaslabs-forum-theme .NotificationGrid .FormControl,
body.haaslabs-forum-theme .SettingsPage .FormControl {
  background: rgba(12, 20, 40, 0.86) !important;
}

body.haaslabs-forum-theme .Checkbox-display {
  background: rgba(12, 20, 40, 0.86) !important;
  border-color: rgba(255,255,255,.12) !important;
}


/* =========================================================================
   v12 – three-dot menu: preserve native RIGHT position + prevent clipping
   ========================================================================= */

/*
 * IMPORTANT:
 * Do NOT override .DiscussionListItem-controls positioning.
 * Flarum already positions that control correctly at the far right.
 * We only remove clipping from the card/list containers and raise the menu.
 */
body.haaslabs-forum-theme .DiscussionListItem {
  overflow: visible !important;
}

/* Preserve the rounded look even though the outer item can overflow. */
body.haaslabs-forum-theme .DiscussionListItem-content {
  border-radius: 18px !important;
}

/* Parents must not clip the dropdown. */
body.haaslabs-forum-theme .DiscussionList,
body.haaslabs-forum-theme .DiscussionList-discussions,
body.haaslabs-forum-theme .DiscussionListItem-container {
  overflow: visible !important;
}

/* Only style/lift the popup itself. Do NOT reposition the button/control. */
body.haaslabs-forum-theme .DiscussionListItem-controls .Dropdown-menu,
body.haaslabs-forum-theme .DiscussionListItem .Dropdown-menu {
  z-index: 10050 !important;
  min-width: 190px !important;
  background: rgba(10, 16, 34, 0.98) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  color: var(--haas-text) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.38) !important;
}