/* Fluent UI-inspired styles for WordPress wp-admin buttons, including Elementor and page-title-action */

/**
* TEMP FIX FOR ISSUE WITH BUILDER PRO BUTTONS ICON...
*/
.elementor-switch-mode-off .dashicons-edit-page {
  margin-top: 0px !important;
}

/* Base button styles */
.button,
.button-primary,
.button-secondary,
.button-link,
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary,
.elementor-button,
.button.elementor-button,
.page-title-action {
  font-family: 'Segoe UI', 'Arial', sans-serif !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  border: none !important;
  padding: 0 16px !important;
  height: 32px !important;
  min-width: 80px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f3f2f1 !important;
  color: #323130 !important;
  box-shadow: 0 0 0 1px #e1dfdd !important;
  line-height: auto !important;
  background-image: none !important;
}

/* specifically override page-title-action to match primary button */
.page-title-action {
  background-color: #0078d4 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #0078d4 inset !important;
}

/* Primary button */
.button-primary,
.wp-core-ui .button-primary,
.elementor-button.elementor-button-primary {
  background-color: #0078d4 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #0078d4 inset !important;
}

/* Secondary button */
.button-secondary,
.wp-core-ui .button-secondary {
  background-color: #f3f2f1 !important;
  color: #0078d4 !important;
  box-shadow: 0 0 0 1.5px #0078d4 inset !important;
}

/* Link button */
.button-link,
.elementor-button.elementor-button-link {
  background: none !important;
  color: #0078d4 !important;
  padding: 0 !important;
  min-width: 0 !important;
  box-shadow: none !important;
  text-decoration: underline !important;
}

/* Grey button for light backgrounds */
.button-grey,
.wp-core-ui .button-grey,
.elementor-button.elementor-button-grey {
  background-color: #e1dfdd !important;
  box-shadow: 0 0 0 2px #8a8886 inset !important;
}

/* Hover states */
.button:hover,
.button-primary:hover,
.button-secondary:hover,
.button-link:hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-secondary:hover,
.elementor-button:hover,
.page-title-action:hover {
  background-color: #e1dfdd !important;
  color: #201f1e !important;
}

.button-primary:hover,
.wp-core-ui .button-primary:hover,
.elementor-button.elementor-button-primary:hover,
.page-title-action:hover {
  background-color: #106ebe !important;
  box-shadow: 0 0 0 2px #106ebe inset !important;
  color: #fff !important;
}

.button-secondary:hover,
.wp-core-ui .button-secondary:hover {
  background-color: #e1dfdd !important;
  color: #005a9e !important;
  box-shadow: 0 0 0 1.5px #005a9e inset !important;
}

.button-link:hover,
.elementor-button.elementor-button-link:hover {
  color: #005a9e !important;
  text-decoration: underline !important;
}

.button-grey:hover,
.wp-core-ui .button-grey:hover,
.elementor-button.elementor-button-grey:hover {
  background-color: #e4e4e4 !important;
}

/* Active states */
.button:active,
.button-primary:active,
.button-secondary:active,
.button-link:active,
.wp-core-ui .button:active,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-secondary:active,
.elementor-button:active,
.page-title-action:active {
  background-color: #edebe9 !important;
  color: #201f1e !important;
}

.button-primary:active,
.wp-core-ui .button-primary:active,
.elementor-button.elementor-button-primary:active,
.page-title-action:active {
  background-color: #005a9e !important;
  box-shadow: 0 0 0 2px #005a9e inset !important;
}

.button-secondary:active,
.wp-core-ui .button-secondary:active {
  background-color: #edebe9 !important;
  color: #0078d4 !important;
  box-shadow: 0 0 0 1.5px #0078d4 inset !important;
}

.button-link:active,
.elementor-button.elementor-button-link:active {
  color: #0078d4 !important;
}

.button-grey:active,
.wp-core-ui .button-grey:active,
.elementor-button.elementor-button-grey:active {
  background-color: #6d6a67 !important;
  box-shadow: 0 0 0 2px #6d6a67 inset !important;
}

/* Focus states */
.button:focus,
.button-primary:focus,
.button-secondary:focus,
.button-link:focus,
.button-grey:focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-secondary:focus,
.wp-core-ui .button-grey:focus,
.elementor-button:focus,
.elementor-button.elementor-button-grey:focus,
.page-title-action:focus {
  box-shadow: 0 0 0 2px #605e5c !important;
}

/* Disabled states */
.button:disabled,
.button-primary:disabled,
.button-secondary:disabled,
.button-link:disabled,
.button-grey:disabled,
.button[disabled],
.button-primary[disabled],
.button-secondary[disabled],
.button-link[disabled],
.button-grey[disabled],
.wp-core-ui .button:disabled,
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-secondary:disabled,
.wp-core-ui .button-grey:disabled,
.elementor-button:disabled,
.elementor-button[disabled],
.elementor-button.elementor-button-grey:disabled,
.elementor-button.elementor-button-grey[disabled],
.page-title-action:disabled,
.page-title-action[disabled] {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  background-color: #f3f2f1 !important;
  color: #a19f9d !important;
  box-shadow: none !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

/* Icon spacing for WP and Elementor buttons */
.button .dashicons,
.button-primary .dashicons,
.button-secondary .dashicons,
.wp-core-ui .button .dashicons,
.wp-core-ui .button-primary .dashicons,
.wp-core-ui .button-secondary .dashicons,
.elementor-button .elementor-button-icon,
.elementor-button .dashicons,
.page-title-action .dashicons {
  margin-right: 8px !important;
  font-size: 16px !important;
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Remove default WP gradients/shadows */
.button,
.button-primary,
.button-secondary,
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary,
.page-title-action {
  background-image: none !important;
  box-shadow: none !important;
}