@tailwind base;
@tailwind components;
@tailwind utilities;

/* Reset WP admin styles inside our app container */
#viraly-app {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  padding: 20px 20px 20px 0;
}

#viraly-app *,
#viraly-app *::before,
#viraly-app *::after {
  box-sizing: border-box;
}

/* Override WP admin's aggressive link styling */
#viraly-app a {
  color: inherit;
  text-decoration: none;
}

#viraly-app a:hover {
  color: inherit;
}

#viraly-app a:focus {
  box-shadow: none;
  outline: none;
}

/* Override WP admin button resets */
#viraly-app button {
  font-family: inherit;
  cursor: pointer;
}

/* Push toasts below WP admin bar (32px) */
.Toastify__toast-container--top-right {
  top: 46px !important;
}

/* Brand accent color on all checkboxes and radios */
/* WP admin overrides appearance:none with custom backgrounds — undo that */
#viraly-app input[type="checkbox"],
#viraly-app input[type="radio"] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  accent-color: #E03058 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-width: auto !important;
}

/* Ensure white text on primary colored buttons */
#viraly-app a[class*="bg-primary"],
#viraly-app button[class*="bg-primary"] {
  color: #ffffff !important;
}

/* Calendar: show + icon on day cell hover */
#viraly-app .viraly-cal-add {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.15s !important;
}
#viraly-app .viraly-cal-day:hover .viraly-cal-add {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* FontAwesome icon spacing reset for our components */
#viraly-app .fa-solid,
#viraly-app .fa-brands {
  margin-right: 0;
}