@import "tailwindcss";
 @plugin "daisyui/theme" {
  name: "vanquotes";
  default: true; /* set as default */
  prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */
  color-scheme: light; /* color of browser-provided UI */

  --color-base-100: #ffffff;
  --color-base-200: #F3F4F3;
  --color-base-300: oklch(92% 0.04 240);
  --color-base-content: oklch(20% 0.05 240);
  --color-primary: #1575BF;
  --color-primary-content: oklch(98% 0.01 240);
  --color-secondary: #26AD40;
  --color-secondary-content: oklch(98% 0.01 200);
  --color-accent: #26AD40;
  --color-accent-content: oklch(98% 0.01 160);
  --color-neutral: oklch(50% 0.05 240);
  --color-neutral-content: oklch(98% 0.01 240);
  --color-info: oklch(70% 0.2 220);
  --color-info-content: oklch(98% 0.01 220);
  --color-success: oklch(65% 0.25 140);
  --color-success-content: oklch(98% 0.01 140);
  --color-warning: oklch(80% 0.25 80);
  --color-warning-content: oklch(20% 0.05 80);
  --color-error: oklch(65% 0.3 30);
  --color-error-content: oklch(98% 0.01 30);

  /* border radius */
  --radius-selector: 1rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;

  /* base sizes */
  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  /* border size */
  --border: 1px;

  /* effects */
  --depth: 1;
  --noise: 0;
}
@plugin "@tailwindcss/typography";

.btn-for-radio:has(input[type="radio"]:checked) {
  @apply bg-green-200 pb-2
}

form.quote {

  @apply prose prose-lg max-w-none;

  fieldset.fieldset {
    @apply prose prose-lg max-w-none p-4 rounded-xl bg-base-200 my-4 md:w-2/3 shadow;

    legend.fieldset {
      @apply text-xl bg-base-300 px-2 rounded-xl font-bold text-center md:text-left
    }

    label {
      @apply text-xl
    }
    
    span.label {
      @apply text-gray-600
    }
  }
}

.pagination {
  @apply px-2 py-2 flex flex-row gap-2 mx-auto w-max;

  .first, .last, .next, .prev, .current {
    @apply font-bold;
  }
  .current {
    @apply bg-accent rounded-full text-accent-content;
  }
  .page, .current {
    @apply h-6 w-6 block text-center;
  }
}
table {
  th.rotated-text {
      height: 100px;
      white-space: nowrap;
      padding: 0 !important;
  }

  th.rotated-text > div {
      transform:
          translate(20px, 20px)
          rotate(-45deg);
      width: 20px;
  }

  th.rotated-text > div > span {
      padding: 0px 00px;
  }

  tr.align-top {
    td {
      vertical-align:top;
    }
  }
}


.table-zebra {
    tbody {
      tr {
        &:where(:nth-child(even)) {
          @apply bg-stone-200;

          :where(.table-pin-cols tr th) {
            @apply bg-stone-200;
          }
        }
      }
    }
  }
@plugin "daisyui" {
   themes: vanquotes --default, dark --prefersdark;
 };

 .flash-message {
  animation: flashMessage 6s forwards;
}
@keyframes flashMessage {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-100%);
  }
  8% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  92% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-100%);
  }
}