/* Fluent UI-inspired light theme for WP-Admin input elements (excluding buttons) */

/* Basic input, select, textarea styling */
input,
select,
textarea {
  background: #f3f2f1 !important;        /* Fluent UI: neutralLighter */
  color: #323130 !important;             /* Fluent UI: neutralPrimary */
  border: 1px solid #e1dfdd !important;  /* Fluent UI: neutralLight */
  border-radius: 4px !important;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder text color */
input::placeholder,
textarea::placeholder {
  color: #605e5c !important;             /* Fluent UI: neutralTertiary */
  opacity: 1 !important;
}

/* Focus state for inputs */
input:focus,
select:focus,
textarea:focus {
  border-color: #0078d4 !important;      /* Fluent UI: communicationPrimary */
  box-shadow: 0 0 0 2px #0078d433 !important;
}

/* Disabled state */
input:disabled,
select:disabled,
textarea:disabled {
  background: #e1dfdd !important;
  color: #a19f9d !important;
  border-color: #e1dfdd !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}

/* Ensure native select arrow is visible */
select {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  background-image: none !important; /* Remove custom arrows if present */
}

input[name="post_title"] {
  font-size: 23px !important;
}

/* Optionally, for a Fluent UI custom arrow on select (uncomment to use custom SVG arrow) */
/*
select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image:
    url("data:image/svg+xml;utf8,<svg fill='%23605e5c' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 8l3 3 3-3'/></svg>");
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  padding-right: 32px !important;
}
*/
