/* =============================================================================
   Moose Nation — custom overrides (loads after theme)
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Action buttons (spec sheet — exact hex; do NOT pair with Bootstrap .btn / .btn-sm)
   Icons: plus-square, edit, transfer (repeat), trash-2, slash, check-square, x-square, minimize, save, external-link
   ----------------------------------------------------------------------------- */

/* Kill theme leakage: these must be plain <button class="moose-action-…"> only */
button.moose-action-expand,
button.moose-action-add,
button.moose-action-edit,
button.moose-action-transfer,
button.moose-action-delete,
button.moose-action-cancel,
button.moose-action-confirm,
button.moose-action-close,
button.moose-action-window-close,
button.moose-action-save {
	box-sizing: border-box !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	font-family: inherit !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0.35rem !important;
	min-width: 2rem !important;
	min-height: 2rem !important;
	border: none !important;
	border-radius: 4pt !important;
	box-shadow: none !important;
	background: transparent !important;
	text-decoration: none !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	text-transform: none !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* EXPAND — inactive: transparent, #567687; active: #567687, #FFF; fe-external-link */
button.moose-action-expand {
	color: #567687 !important;
}
button.moose-action-expand:hover,
button.moose-action-expand:active,
button.moose-action-expand:focus-visible {
	background: #567687 !important;
	border: none !important;
	border-radius: 4pt !important;
	color: #ffffff !important;
}
button.moose-action-expand:focus-visible {
	outline: 2px solid #567687 !important;
	outline-offset: 2px !important;
}

/* ADD — #77AB8A / #FFF; fe-plus-square */
button.moose-action-add {
	color: #77ab8a !important;
}
button.moose-action-add:hover,
button.moose-action-add:active,
button.moose-action-add:focus-visible {
	background: #77ab8a !important;
	color: #ffffff !important;
}
button.moose-action-add:focus-visible {
	outline: 2px solid #77ab8a !important;
	outline-offset: 2px !important;
}

/* EDIT — #567687 / #FFF; fe-edit */
button.moose-action-edit {
	color: #567687 !important;
}
button.moose-action-edit:hover,
button.moose-action-edit:active,
button.moose-action-edit:focus-visible {
	background: #567687 !important;
	color: #ffffff !important;
}
button.moose-action-edit:focus-visible {
	outline: 2px solid #567687 !important;
	outline-offset: 2px !important;
}

/* TRANSFER — #9378AB / #FFF; fe-repeat */
button.moose-action-transfer {
	color: #9378ab !important;
}
button.moose-action-transfer:hover,
button.moose-action-transfer:active,
button.moose-action-transfer:focus-visible {
	background: #9378ab !important;
	color: #ffffff !important;
}
button.moose-action-transfer:focus-visible {
	outline: 2px solid #9378ab !important;
	outline-offset: 2px !important;
}

/* DELETE — #8F4535 / #FFF; fe-trash-2 */
button.moose-action-delete {
	color: #8f4535 !important;
}
button.moose-action-delete:hover,
button.moose-action-delete:active,
button.moose-action-delete:focus-visible {
	background: #8f4535 !important;
	color: #ffffff !important;
}
button.moose-action-delete:focus-visible {
	outline: 2px solid #8f4535 !important;
	outline-offset: 2px !important;
}

/* CANCEL — inactive #ADADAD; active bg #ADADAD text #595959; fe-slash */
button.moose-action-cancel {
	color: #adadad !important;
}
button.moose-action-cancel:hover,
button.moose-action-cancel:active,
button.moose-action-cancel:focus-visible {
	background: #adadad !important;
	color: #595959 !important;
}
button.moose-action-cancel:focus-visible {
	outline: 2px solid #adadad !important;
	outline-offset: 2px !important;
}

/* CONFIRM — #77AB8A / #FFF; fe-check-square */
button.moose-action-confirm {
	color: #77ab8a !important;
}
button.moose-action-confirm:hover,
button.moose-action-confirm:active,
button.moose-action-confirm:focus-visible {
	background: #77ab8a !important;
	color: #ffffff !important;
}
button.moose-action-confirm:focus-visible {
	outline: 2px solid #77ab8a !important;
	outline-offset: 2px !important;
}

/* CLOSE — same as CANCEL; fe-x-square */
button.moose-action-close {
	color: #adadad !important;
}
button.moose-action-close:hover,
button.moose-action-close:active,
button.moose-action-close:focus-visible {
	background: #adadad !important;
	color: #595959 !important;
}
button.moose-action-close:focus-visible {
	outline: 2px solid #adadad !important;
	outline-offset: 2px !important;
}

/* SAVE — #77AB8A / #FFF; fe-save */
button.moose-action-save {
	color: #77ab8a !important;
}
button.moose-action-save:hover,
button.moose-action-save:active,
button.moose-action-save:focus-visible {
	background: #77ab8a !important;
	color: #ffffff !important;
}
button.moose-action-save:focus-visible {
	outline: 2px solid #77ab8a !important;
	outline-offset: 2px !important;
}

.moose-action-expand svg,
.moose-action-expand .feather,
.moose-action-add svg,
.moose-action-add .feather,
.moose-action-edit svg,
.moose-action-edit .feather,
.moose-action-transfer svg,
.moose-action-transfer .feather,
.moose-action-delete svg,
.moose-action-delete .feather,
.moose-action-cancel svg,
.moose-action-cancel .feather,
.moose-action-confirm svg,
.moose-action-confirm .feather,
.moose-action-close svg,
.moose-action-close .feather,
.moose-action-window-close svg,
.moose-action-window-close .feather,
.moose-action-save svg,
.moose-action-save .feather {
	width: 1rem !important;
	height: 1rem !important;
	flex-shrink: 0 !important;
	stroke: currentColor !important;
	color: inherit !important;
}

/* Window-close — modal header dismiss; spec: #ADADAD / hover #ADADAD bg + #595959 icon, 4px radius; fe-minimize; tooltip "Close" */
button.moose-action-window-close {
	color: #adadad !important;
	margin-left: auto !important;
}
button.moose-action-window-close:hover,
button.moose-action-window-close:active,
button.moose-action-window-close:focus-visible {
	background: #adadad !important;
	border-radius: 4px !important;
	color: #595959 !important;
}
button.moose-action-window-close:focus-visible {
	outline: 2px solid #adadad !important;
	outline-offset: 2px !important;
}

/* Removed: red dot behind icon (legacy) */
.moose-action-window-close__dot {
	display: none !important;
}