@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Kedebideri:wght@400;500;600;700;800;900&display=swap");
@import "../../../../vendor/filament/filament/resources/css/theme.css";

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';
@source '../../../../resources/views/livewire/**/*';
@source '../../../../app/Livewire/**/*';

@theme {
    --lcf-primary-dark: #2d3f75;
    --lcf-accent: #6ba3a9;
    --lcf-accent-light: #d4e8eb;
    --lcf-accent-extralight: #e4f3f5;
}

/* Overwrite variables */
:root {
    --font-family-base: "Chakra+Petch", sans-serif;
    --radius-lg: 0.1rem;
    --radius-xl: 0rem;
    --color-primary-50:  240 248 249;
    --color-primary-100: 214 236 238;
    --color-primary-200: 173 215 219;
    --color-primary-300: 132 193 199;
    --color-primary-400: 107 163 169;  /* ← #6ba3a9 */
    --color-primary-500:  90 143 149;
    --color-primary-600:  73 122 128;
    --color-primary-700:  57  99 104;
    --color-primary-800:  41  75  79;
    --color-primary-900:  26  50  53;
    --color-primary-950:  13  26  28;
}
body {
    font-family: var(--font-family-base);
}
/* General styles */
button {
    @apply rounded-sm;
}

/* Tabs */
nav.fi-tabs.fi-contained button {
    @apply py-1 px-2 mr-2 border-1 border-[var(--lcf-accent)];
}
nav.fi-tabs.fi-contained button span {
    @apply text-[var(--lcf-accent)];
}
nav.fi-tabs.fi-contained button.fi-active {
    @apply py-1 px-2 mr-2 bg-[var(--lcf-accent)] border-[var(--lcf-accent)];
}
nav.fi-tabs.fi-contained button.fi-active span {
    @apply text-white;
}
nav .fi-sidebar-group-btn .fi-icon {
    @apply text-white;
}

/* .fi-btn {
    @apply bg-[var(--lcf-accent)] border-[var(--lcf-accent)] border-[var(--lcf-accent)] border-1 shadow-none text-white rounded-sm;
}

.fi-btn:hover {
    @apply bg-[var(--lcf-accent-light)] text-[var(--lcf-accent)];
} */

.fi-fo-rich-editor-toolbar button svg {
    max-width: 18px;
    max-height: 18px;
}

.fi-toggle-on,
.fi-checkbox-input:checked {
    @apply bg-[var(--lcf-accent)];
}
/* Logo */
.fi-simple-header img.fi-logo {
    height: 5rem !important;
}

/* Main sidebar */
.fi-sidebar,
.fi-section-header {
    @apply bg-[var(--lcf-accent)]  p-2 pl-5;
}
.fi-sidebar-group-btn {
    @apply bg-slate-300/30 rounded-sm;
}
.fi-sidebar-group-label {
    @apply text-white uppercase  font-bold;
}
.fi-sidebar-item > a:hover {
    @apply bg-slate-300/30 rounded-sm text-[var(--primary-dark)];
}
.fi-sidebar-item.fi-active > a:hover {
    @apply bg-white;
}
.fi-sidebar-item-label {
    @apply text-white;
}

li.fi-active > a > .fi-sidebar-item-label,
li.fi-active > a > .fi-icon {
    @apply text-[var(--lcf-accent)] font-semibold;
}

.fi-sidebar-item-icon {
    @apply text-white;
}

/* Topbar */
.fi-topbar-end span.fi-badge {
    @apply bg-success-200;
}

.fi-topbar-start img.fi-logo {
    @apply min-h-12;
}

/* Thypography */
.fi-section-header-heading {
    @apply text-white uppercase;
}

.fi-ta-header-cell,
.fi-header-heading {
    @apply text-[var(--lcf-accent)]
    [text-shadow:0_0.5px_1px_rgba(255,255,255,0.4)];
}

/** Filament tables **/
.filament-tables-container {
    @apply overflow-x-hidden;
}

.filament-tables-container table {
    @apply table-auto w-full;
}

.entity-name-container {
    /* min-w-0: permette shrink della cella flex/tabella così il testo non straborda orizzontalmente */
   @apply text-[var(--lcf-accent)] border-1 bg-[var(--lcf-accent-extralight)] border-[var(--lcf-accent-light)] px-2 rounded-sm;
}

/*a.fi-link.fi-ac-link-action {*/
/*    @apply p-1 border-1 border-[var(--primary-dark)] rounded-full;*/
/*}*/

a.fi-link.fi-ac-link-action:hover {
    @apply bg-slate-300 text-white;
}

/** Wizard **/
.fi-sc-wizard {
    @apply bg-slate-100;
}
.fi-sc-wizard-header {
    @apply bg-slate-400;
}

/** Modals **/
.fi-modal-header {
    @apply p-3 pl-5;
}
.fi-modal-content dt.fi-in-entry-label {
    @apply font-bold;
}
/* h2.fi-modal-heading,
.fi-modal-close-btn,
.fi-modal-description {
    @apply text-white;
} */

/** Filament login banner **/
.fi-simple-header h1 {
    @apply text-[var(--primary-dark)];
}

/* Forza il layout a pieno schermo per eliminare i margini laterali inutilizzati */
.fi-main-ctn,
.fi-sc,
.fi-main > div,
.fi-sc-has-gap {
    max-width: none !important;
    width: 100% !important;
}

.fi-sidebar-content {
    max-width: 20rem; /* Manteniamo la sidebar leggibile */
}

/* Espande i singoli campi del form per occupare tutto lo spazio orizzontale */
.fi-fo-component-stack {
    width: 100% !important;
    max-width: none !important;
}