@import "tailwindcss";
@import url("trix-content.css");
@import url("/assets/fonts-5606e907.css");
@theme {
    --font-sans: "AvenirLT", sans-serif;
}
@plugin "daisyui";
@plugin "daisyui/theme" {
    name: "vito";
    default: true; /* set as default */
    prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */
    color-scheme: light; /* color of browser-provided UI */
    --color-base-100: oklch(0.97 0 89.876);
    --color-base-200: oklch(0.907 0 89.876);
    --color-base-300: oklch(0.82 0 89.876);
    --color-base-content: oklch(0.321 0 89.876);
    --color-primary: oklch(1 0 89.876);
    --color-primary-content: oklch(0.345 0 89.876);
    --color-secondary: oklch(0.298 0.086 250.699);
    --color-secondary-content: oklch(1 0 89.876);
    --color-accent: oklch(0.298 0.086 250.699);
    --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;
}

.form-control {
    @apply my-2;
}

.form-control input[type="text"],
.form-control input[type="email"],
.form-control input[type="password"],
.form-control textarea {
    @apply input  w-full;
}

.form-actions {
    @apply py-4 text-center;
}

fieldset {
    @apply my-10;
    font-size: 1em;
}

h2:not(.card-title), legend {
    @apply bg-secondary text-secondary-content;
}


h2, legend {
    @apply text-xl my-4 font-[AvenirLTHeavy] bg-secondary text-secondary-content inline-block p-2 uppercase;
}


.field_with_errors {
    @apply text-error;
}

.menu .button_to {
    @apply p-0;
}

.menu .button_to button {
    @apply uppercase;
}

.breadcrumbs ul {
    @apply text-xs bg-white font-[AvenirLTHeavy] absolute -mt-6 p-1.5 text-black uppercase;
}

.collapse-title {
    @apply bg-accent text-accent-content;
}

h3 {
    @apply text-xl font-semibold my-4;
}

h4 {
    @apply font-semibold my-4;
}

.bulleted {
    list-style-type: disc;
    margin-left: 1em;
}

.upload-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.upload-overlay.hidden { display: none; }

.upload-overlay__card {
    background: white;
    padding: 24px 28px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    display: flex;
    gap: 12px;
    align-items: center;
}

.spinner {
    width: 18px;
    height: 18px;
    border: 3px solid #ddd;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

.status-spinner {
    width: 0.7rem;
    height: 0.7rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 9999px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }
