@config "../../tailwind.form.config.js";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

a[href],
input[type='checkbox'],
input[type='submit'],
input[type='image'],
input[type='radio'],
label[for],
select,
button {
  cursor: pointer;
}

button .disabled {
  display: none;
}

button[disabled] .disabled, button.btn-disabled .disabled {
  display: initial;
}

button .enabled {
  display: initial;
}

button[disabled] .enabled, button.btn-disabled .enabled {
  display: none;
}

.input-bordered,
.select-bordered,
.textarea-bordered {
  @apply border-base-content/15 transition-all duration-200;
}

.input-bordered:focus,
.select-bordered:focus,
.textarea-bordered:focus {
  @apply border-primary outline-none ring-2 ring-primary/20;
}

.base-input {
  @apply input input-bordered bg-white h-11 px-4 text-base rounded-lg font-normal transition-all duration-200;
}

.base-textarea {
  @apply textarea textarea-bordered bg-white rounded-lg px-4 py-3 text-base font-normal transition-all duration-200 min-h-[100px];
}

.btn {
  @apply transition-all duration-200 font-medium;
}

.base-button {
  @apply btn btn-primary text-primary-content text-base px-6 h-11 rounded-lg hover:opacity-90 active:scale-[0.98] focus:outline-none focus:ring-2 focus:ring-primary/30 focus:ring-offset-2;
}

.white-button {
  @apply btn btn-outline text-base bg-white border-2 border-base-300 rounded-lg px-6 h-11 hover:bg-base-200 hover:border-base-content/20 active:scale-[0.98] focus:outline-none focus:ring-2 focus:ring-primary/20 focus:ring-offset-2 transition-all duration-200;
}

.base-checkbox {
  @apply checkbox rounded bg-white checkbox-sm;
}

.base-radio {
  @apply radio bg-white radio-sm;
}

.font-times {
  font-family: "Times New Roman", Times, ui-serif, serif, Cambria, Georgia;
}

.font-courier {
  font-family: "Courier New", Consolas, "Liberation Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco;
}