@import "tailwindcss" source(none);
@source "../../helpers";
@source "../../inputs";
@source "../../javascript";
@source "../../views";
@source "../../assets/stylesheets/admin.tailwind.css";

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
}

@import "intl-tel-input/build/css/intlTelInput.css";

/* Pagy classes - required to make it look like DaisyUI's pagination component */
.pagy.series-nav {
  @apply inline-flex;
}

.pagy.series-nav a {
  @apply btn join-item;
}

.pagy.series-nav a:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}

.pagy.series-nav a:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagy.series-nav a:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagy.series-nav a[aria-current="page"] {
  @apply border-base-300 bg-base-300;
}

.iti {
  --iti-path-flags-1x: url("/images/flags/flags.webp");
  --iti-path-flags-2x: url("/images/flags/flags@2x.webp");
  --iti-path-globe-1x: url("/images/flags/globe.webp");
  --iti-path-globe-2x: url("/images/flags/globe@2x.webp");

  width: 100%;
}

.iti__search-input {
  @apply p-2
}

:root {
  --color-error: #b61d2c;
  --color-error-content: #fff;
}

.label {
  @apply block;
}

.form-control label {
  @apply block;
}

.checkbox-wrapper .label {
  @apply inline-block;
}

.input {
  @apply block;
}

.input:has(>input[readonly]), .input:is(:readonly,[readonly]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  color:
color-mix(in oklab, var(--color-base-content) 40%, transparent);
  box-shadow: none;
  outline: none;
}

.form-control {
  @apply mb-3;
}

.form-actions {
  @apply my-3 flex gap-3;
}

.breadcrumbs a {
  @apply link-info;
}

.stat{
  padding-inline: 1rem;
}

.stat-value {
  @apply font-medium;
}

.trumbowyg-modal {
  color: black;
}

@media (prefers-color-scheme: dark) {
  .btn-primary {
    background: var(--color-info);
    color: var(--color-info-content);
    border-color: var(--color-info);
    outline-color: var(--color-info,var(--color-info-content));
    box-shadow: 0 3px 2px -2px color-mix(in oklab,var(--color-info)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--color-info)calc(var(--depth)*30%),#0000);
  }

  .iti {
    --iti-border-color: #5b5b5b;
    --iti-dialcode-color: #999999;
    --iti-dropdown-bg: #0d1117;
    --iti-arrow-color: #aaaaaa;
    --iti-hover-color: #30363d;
    --iti-path-globe-1x: url("/images/flags/globe_light.webp");
    --iti-path-globe-2x: url("/images/flags/globe_light@2x.webp");
  }
}