/**
 * Admin styles for Stock Message for WooCommerce
 * Handles styling for the plugin's admin interface components
 */

/* Header layout and logo animation */
.stock-message-for-woocommerce.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.stock-message-for-woocommerce.header a:focus {
  box-shadow: none;
}

.stock-message-for-woocommerce.header img {
  margin: 1rem 1rem 0 0;
  max-width: 3.75rem;
  height: auto;
}

/* Logo hover animation */
.stock-message-for-woocommerce.header img:hover {
  animation: pulse 0.25s ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.925);
  }
  100% {
    transform: scale(1);
  }
}

/* UI Controls for button customization */
.stock-message-for-woocommerce-ui-slider-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.stock-message-for-woocommerce-ui-slider-display {
  width: 3rem;
}

.stock-message-for-woocommerce-ui-slider-element {
  width: 18rem;
}

/* Live preview container */
.stock-message-for-woocommerce-ui-preview-wrap {
  border: 2px dashed #a90b0b;
  background-color: #fff;
  width: fit-content;
}

/* Form settings */
.recaptcha-setting {
  display: none;
}

/* Email test interface */
.stock-notification-test-email-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 100%;
}

#test_email_address {
  width: 25em;
  max-width: 100%;
}

#send_test_email {
  flex-shrink: 0;
  min-width: 9rem;
}

/* Test email result indicators */
#test_email_result {
  display: flex;
  align-items: center;
  margin-top: 5px;
  width: 100%;
}

#test_email_result .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

/* Status message styling */
.success-message {
  color: #46b450;
}

.success-message .dashicons {
  color: #46b450;
}

.error-message {
  color: #dc3232;
}

.error-message .dashicons {
  color: #dc3232;
}

/* Responsive adjustments */
@media (min-width: 783px) {
  #test_email_result {
    margin-top: 0;
    width: auto;
  }
}

/* Subscriber table styling */
.column-actions {
  width: auto;
  white-space: nowrap;
}

.column-actions .dashicons {
  color: #838386;
}

.column-actions .dashicons:hover {
  color: #1d2327;
}