/*!
 * Font Awesome Free 5.15.4 - CSS-only icons for WordPress.org compliance
 * Using Unicode symbols as fallbacks for common icons
 */

/* Base icon styles */
.fas {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: inherit;
}

/* Icon replacements using Unicode symbols */
.fa-check:before { 
  content: "✓"; 
  color: #28a745;
  font-weight: bold;
}

.fa-times:before { 
  content: "✕"; 
  color: #dc3545;
  font-weight: bold;
}

.fa-exclamation-circle:before { 
  content: "⚠"; 
  color: #ffc107;
}

.fa-ellipsis-v:before { 
  content: "⋮"; 
  font-weight: bold;
  font-size: 1.2em;
}

.fa-cog:before,
.fa-gear:before { 
  content: "⚙"; 
  color: #6c757d;
  font-size: 1.5em;
  cursor: pointer;
}

/* Specific styling for PayPal settings gear icon */
.payPalSettings.fa-cog:before {
  content: "⚙";
  font-size: 1.8em;
  color: #0070ba;
  cursor: pointer;
  transition: color 0.3s ease;
}

.payPalSettings.fa-cog:hover:before {
  color: #005ea6;
}

/* Override the disablePayPalSettings when not disabled */
.payPalSettings:not(.disablePayPalSettings) {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Ensure disabled state is visible */
.payPalSettings.disablePayPalSettings:before {
  color: #ccc !important;
  cursor: not-allowed !important;
}

/* Additional common icons */
.fa-caret:before { content: "▼"; }
.fa-arrow-right:before { content: "→"; }
.fa-arrow-left:before { content: "←"; }
.fa-plus:before { content: "+"; }
.fa-minus:before { content: "−"; }
.fa-edit:before { content: "✎"; }
.fa-trash:before { content: "🗑"; }
.fa-save:before { content: "💾"; }
.fa-download:before { content: "⬇"; }
.fa-upload:before { content: "⬆"; }
.fa-settings:before { content: "⚙"; }

/* Ensure proper spacing and alignment */
.fas:before {
  margin-right: 0.25em;
}

/* Ensure clickable icons have proper interaction */
.fas[class*="Settings"]:before,
.fas.payPalSettings:before {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

/* Make sure the icon container is clickable */
.fas.payPalSettings {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  user-select: none;
}

.fas.payPalSettings:hover {
  opacity: 0.8;
}
/* Additional fixes for PayPal settings gear icon */
.payPalSettings {
  position: relative;
  z-index: 10;
  display: inline-block !important;
}

/* Ensure the gear icon is always visible and clickable when enabled */
.slide-opt-box .payPalSettings:not(.disablePayPalSettings) {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

/* Make sure the icon has proper dimensions for clicking */
.payPalSettings:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}