/* Import SF Pro Display Font */
@import url('https://fonts.cdnfonts.com/css/sf-pro-display?styles=98774,98772,98773,98770');

/* Font SF Pro Display globale */
:root {
    --font-family: "SF Pro Display", ui-sans-serif, system-ui, sans-serif !important;
}

/* Applica SF Pro Display a tutti gli elementi di Filament */
.fi-sidebar, 
.fi-main,
.fi-header, 
.fi-btn, 
.fi-dropdown, 
.fi-modal, 
.fi-ta-content,
.fi-fo-field-wrp,
.fi-fo-label,
.fi-fo-input,
.fi-table,
.fi-ta-table,
.fi-ta-row,
.fi-ta-cell,
.fi-ta-text,
.fi-badge,
.fi-pagination,
.fi-breadcrumbs,
body,
h1, h2, h3, h4, h5, h6,
button,
input,
select,
textarea,
td, th, table,
.fi-section-content,
.fi-card {
    font-family: "SF Pro Display", ui-sans-serif, system-ui, sans-serif !important;
}

/* Override specifico per sidebar items */
.fi-sidebar-item-label,
.fi-sidebar-item-button,
.fi-sidebar-group-label {
    font-family: "SF Pro Display", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 15px !important;
}

/* Font weight per gruppi del menu principale */
.fi-sidebar-group-label {
    font-weight: 500 !important;
}

/* Font weight per voci del menu principale */
.fi-sidebar-item-label,
.fi-sidebar-item-button {
    font-weight: 400 !important;
}
.space-x-8 > *:first-child {
    margin-left: 1rem;
  }
  
  .space-x-8 > * + * {
    margin-left: 1rem;
  }

  div.border-b:has(> nav) {
    border-bottom: none !important;
  }
  nav[class~="-mb-px"][class~="flex"][class~="space-x-8"] {
    border-radius: 0.5rem !important;
  }

 

/* Font SF Pro Display per tutti i contenuti tabelle e dati */
.fi-ta-table td,
.fi-ta-table th,
.fi-ta-text,
.fi-ta-record,
.fi-ta-cell-content,
.fi-badge-label,
.fi-pagination-item,
.fi-fo-input-wrp input,
.fi-fo-select-wrp select,
.fi-fo-textarea-wrp textarea,
.fi-infolist-text,
.fi-section-content-ctn,
.fi-card-content,
.fi-btn-label,
span, p, div {
    font-family: "SF Pro Display", ui-sans-serif, system-ui, sans-serif !important;
}

.fi-body{
    overflow-y: hidden !important;
}

/* Rimozione dell'arrotondamento dalle sezioni */
.fi-section-content {
    border-radius: 0 !important;
}

.fi-section {
    border-radius: 0 !important;
}

.fi-card {
    border-radius: 0 !important;
} 
.fi-ta-ctn {
    border-radius: 0 !important;
} 

/* Riduzione altezza navbar superiore di 10px (da h-16 a h-14) */
.fi-topbar,
.fi-header,
.fi-sidebar-header,
[class*="h-16"] {
    height: 54px !important; /* h-14 = 56px invece di h-16 = 64px */
}
.fi-btn-label{
    font-size: 13px !important;
    text-transform: uppercase !important;
    
}
.fi-btn{
    padding-bottom: 0.3rem !important;
    padding-top: 0.3rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Colore header personalizzato per entrambi i temi */
.fi-topbar {
    background-color: #1b1c1d !important;
}

.dark .fi-topbar {
    background-color: #1b1c1d !important;
} 

/* Sidebar header - rispetta i temi */
.fi-sidebar-header {
    background-color: #18181b !important;
}

.dark .fi-sidebar-header {
    background-color: #18181b !important;
}

/* Sidebar navigation - supporta entrambi i temi */
.fi-sidebar-nav {
    background-color: #FAFAFA !important;
}

.dark .fi-sidebar-nav {
    background-color: #121212 !important;
    border-top: 1px solid rgba(var(--gray-800), 1) !important;
}

/* Breadcrumbs - supporta entrambi i temi */
.fi-breadcrumbs-list {
    background-color: #FAFAFA !important;
}

.dark .fi-breadcrumbs-list {
    background-color: #09090B !important;
}

/* Pagination - supporta entrambi i temi */
.fi-pagination {
    background-color: #fff !important;
}

.dark .fi-pagination {
    background-color: #242424 !important;
}

/* Navigation generale */
nav {
    background-color: #18181b !important;
}

.dark nav {
    background-color: #18181b !important;
}

.fi-sidebar {
    height: calc(100vh - 0px) !important;
}

.fi-main {
    max-height: calc(100vh - 0px) !important;
    overflow-y: auto;
}

.fi-main-ctn {
    max-height: calc(100vh - 0px) !important;
}

.fi-layout {
    min-height: calc(100vh - 0px) !important;
}

/* Font SF Pro Display Weight Classes */
.sf-pro-thin {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 100;
  font-style: normal;
}

.sf-pro-light {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 300;
  font-style: normal;
}

.sf-pro-regular {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.sf-pro-medium {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 500;
  font-style: normal;
}

.sf-pro-semibold {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 600;
  font-style: normal;
}

.sf-pro-bold {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

.sf-pro-black {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 900;
  font-style: normal;
}

/* Menu Filament - Supporto Light e Dark Theme */

/* Divisori tra gruppi di navigazione collassabili */
.fi-sidebar-nav details:not(:last-child) {
    border-bottom: 2px solid #e5e7eb !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
}

.dark .fi-sidebar-nav details:not(:last-child) {
    border-bottom: 2px solid #4b5563 !important;
}

/* Stile per i titoli dei gruppi (summary) - Light Theme */
.fi-sidebar-nav details summary {
    font-weight: 900 !important;
    color: #000000 !important;
    font-size: 14px !important;
}

/* Stile per i titoli dei gruppi (summary) - Dark Theme */
.dark .fi-sidebar-nav details summary {
    color: #f9fafb !important;
}

/* Stile per tutti i link del menu - Light Theme */
.fi-sidebar-nav a,
.fi-sidebar-nav span {
    color: #000000 !important;
    font-size: 15px ;
}
.fi-sidebar-group-label{
    font-size: 16px !important;
}

.fi-color-success {
    --c-50: var(--primary-50) !important;
    --c-400: var(--primary-400) !important;
    --c-600: var(--primary-600) !important;
  }


:is(.dark *) li.dark\:bg-white\/5 {
    background-color: #242424 !important;
  }
.dark textarea.bg-transparent {
    background-color: #242424 !important;
}
.fi-input {
    border-radius: 0.5rem !important;
}
  

/* Stile per tutti i link del menu - Dark Theme */
.dark .fi-sidebar-nav a,
.dark .fi-sidebar-nav span {
    color: #f9fafb !important;
}

/* Stile per i link attivi - Light Theme */
.fi-sidebar-nav .fi-active {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Stile per i link attivi - Dark Theme */
.dark .fi-sidebar-nav .fi-active {
    color: #60a5fa !important;
    font-weight: 600 !important;
}

/* Hover sui link - Light Theme */
.fi-sidebar-nav a:hover {
    color: #374151 !important;
}

/* Hover sui link - Dark Theme */
.dark .fi-sidebar-nav a:hover {
    color: #93c5fd !important;
}

/* Separazione visiva per i link booking - Light Theme */
.fi-sidebar-nav a[href*="accommodation-booking-page"],
.fi-sidebar-nav a[href*="gift-card-booking-page"], 
.fi-sidebar-nav a[href*="general-booking-page"] {
    margin-top: 2rem !important;
    padding-top: 1rem !important;
    border-top: 2px solid #e5e7eb !important;
}

/* Separazione visiva per i link booking - Dark Theme */
.dark .fi-sidebar-nav a[href*="accommodation-booking-page"],
.dark .fi-sidebar-nav a[href*="gift-card-booking-page"], 
.dark .fi-sidebar-nav a[href*="general-booking-page"] {
    border-top: 2px solid #4b5563 !important;
}

/* Primo link booking con separazione maggiore - Light Theme */
.fi-sidebar-nav a[href*="accommodation-booking-page"] {
    margin-top: 3rem !important;
    border-top: 3px solid #d1d5db !important;
}
:is(.dark *) .dark\:bg-white\/5{
    background-color: #242424 !important;
}

.dark\:hover\:bg-white\/5:hover:is(.dark *) {
    background-color: #242424 !important;
}

/* Primo link booking con separazione maggiore - Dark Theme */
.dark .fi-sidebar-nav a[href*="accommodation-booking-page"] {
    border-top: 3px solid #6b7280 !important;
}

/* Spaziatura per gli elementi dentro i gruppi aperti */
.fi-sidebar-nav details[open] {
    padding-bottom: 1.5rem !important;
}

/* Stile hover per i titoli dei gruppi - Light Theme */
.fi-sidebar-nav details summary:hover {
    background-color: #f9fafb !important;
    border-radius: 0.375rem !important;
}

/* Stile hover per i titoli dei gruppi - Dark Theme */
.dark .fi-sidebar-nav details summary:hover {
    background-color: #374151 !important;
    border-radius: 0.375rem !important;
}

/* Divisori più visibili - Light Theme */
.fi-sidebar-nav details {
    border-bottom: 1px solid #d1d5db !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Divisori più visibili - Dark Theme */
.dark .fi-sidebar-nav details {
    border-bottom: 1px solid #4b5563 !important;
}

/* Divisori alternativi per elementi di gruppo - Light Theme */
.fi-sidebar-nav [data-group]:not(:last-child) {
    border-bottom: 1px solid #d1d5db !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Divisori alternativi per elementi di gruppo - Dark Theme */
.dark .fi-sidebar-nav [data-group]:not(:last-child) {
    border-bottom: 1px solid #4b5563 !important;
}

/* Fallback generico per qualsiasi elemento di navigazione - Light Theme */
nav[aria-label="Sidebar"] > div > div:not(:last-child) {
    border-bottom: 1px solid #e5e7eb !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Fallback generico per qualsiasi elemento di navigazione - Dark Theme */
.dark nav[aria-label="Sidebar"] > div > div:not(:last-child) {
    border-bottom: 1px solid #4b5563 !important;
}

/* Divisori per liste di navigazione */
.fi-sidebar-nav ul:not(:last-child) {
    border-bottom: 0px solid #e5e7eb !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Stile per elementi di menu con gruppi - Light Theme */
.fi-sidebar-nav-item[data-navigation-group]:not(:last-child) {
    border-bottom: 1px solid #e5e7eb !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Stile per elementi di menu con gruppi - Dark Theme */
.dark .fi-sidebar-nav-item[data-navigation-group]:not(:last-child) {
    border-bottom: 1px solid #4b5563 !important;
}

/* Apri Planner Tavoli in nuova scheda - stile per il link */
.fi-sidebar-nav a[href*="/restaurant/tables"] {
    position: relative;
}

.kanban-board-container {
    background: transparent !important;
    padding-left: 0px !important;
}
.kanban-board-container {
    background: transparent !important;
    border-radius: 12px;
    padding: 16px;
    box-shadow: none !important;
}
.kanban-column {
    background-color: #f3f4f6 !important;
    color: black !important;
}
.dark .kanban-column {
    background-color: rgba(var(--gray-800),var(--tw-bg-opacity,1)) !important;
    color: white !important;
}

h3.bg-gray-50 {
    background-color: #f3f4f6 !important;
  }
  
  .dark h3.bg-gray-50 {
    background-color: transparent !important; /* o il colore per dark mode */
  }

 .dark\:text-gray-400:is(.dark *){
    color: white !important;
  }