/* Solo pannello pubblico Filament */
.fi-logo span{
    color: #ffffff;

}
.fi-panel-public .fi-topbar {
    background-color: #3333cc; /* o il colore che vuoi */
    color: #ffffff;
}

/* Filament nasconde .fi-topbar-start sotto lg; sul pannello senza sidebar serve il brand anche su mobile */
.fi-panel-public .fi-topbar-start {
    display: flex !important;
    align-items: center;
    min-width: 0;
    flex: 1 1 0%;
}

.fi-panel-public .fi-topbar-start .fi-logo {
    min-width: 0;
    max-width: 100%;
    min-height: 2.75rem;
    align-items: center;
}

/* max-height: 100% sull'img può collassare se il wrapper flex non ha altezza definita */
.fi-panel-public .fi-topbar-start .fi-logo img {
    max-height: 2.75rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

.fi-panel-public .fi-logo-combined {
    min-width: 0;
    max-width: 100%;
}

.fi-panel-public .fi-topbar-start a {
    color: #ffffff !important;
    text-decoration: none !important;
    min-width: 0;
    max-width: 100%;
}

.fi-panel-public .fi-public-theme-switcher-ctn {
    display: flex;
    align-items: center;
}

.fi-panel-public .fi-theme-switcher {
    gap: 0.25rem;
}

.fi-panel-public .fi-theme-switcher-btn {
    color: rgba(255, 255, 255, 0.88);
}

.fi-panel-public .fi-theme-switcher-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
}

.fi-panel-public .fi-theme-switcher-btn.fi-active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 0.375rem;
}

/*
 * Link globali (html body a) forzano il blu su tutti gli <a>.
 * I pulsanti Filament con tag <a class="fi-btn"> usano variabili --text / --dark-text: qui si ripristina la leggibilità.
 */
.fi-panel-public a.fi-btn {
    text-decoration: none !important;
}

.fi-panel-public a.fi-btn.fi-color {
    color: var(--text) !important;
}

.fi-panel-public a.fi-btn.fi-color:hover:not(.fi-disabled):not([disabled]) {
    color: var(--hover-text) !important;
}

html.dark .fi-panel-public a.fi-btn.fi-color {
    color: var(--dark-text) !important;
}

html.dark .fi-panel-public a.fi-btn.fi-color:hover:not(.fi-disabled):not([disabled]) {
    color: var(--dark-hover-text) !important;
}

/* Pulsante "filled" senza fi-color (sfondo bianco / testo scuro) */
.fi-panel-public a.fi-btn:not(.fi-outlined):not(.fi-color) {
    color: #030712 !important;
}

html.dark .fi-panel-public a.fi-btn:not(.fi-outlined):not(.fi-color) {
    color: #ffffff !important;
}

/* Pulsante outlined (testo da variabile colore) */
.fi-panel-public a.fi-btn.fi-outlined.fi-color {
    color: var(--text) !important;
}

html.dark .fi-panel-public a.fi-btn.fi-outlined.fi-color {
    color: var(--dark-text) !important;
}

/*
 * Dark: il layer base lascia .fi-main-ctn a #f0f0f0 → qui si imposta uno sfondo scuro reale.
 * Link: tinta teal (non blu) così si distinguono dal badge blu step 1 e dal CTA primary amber.
 */
html.dark .fi-panel-public .fi-main-ctn {
    background-color: #09090b !important;
}

html.dark .fi-panel-public .fi-main-ctn a:not(.fi-btn) {
    color: #2dd4bf !important;
    text-decoration-color: rgba(45, 212, 191, 0.55) !important;
}

html.dark .fi-panel-public .fi-main-ctn a:not(.fi-btn):hover {
    color: #5eead4 !important;
    text-decoration-color: rgba(94, 234, 212, 0.9) !important;
}

html.dark .fi-panel-public .fi-main-ctn a:not(.fi-btn):focus-visible {
    outline: 2px solid #2dd4bf;
    outline-offset: 2px;
}

/* --- Presentazione tornei: colori light/dark affidabili (no dipendenza da Tailwind dark:) --- */
.fi-panel-public .presentazione-tornei__deck {
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #d1d5db;
    background-color: #f9fafb;
}

.fi-panel-public .presentazione-tornei__header {
    background-color: #3730a3;
}

.fi-panel-public .presentazione-tornei__lede {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    color: #f1f5f9;
}

.fi-panel-public .presentazione-tornei__card {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
}

.fi-panel-public .presentazione-tornei__card:last-child {
    border-right: none;
}

.fi-panel-public .presentazione-tornei__title {
    color: #111827;
}

.fi-panel-public .presentazione-tornei__body {
    color: #1f2937;
}

.fi-panel-public .presentazione-tornei__body--tight-top {
    margin-top: 0.75rem;
}

.fi-panel-public .presentazione-tornei__link {
    color: #2563eb !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.fi-panel-public .presentazione-tornei__link:hover {
    color: #1d4ed8 !important;
}

.fi-panel-public .presentazione-tornei__link:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

html.dark .fi-panel-public .presentazione-tornei__deck {
    border-color: #3f3f46;
    background-color: #18181b;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.dark .fi-panel-public .presentazione-tornei__header {
    background: linear-gradient(135deg, #422006 0%, #78350f 55%, #1c1917 100%);
}

html.dark .fi-panel-public .presentazione-tornei__lede {
    color: #fde68a;
}

html.dark .fi-panel-public .presentazione-tornei__card {
    background-color: #27272a;
    border-color: #52525b;
}

html.dark .fi-panel-public .presentazione-tornei__title {
    color: #fafafa;
}

html.dark .fi-panel-public .presentazione-tornei__body {
    color: #d4d4d8;
}

html.dark .fi-panel-public .fi-main-ctn a.presentazione-tornei__link {
    color: #5eead4 !important;
}

html.dark .fi-panel-public .fi-main-ctn a.presentazione-tornei__link:hover {
    color: #99f6e4 !important;
}

html.dark .fi-panel-public .fi-main-ctn a.presentazione-tornei__link:focus-visible {
    outline: 2px solid #2dd4bf;
    outline-offset: 2px;
}

/* Pill tornei (pagina pubblica eventi per società): dark coerente con le card */
html.dark .fi-panel-public .eventi-societa-torneo-pill {
    background-color: #3f3f46 !important;
    border-color: #71717a !important;
}

/*.fi-panel-public.dark .fi-topbar {
    se serve una variante dark diversa 
}*/

@layer base {
    /* Forziamo il colore dei link e la sottolineatura */
    html body a {
        color: #2563eb !important; /* Blu 600 */
        text-decoration: none !important;
        text-decoration-color: rgba(37, 99, 235, 0.4) !important;
        transition: color 0.2s;
    }

    html body a:hover {
        color: #1d4ed8 !important; /* Blu 700 */
        text-decoration-color: #1d4ed8 !important;
    }

    /* Gestione spaziature (Padding/Margin) tra blocchi */
    html body p, 
    html body ul, 
    html body ol {
        margin-bottom: 1.5rem !important; /* Equivale a mb-6 */
        line-height: 1.6;
    }

    /* Ripristino stile liste (che il Preflight azzera) */
    html body ul {
        list-style-type: disc !important;
        padding-left: 1.5rem !important;
    }

    html body ol {
        list-style-type: decimal !important;
        padding-left: 1.5rem !important;
    }

    html body li {
        margin-bottom: 0.5rem !important;
    }

    /* Distanza specifica se un UL segue un P */
    p + ul, p + ol {
        margin-top: -0.5rem; /* Avvicina leggermente la lista al testo precedente */
    }
 

    .fi-main-ctn {
        background-color: #f0f0f0;

    }

    .fi-panel-public .fi-iscrizione-giocatori-repeater ul.fi-fo-repeater-items{

        list-style-type: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .fi-panel-public .fi-iscrizione-giocatori-section .fi-section-content {
        background-color: #f3f4f6;
        border-radius: 0.75rem;
        padding: 1rem;
    }
    @media (max-width: 639px) {
        .fi-panel-public .fi-iscrizione-giocatori-section .fi-section > .fi-section-header {
            padding-inline: 0.75rem;
            padding-block: 0.75rem;
        }

        .fi-panel-public .fi-iscrizione-giocatori-section .fi-section > .fi-section-content-ctn > .fi-section-content {
            padding: 0.75rem;
        }

        .fi-panel-public .fi-iscrizione-giocatori-repeater .fi-fo-repeater-item {
            margin-block: 0.375rem;
        }

        .fi-panel-public .fi-iscrizione-giocatori-repeater .fi-fo-repeater-item-header {
            padding-inline: 0.75rem;
            padding-block: 0.625rem;
        }

        .fi-panel-public .fi-iscrizione-giocatori-repeater .fi-fo-repeater-item-content {
            padding: 0.75rem;
        }

        .fi-panel-public .fi-iscrizione-giocatori-repeater .fi-fo-repeater-item-header-label {
            min-width: 0;
            flex: 1 1 0%;
        }
    }

}