/* _content/Mahjong/Components/Layout/ClubSiteLayout.razor.rz.scp.css */
.club-site-layout-shell[b-34jbu09bxj] {
    min-height: 100vh;
}
/* _content/Mahjong/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-1qknvrz49b] {
    color-scheme: light only;
    background: rgba(0, 0, 0, 0.88);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-1qknvrz49b] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Mahjong/Components/Pages/Admin/ActiviteDetaillee.razor.rz.scp.css */
.activite-kpis[b-9wjlow2zna] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 12px;
}

.activite-kpi[b-9wjlow2zna] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
    padding: 14px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
}

.activite-kpi strong[b-9wjlow2zna] {
    color: var(--mud-palette-text-primary);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.activite-kpi span[b-9wjlow2zna] {
    grid-column: 1 / -1;
    margin-top: 4px;
    font-size: .76rem;
}

/* ── Entonnoir et répartitions ── */
.activite-entonnoir + .activite-entonnoir[b-9wjlow2zna] {
    margin-top: 12px;
}

.activite-entonnoir__libelle[b-9wjlow2zna] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
    font-size: .82rem;
}

.activite-entonnoir__libelle strong[b-9wjlow2zna] {
    font-weight: 600;
    white-space: nowrap;
}

.activite-barre[b-9wjlow2zna] {
    height: 8px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--mud-palette-background-gray);
}

.activite-barre div[b-9wjlow2zna] {
    height: 100%;
    border-radius: 4px;
}

/* ── Parcours ── */
.activite-parcours[b-9wjlow2zna] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) 1fr;
    gap: 16px;
    align-items: start;
}

.activite-parcours__liste[b-9wjlow2zna] {
    max-height: 72vh;
    overflow-y: auto;
    padding-right: 4px;
}

.activite-visite[b-9wjlow2zna] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    margin-bottom: 6px;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.activite-visite:hover[b-9wjlow2zna] {
    border-color: var(--mud-palette-primary);
}

.activite-visite--active[b-9wjlow2zna] {
    border-color: var(--mud-palette-primary);
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.activite-visite__titre[b-9wjlow2zna] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: .88rem;
}

.activite-visite__meta[b-9wjlow2zna] {
    color: var(--mud-palette-text-secondary);
    font-size: .74rem;
}

.activite-parcours__detail[b-9wjlow2zna] {
    min-height: 300px;
    padding: 18px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.activite-vide[b-9wjlow2zna] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 260px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.activite-visite-entete[b-9wjlow2zna] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.activite-visite-resume[b-9wjlow2zna] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px 16px;
    margin: 16px 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--mud-palette-background-gray);
    font-size: .82rem;
}

.activite-visite-resume span[b-9wjlow2zna] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.activite-visite-resume strong[b-9wjlow2zna] {
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.activite-etapes[b-9wjlow2zna] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.activite-etape[b-9wjlow2zna] {
    position: relative;
    display: grid;
    grid-template-columns: 64px 28px 1fr auto;
    align-items: start;
    gap: 8px;
    padding: 7px 0;
}

/* Fil chronologique reliant les étapes */
.activite-etape[b-9wjlow2zna]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 85px;
    width: 2px;
    background: var(--mud-palette-lines-default);
}

.activite-etape:first-child[b-9wjlow2zna]::before { top: 50%; }
.activite-etape:last-child[b-9wjlow2zna]::before { bottom: 50%; }

.activite-etape__heure[b-9wjlow2zna] {
    padding-top: 4px;
    color: var(--mud-palette-text-secondary);
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
}

.activite-etape__icone[b-9wjlow2zna] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 2px solid var(--mud-palette-surface);
    border-radius: 50%;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
}

.activite-etape--evenement .activite-etape__icone[b-9wjlow2zna] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
}

.activite-etape--echec .activite-etape__icone[b-9wjlow2zna] {
    background: color-mix(in srgb, var(--mud-palette-error) 16%, var(--mud-palette-surface));
    color: var(--mud-palette-error);
}

.activite-etape__contenu[b-9wjlow2zna] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-top: 3px;
    font-size: .86rem;
}

.activite-etape__contenu code[b-9wjlow2zna],
.activite-etape__contenu span[b-9wjlow2zna] {
    color: var(--mud-palette-text-secondary);
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.activite-etape__duree[b-9wjlow2zna] {
    padding-top: 4px;
    color: var(--mud-palette-text-secondary);
    font-size: .74rem;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .activite-parcours[b-9wjlow2zna] {
        grid-template-columns: 1fr;
    }

    .activite-parcours__liste[b-9wjlow2zna] {
        max-height: 320px;
    }
}

@media (max-width: 600px) {
    .activite-etape[b-9wjlow2zna] {
        grid-template-columns: 52px 28px 1fr;
    }

    .activite-etape[b-9wjlow2zna]::before {
        left: 73px;
    }

    .activite-etape__duree[b-9wjlow2zna] {
        grid-column: 3;
        padding-top: 0;
    }
}
/* _content/Mahjong/Components/Pages/Clubs/ClubDetail.razor.rz.scp.css */
.club-header-logo[b-pr01iatnt5] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    object-fit: contain;
    background: color-mix(in srgb, var(--mud-palette-surface) 85%, white);
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
}

.club-friend-group-header[b-pr01iatnt5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.club-friend-group-name[b-pr01iatnt5] {
    flex: 1 1 320px;
}

.club-friend-group-add-row[b-pr01iatnt5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.club-friend-group-select[b-pr01iatnt5] {
    flex: 1 1 280px;
}
/* _content/Mahjong/Components/Pages/Clubs/ClubEdit.razor.rz.scp.css */
.theme-preview-shell[b-umhnn4iln7] {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--preview-primary) 22%, transparent);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--preview-secondary) 18%, transparent) 0%, transparent 36%),
        radial-gradient(circle at bottom left, color-mix(in srgb, var(--preview-primary) 14%, transparent) 0%, transparent 42%),
        var(--preview-background);
    color: var(--preview-text-primary);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
}

.theme-preview-topbar[b-umhnn4iln7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: color-mix(in srgb, var(--preview-drawer) 86%, black);
    border-bottom: 1px solid color-mix(in srgb, var(--preview-primary) 18%, transparent);
}

.theme-preview-brand[b-umhnn4iln7] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.theme-preview-logo[b-umhnn4iln7],
.theme-preview-fallback[b-umhnn4iln7] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    flex: 0 0 auto;
}

.theme-preview-logo[b-umhnn4iln7] {
    object-fit: contain;
    background: color-mix(in srgb, var(--preview-surface) 80%, white);
    padding: 6px;
}

.theme-preview-fallback[b-umhnn4iln7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--preview-primary), color-mix(in srgb, var(--preview-primary) 60%, white));
    color: var(--preview-primary-contrast);
    font-weight: 800;
    letter-spacing: 0.08em;
}

.theme-preview-brand-text[b-umhnn4iln7] {
    min-width: 0;
}

.theme-preview-brand-name[b-umhnn4iln7] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--preview-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme-preview-brand-meta[b-umhnn4iln7],
.theme-preview-user[b-umhnn4iln7] {
    font-size: 0.8rem;
    color: var(--preview-text-secondary);
}

.theme-preview-user[b-umhnn4iln7] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.theme-preview-content[b-umhnn4iln7] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 320px;
}

.theme-preview-sidebar[b-umhnn4iln7] {
    padding: 18px 14px;
    background: color-mix(in srgb, var(--preview-drawer) 90%, black);
    border-right: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
}

.theme-preview-nav-item[b-umhnn4iln7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 12px;
    color: var(--preview-text-secondary);
    font-size: 0.88rem;
}

.theme-preview-nav-item + .theme-preview-nav-item[b-umhnn4iln7] {
    margin-top: 8px;
}

.theme-preview-nav-item.is-active[b-umhnn4iln7] {
    background: color-mix(in srgb, var(--preview-primary) 14%, transparent);
    color: var(--preview-primary);
    border-left: 3px solid var(--preview-primary);
}

.theme-preview-main[b-umhnn4iln7] {
    padding: 20px;
}

.theme-preview-hero[b-umhnn4iln7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.theme-preview-title[b-umhnn4iln7] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.theme-preview-copy[b-umhnn4iln7] {
    max-width: 440px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--preview-text-secondary);
}

.theme-preview-badge[b-umhnn4iln7] {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--preview-secondary) 18%, transparent);
    color: var(--preview-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.theme-preview-actions[b-umhnn4iln7] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.theme-preview-btn[b-umhnn4iln7] {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-preview-btn.is-primary[b-umhnn4iln7] {
    background: var(--preview-primary);
    color: var(--preview-primary-contrast);
}

.theme-preview-btn.is-secondary[b-umhnn4iln7] {
    background: transparent;
    border-color: color-mix(in srgb, var(--preview-primary) 34%, transparent);
    color: var(--preview-primary);
}

.theme-preview-grid[b-umhnn4iln7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.theme-preview-card[b-umhnn4iln7] {
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--preview-surface) 92%, white) 0%,
        color-mix(in srgb, var(--preview-background) 88%, black) 100%);
    border: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
}

.theme-preview-card-label[b-umhnn4iln7] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--preview-text-secondary);
    margin-bottom: 8px;
}

.theme-preview-card-value[b-umhnn4iln7] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--preview-text-primary);
}

.theme-preview-card-value.is-primary[b-umhnn4iln7] {
    color: var(--preview-primary);
}

.theme-preview-card-value.is-secondary[b-umhnn4iln7] {
    color: var(--preview-secondary);
}

.theme-preview-swatches[b-umhnn4iln7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.theme-preview-swatch[b-umhnn4iln7] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--preview-primary) 12%, transparent);
    background: color-mix(in srgb, var(--preview-surface) 90%, black);
}

.theme-preview-swatch-color[b-umhnn4iln7] {
    height: 34px;
}

.theme-preview-swatch-label[b-umhnn4iln7] {
    padding: 8px 10px 10px;
    font-size: 0.72rem;
    color: var(--preview-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

@media (max-width: 900px) {
    .theme-preview-content[b-umhnn4iln7] {
        grid-template-columns: 1fr;
    }

    .theme-preview-sidebar[b-umhnn4iln7] {
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
    }

    .theme-preview-grid[b-umhnn4iln7],
    .theme-preview-swatches[b-umhnn4iln7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .theme-preview-topbar[b-umhnn4iln7],
    .theme-preview-hero[b-umhnn4iln7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .theme-preview-grid[b-umhnn4iln7],
    .theme-preview-swatches[b-umhnn4iln7] {
        grid-template-columns: 1fr;
    }
}
/* _content/Mahjong/Components/Pages/Clubs/ClubSiteConfig.razor.rz.scp.css */
.mud-table .mud-input-control[b-slp2jtoak9] {
    min-width: 120px;
}

.club-site-url-card[b-slp2jtoak9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}

.club-site-url-card > div[b-slp2jtoak9] {
    min-width: 0;
    flex: 1;
}

.club-site-url-card span[b-slp2jtoak9],
.club-site-url-card strong[b-slp2jtoak9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.club-site-url-card span[b-slp2jtoak9] {
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
}

.club-site-url-card strong[b-slp2jtoak9] {
    margin-top: 2px;
    font-size: .8rem;
}

.club-site-config-tabs .mud-tabpanel > .mud-paper[b-slp2jtoak9] {
    border: 0 !important;
    box-shadow: none !important;
}

.club-site-editor-toolbar[b-slp2jtoak9] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.club-site-free-page-summary[b-slp2jtoak9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.club-site-free-page-summary__main[b-slp2jtoak9] {
    min-width: 0;
    flex: 1 1 360px;
}

.club-site-free-page-summary__meta[b-slp2jtoak9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.club-site-free-page-fields[b-slp2jtoak9] {
    display: grid;
    gap: 16px;
    align-items: start;
}

.club-site-free-page-fields--menu[b-slp2jtoak9] {
    grid-template-columns: minmax(88px, 88px) minmax(0, 1fr);
}

.club-site-free-page-fields--content[b-slp2jtoak9] {
    grid-template-columns: minmax(88px, 88px) minmax(180px, 0.9fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(150px, 0.75fr);
}

.club-site-free-page-fields .mud-input-control[b-slp2jtoak9] {
    min-width: 0;
}

@media (max-width: 1200px) {
    .club-site-free-page-fields--content[b-slp2jtoak9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .club-site-free-page-fields--menu[b-slp2jtoak9],
    .club-site-free-page-fields--content[b-slp2jtoak9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .club-site-config-tabs .mud-tabpanel > .mud-paper[b-slp2jtoak9] {
        padding: 0 !important;
    }

    .club-site-editor-toolbar[b-slp2jtoak9] {
        position: sticky;
        top: 58px;
        z-index: 4;
        padding: 8px;
        border: 1px solid var(--mud-palette-divider);
        border-radius: 12px;
        background: var(--mud-palette-surface);
    }

    .club-site-rich-editor[b-slp2jtoak9] {
        min-height: 250px;
        padding: 14px;
    }
}

.club-site-editor-frame[b-slp2jtoak9] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
}

.club-site-rich-editor[b-slp2jtoak9] {
    min-height: 320px;
    padding: 18px;
    outline: none;
    line-height: 1.8;
}

.club-site-rich-editor--compact[b-slp2jtoak9] {
    min-height: 220px;
}

.club-site-rich-editor:empty[b-slp2jtoak9]::before {
    content: attr(data-placeholder);
    color: rgba(255, 255, 255, 0.45);
}

.club-site-rich-editor h1[b-slp2jtoak9],
.club-site-rich-editor h2[b-slp2jtoak9],
.club-site-rich-editor p[b-slp2jtoak9] {
    margin: 0 0 1rem;
}

.club-site-rich-editor ul[b-slp2jtoak9],
.club-site-rich-editor ol[b-slp2jtoak9] {
    padding-left: 1.3rem;
}

.club-site-rich-editor[b-slp2jtoak9]  hr,
.club-site-home-editorial-preview[b-slp2jtoak9]  hr {
    border: 0;
    border-top: 2px solid var(--club-site-divider-color, rgba(255, 255, 255, 0.35));
    margin: 1.25rem 0;
}

.club-site-rich-editor img[b-slp2jtoak9] {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
    padding: 12px;
}

.club-site-rich-editor[b-slp2jtoak9]  .club-site-map-iframe,
.club-site-home-editorial-preview[b-slp2jtoak9]  .club-site-map-iframe {
    display: block;
    width: 100%;
    min-height: 280px;
    margin: 1.25rem 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
}
/* _content/Mahjong/Components/Pages/Clubs/ClubSitePublic.razor.rz.scp.css */
.club-site-loading[b-zuqu6icxl1] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.club-site-page[b-zuqu6icxl1] {
    min-height: 100vh;
    color: var(--club-site-text);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--club-site-secondary) 16%, transparent) 0%, transparent 30%),
        radial-gradient(circle at bottom left, color-mix(in srgb, var(--club-site-primary) 18%, transparent) 0%, transparent 36%),
        var(--club-site-background);
}

.club-site-social-strip[b-zuqu6icxl1] {
    background: linear-gradient(90deg, var(--club-site-primary), color-mix(in srgb, var(--club-site-primary) 72%, black));
    color: var(--club-site-primary-contrast);
}

.club-site-social-strip__inner[b-zuqu6icxl1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.club-site-social-label[b-zuqu6icxl1] {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.club-site-social-links[b-zuqu6icxl1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.club-site-social-link[b-zuqu6icxl1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 999px;
    background: color-mix(in srgb, white 16%, transparent);
    color: inherit;
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.club-site-topbar[b-zuqu6icxl1] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 28px;
    background: color-mix(in srgb, var(--club-site-drawer) 90%, black);
    border-bottom: 1px solid color-mix(in srgb, var(--club-site-primary) 18%, transparent);
    backdrop-filter: blur(14px);
}

.club-site-branding[b-zuqu6icxl1] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
    text-decoration: none;
}

.club-site-logo[b-zuqu6icxl1] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    object-fit: contain;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 8px;
}

.club-site-logo-fallback[b-zuqu6icxl1],
.club-site-person-photo--fallback[b-zuqu6icxl1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background: linear-gradient(135deg, var(--club-site-primary), color-mix(in srgb, var(--club-site-primary) 60%, white));
    color: var(--club-site-primary-contrast);
}

.club-site-brand-title[b-zuqu6icxl1] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1.1rem;
    color: var(--club-site-primary);
    letter-spacing: 0.06em;
}

.club-site-brand-subtitle[b-zuqu6icxl1] {
    color: var(--club-site-text-secondary);
    font-size: 0.86rem;
}

.club-site-nav[b-zuqu6icxl1] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.club-site-nav a[b-zuqu6icxl1],
.club-site-card-meta a[b-zuqu6icxl1],
.club-site-contact-list a[b-zuqu6icxl1],
.club-site-partner-link[b-zuqu6icxl1] {
    color: var(--club-site-text);
    text-decoration: none;
}

.club-site-nav a:hover[b-zuqu6icxl1],
.club-site-card-meta a:hover[b-zuqu6icxl1],
.club-site-contact-list a:hover[b-zuqu6icxl1],
.club-site-partner-link:hover[b-zuqu6icxl1] {
    color: var(--club-site-primary);
}

.club-site-hero[b-zuqu6icxl1] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 24px;
    padding: 56px 28px 28px;
}

.club-site-hero h1[b-zuqu6icxl1] {
    margin: 16px 0 12px;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(2.2rem, 5vw, 4rem);
    color: var(--club-site-primary);
}

.club-site-hero p[b-zuqu6icxl1] {
    max-width: 700px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--club-site-text-secondary);
}

.club-site-hero-actions[b-zuqu6icxl1] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.club-site-summary-card[b-zuqu6icxl1],
.club-site-card[b-zuqu6icxl1] {
    border-radius: 22px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--club-site-surface) 92%, white) 0%, color-mix(in srgb, var(--club-site-background) 84%, black) 100%);
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);
}

.club-site-summary-card[b-zuqu6icxl1] {
    padding: 24px;
}

.club-site-summary-line[b-zuqu6icxl1] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--club-site-primary) 10%, transparent);
}

.club-site-summary-line:last-child[b-zuqu6icxl1] {
    border-bottom: 0;
}

.club-site-summary-line span[b-zuqu6icxl1] {
    color: var(--club-site-text-secondary);
}

.club-site-section[b-zuqu6icxl1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px;
}

.club-site-section-heading[b-zuqu6icxl1] {
    margin-bottom: 18px;
}

.club-site-section-intro[b-zuqu6icxl1] {
    max-width: 760px;
    color: var(--club-site-text-secondary);
    line-height: 1.8;
}

.club-site-card-grid[b-zuqu6icxl1],
.club-site-location-grid[b-zuqu6icxl1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.club-site-about-grid[b-zuqu6icxl1],
.club-site-gallery-grid[b-zuqu6icxl1] {
    display: grid;
    gap: 18px;
}

.club-site-about-grid[b-zuqu6icxl1] {
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.8fr);
}

.club-site-gallery-grid[b-zuqu6icxl1] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.club-site-gallery-stack[b-zuqu6icxl1] {
    display: grid;
    gap: 18px;
}

.club-site-location-grid[b-zuqu6icxl1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.club-site-card[b-zuqu6icxl1] {
    padding: 22px;
}

.club-site-about-text[b-zuqu6icxl1] {
    white-space: pre-line;
    color: var(--club-site-text-secondary);
    line-height: 1.85;
}

.club-site-about-logo-card[b-zuqu6icxl1] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.club-site-about-logo[b-zuqu6icxl1] {
    width: min(100%, 260px);
    max-height: 260px;
    object-fit: contain;
}

.club-site-person-header[b-zuqu6icxl1],
.club-site-partner-header[b-zuqu6icxl1] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.club-site-person-photo[b-zuqu6icxl1] {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    object-fit: cover;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
}

.club-site-role[b-zuqu6icxl1],
.club-site-location-note[b-zuqu6icxl1],
.club-site-card p[b-zuqu6icxl1],
.club-site-contact-list[b-zuqu6icxl1],
.club-site-card-meta[b-zuqu6icxl1] {
    color: var(--club-site-text-secondary);
}

.club-site-card-meta[b-zuqu6icxl1],
.club-site-contact-list[b-zuqu6icxl1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.club-site-partner-logo[b-zuqu6icxl1] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 18px;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 8px;
}

.club-site-partner-link[b-zuqu6icxl1] {
    display: inline-block;
    margin-top: 14px;
    color: var(--club-site-primary);
    font-weight: 700;
}

.club-site-gallery-heading[b-zuqu6icxl1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.club-site-gallery-heading h3[b-zuqu6icxl1],
.club-site-gallery-heading p[b-zuqu6icxl1] {
    margin: 0;
}

.club-site-gallery-heading p[b-zuqu6icxl1] {
    color: var(--club-site-text-secondary);
}

.club-site-gallery-photo-card[b-zuqu6icxl1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}

.club-site-gallery-photo[b-zuqu6icxl1] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
}

.club-site-gallery-caption[b-zuqu6icxl1] {
    color: var(--club-site-text-secondary);
    font-size: 0.92rem;
}

@media (max-width: 980px) {
    .club-site-topbar[b-zuqu6icxl1],
    .club-site-hero[b-zuqu6icxl1] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
    }

    .club-site-card-grid[b-zuqu6icxl1],
    .club-site-location-grid[b-zuqu6icxl1],
    .club-site-about-grid[b-zuqu6icxl1],
    .club-site-gallery-grid[b-zuqu6icxl1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .club-site-social-strip__inner[b-zuqu6icxl1],
    .club-site-topbar[b-zuqu6icxl1],
    .club-site-hero[b-zuqu6icxl1],
    .club-site-section[b-zuqu6icxl1] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .club-site-card-grid[b-zuqu6icxl1],
    .club-site-location-grid[b-zuqu6icxl1],
    .club-site-about-grid[b-zuqu6icxl1],
    .club-site-gallery-grid[b-zuqu6icxl1] {
        grid-template-columns: 1fr;
    }

    .club-site-gallery-heading[b-zuqu6icxl1] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Mahjong/Components/Pages/Clubs/ClubSiteView.razor.rz.scp.css */
.club-site-loading[b-9on1twel19] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.club-site-page[b-9on1twel19] {
    min-height: 100vh;
    color: var(--club-site-text);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--club-site-secondary) 16%, transparent) 0%, transparent 30%),
        radial-gradient(circle at bottom left, color-mix(in srgb, var(--club-site-primary) 18%, transparent) 0%, transparent 36%),
        var(--club-site-background);
}

.club-site-social-strip[b-9on1twel19] {
    width: min(1200px, calc(100% - 56px));
    margin: 14px auto 0;
    box-sizing: border-box;
    background: linear-gradient(90deg, var(--club-site-primary), color-mix(in srgb, var(--club-site-primary) 72%, black));
    color: var(--club-site-primary-contrast);
}

.club-site-social-strip__inner[b-9on1twel19] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.club-site-social-label[b-9on1twel19] {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.club-site-social-links[b-9on1twel19] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.club-site-social-link[b-9on1twel19] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 999px;
    /* Pastille blanche : les logos gardent leurs couleurs officielles, lisibles sur le bandeau du club */
    background: #ffffff;
    color: #111111;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    transition: transform .15s ease;
}

.club-site-social-link:hover[b-9on1twel19] {
    transform: translateY(-1px);
}

.club-site-social-link svg[b-9on1twel19] {
    width: 20px;
    height: 20px;
    display: block;
}

.club-site-topbar[b-9on1twel19] {
    position: sticky;
    top: 0;
    z-index: 20;
    width: min(1200px, calc(100% - 56px));
    margin: 0 auto;
    box-sizing: border-box;
    padding: 18px 28px;
    background: color-mix(in srgb, var(--club-site-drawer) 90%, black);
    border-bottom: 1px solid color-mix(in srgb, var(--club-site-primary) 18%, transparent);
    backdrop-filter: blur(14px);
}

.club-site-topbar-inner[b-9on1twel19] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.club-site-topbar-main[b-9on1twel19] {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

.club-site-branding[b-9on1twel19] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
    text-decoration: none;
}

.club-site-logo[b-9on1twel19] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    object-fit: contain;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 8px;
}

.club-site-logo-fallback[b-9on1twel19],
.club-site-person-photo--fallback[b-9on1twel19] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background: linear-gradient(135deg, var(--club-site-primary), color-mix(in srgb, var(--club-site-primary) 60%, white));
    color: var(--club-site-primary-contrast);
}

.club-site-brand-title[b-9on1twel19] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1.1rem;
    color: var(--club-site-primary);
    letter-spacing: 0.06em;
}

.club-site-brand-subtitle[b-9on1twel19] {
    color: var(--club-site-text-secondary);
    font-size: 0.86rem;
}

.club-site-nav[b-9on1twel19] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.club-site-menu-toggle[b-9on1twel19] {
    display: none;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 25%, transparent);
    border-radius: 12px;
    background: transparent;
    color: var(--club-site-text);
    font: inherit;
    font-weight: 650;
}

.club-site-nav-item[b-9on1twel19] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.club-site-nav-item--has-children[b-9on1twel19] {
    position: relative;
}

.club-site-nav-submenu[b-9on1twel19] {
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    z-index: 30;
    min-width: 220px;
    display: none;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--club-site-surface) 95%, black);
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 16%, transparent);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}

.club-site-nav-item--has-children:hover .club-site-nav-submenu[b-9on1twel19],
.club-site-nav-item--has-children:focus-within .club-site-nav-submenu[b-9on1twel19] {
    display: flex;
}

.club-site-nav-submenu-link[b-9on1twel19] {
    white-space: nowrap;
}

.club-site-topbar-actions[b-9on1twel19] {
    margin-left: auto;
}

.club-site-nav a[b-9on1twel19],
.club-site-nav-parent-label[b-9on1twel19],
.club-site-nav-submenu-link[b-9on1twel19],
.club-site-card-meta a[b-9on1twel19],
.club-site-contact-list a[b-9on1twel19],
.club-site-partner-link[b-9on1twel19] {
    display: inline-flex;
    align-items: center;
    color: var(--club-site-text);
    text-decoration: none;
}

.club-site-nav-parent-label[b-9on1twel19] {
    cursor: default;
    line-height: inherit;
}

.club-site-nav a:hover[b-9on1twel19],
.club-site-nav-submenu-link:hover[b-9on1twel19],
.club-site-card-meta a:hover[b-9on1twel19],
.club-site-contact-list a:hover[b-9on1twel19],
.club-site-partner-link:hover[b-9on1twel19] {
    color: var(--club-site-primary);
}

.club-site-hero[b-9on1twel19] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 24px;
    padding: 56px 28px 28px;
}

.club-site-hero h1[b-9on1twel19] {
    margin: 16px 0 12px;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(2.2rem, 5vw, 4rem);
    color: var(--club-site-primary);
}

.club-site-hero p[b-9on1twel19] {
    max-width: 700px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--club-site-text-secondary);
}

.club-site-hero-actions[b-9on1twel19] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.club-site-summary-card[b-9on1twel19],
.club-site-card[b-9on1twel19] {
    border-radius: 22px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--club-site-surface) 92%, white) 0%, color-mix(in srgb, var(--club-site-background) 84%, black) 100%);
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);
}

.club-site-summary-card[b-9on1twel19] {
    padding: 24px;
}

.club-site-summary-line[b-9on1twel19] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--club-site-primary) 10%, transparent);
}

.club-site-summary-line:last-child[b-9on1twel19] {
    border-bottom: 0;
}

.club-site-summary-line span[b-9on1twel19] {
    color: var(--club-site-text-secondary);
}

.club-site-section[b-9on1twel19] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px;
}

.club-site-home-section[b-9on1twel19] {
    padding-top: 8px;
}

.club-site-home-editorial[b-9on1twel19] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border-radius: 24px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--club-site-surface) 94%, white) 0%, color-mix(in srgb, var(--club-site-background) 88%, black) 100%);
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);
}

.club-site-section-editorial[b-9on1twel19] {
    margin-bottom: 24px;
    padding: 24px;
}

.club-site-home-editorial-preview[b-9on1twel19] {
    box-shadow: none;
    padding: 0;
    background: transparent;
    border: 0;
}

.club-site-home-editorial :is(h1, h2, h3, p, ul, ol, blockquote)[b-9on1twel19] {
    margin-top: 0;
}

.club-site-home-editorial h1[b-9on1twel19] {
    margin-bottom: 1rem;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    color: var(--club-site-primary);
}

.club-site-home-editorial h2[b-9on1twel19] {
    margin-bottom: 0.85rem;
    font-size: clamp(1.35rem, 2.5vw, 1.9rem);
}

.club-site-home-editorial p[b-9on1twel19],
.club-site-home-editorial li[b-9on1twel19],
.club-site-home-editorial blockquote[b-9on1twel19] {
    font-size: 1.08rem;
    line-height: 1.8;
}

.club-site-home-editorial a[b-9on1twel19] {
    color: var(--club-site-primary);
    text-decoration-thickness: 2px;
    text-underline-offset: 0.16em;
}

.club-site-home-editorial[b-9on1twel19]  hr {
    border: 0;
    border-top: 2px solid var(--club-site-divider-color, color-mix(in srgb, var(--club-site-primary) 45%, white));
    margin: 1.25rem 0;
    opacity: 0.9;
}

.club-site-home-editorial ul[b-9on1twel19],
.club-site-home-editorial ol[b-9on1twel19] {
    padding-left: 1.4rem;
}

.club-site-home-editorial img[b-9on1twel19],
.club-site-home-inline-logo[b-9on1twel19] {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 22px;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 12px;
}

.club-site-home-text[b-9on1twel19],
.club-site-home-link[b-9on1twel19] {
    margin: 0;
    line-height: 1.75;
}

.club-site-home-text--hero[b-9on1twel19],
.club-site-home-link.club-site-home-text--hero[b-9on1twel19] {
    font-size: clamp(2rem, 4.2vw, 3.4rem);
}

.club-site-home-text--lead[b-9on1twel19],
.club-site-home-link.club-site-home-text--lead[b-9on1twel19] {
    font-size: clamp(1.35rem, 2.4vw, 1.9rem);
}

.club-site-home-text--body[b-9on1twel19],
.club-site-home-link.club-site-home-text--body[b-9on1twel19] {
    font-size: 1.08rem;
}

.club-site-home-text--small[b-9on1twel19],
.club-site-home-link.club-site-home-text--small[b-9on1twel19] {
    font-size: 0.95rem;
}

.club-site-home-link[b-9on1twel19] {
    color: var(--club-site-primary);
    text-decoration-thickness: 2px;
    text-underline-offset: 0.16em;
    width: fit-content;
}

.club-site-home-logo[b-9on1twel19] {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: 22px;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 12px;
}

.club-site-home-logo--hero[b-9on1twel19] {
    width: min(100%, 260px);
}

.club-site-home-logo--lead[b-9on1twel19] {
    width: min(100%, 180px);
}

.club-site-home-logo--body[b-9on1twel19] {
    width: min(100%, 132px);
}

.club-site-home-logo--small[b-9on1twel19] {
    width: min(100%, 92px);
}

.club-site-section-heading[b-9on1twel19] {
    margin-bottom: 18px;
}

.club-site-section-intro[b-9on1twel19] {
    max-width: 760px;
    color: var(--club-site-text-secondary);
    line-height: 1.8;
}

.club-site-card-grid[b-9on1twel19],
.club-site-location-grid[b-9on1twel19] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.club-site-about-grid[b-9on1twel19],
.club-site-gallery-grid[b-9on1twel19] {
    display: grid;
    gap: 18px;
}

.club-site-about-grid[b-9on1twel19] {
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.8fr);
}

.club-site-gallery-grid[b-9on1twel19] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.club-site-gallery-stack[b-9on1twel19] {
    display: grid;
    gap: 18px;
}

.club-site-location-grid[b-9on1twel19] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.club-site-location-grid--single[b-9on1twel19] {
    grid-template-columns: minmax(0, 1fr);
}

.club-site-card[b-9on1twel19] {
    padding: 22px;
}

.club-site-about-text[b-9on1twel19] {
    white-space: pre-line;
    color: var(--club-site-text-secondary);
    line-height: 1.85;
}

.club-site-about-logo-card[b-9on1twel19] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.club-site-about-logo[b-9on1twel19] {
    width: min(100%, 260px);
    max-height: 260px;
    object-fit: contain;
}

.club-site-person-header[b-9on1twel19],
.club-site-partner-header[b-9on1twel19] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.club-site-person-photo[b-9on1twel19] {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    object-fit: cover;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
}

.club-site-role[b-9on1twel19],
.club-site-location-note[b-9on1twel19],
.club-site-card p[b-9on1twel19],
.club-site-contact-list[b-9on1twel19],
.club-site-card-meta[b-9on1twel19] {
    color: var(--club-site-text-secondary);
}

.club-site-card-meta[b-9on1twel19],
.club-site-contact-list[b-9on1twel19] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.club-site-contact-list--compact[b-9on1twel19] {
    margin-top: 10px;
}

.club-site-location-contact-block[b-9on1twel19] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid color-mix(in srgb, var(--club-site-primary) 10%, transparent);
}

.club-site-location-contact-block h4[b-9on1twel19] {
    margin: 0 0 8px;
    color: var(--club-site-text);
}

.club-site-location-contact-name[b-9on1twel19] {
    margin: 0;
    font-weight: 700;
    color: var(--club-site-text);
}

.club-site-map-preview[b-9on1twel19] {
    margin-top: 18px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
    background: color-mix(in srgb, var(--club-site-surface) 88%, white);
}

.club-site-map-iframe[b-9on1twel19] {
    display: block;
    width: 100%;
    min-height: 280px;
    border: 0;
}

.club-site-home-editorial[b-9on1twel19]  .club-site-map-iframe,
.club-site-section-editorial[b-9on1twel19]  .club-site-map-iframe {
    display: block;
    width: 100%;
    min-height: 280px;
    margin: 1.25rem 0;
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--club-site-surface) 88%, white);
}

.club-site-partner-logo[b-9on1twel19] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 18px;
    background: color-mix(in srgb, var(--club-site-surface) 84%, white);
    padding: 8px;
}

.club-site-partner-link[b-9on1twel19] {
    display: inline-block;
    margin-top: 14px;
    color: var(--club-site-primary);
    font-weight: 700;
}

.club-site-gallery-heading[b-9on1twel19] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.club-site-gallery-heading h3[b-9on1twel19],
.club-site-gallery-heading p[b-9on1twel19] {
    margin: 0;
}

.club-site-gallery-heading p[b-9on1twel19] {
    color: var(--club-site-text-secondary);
}

.club-site-gallery-photo-card[b-9on1twel19] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}

.club-site-gallery-photo[b-9on1twel19] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--club-site-primary) 14%, transparent);
}

.club-site-gallery-caption[b-9on1twel19] {
    color: var(--club-site-text-secondary);
    font-size: 0.92rem;
}

@media (max-width: 980px) {
    .club-site-topbar[b-9on1twel19],
    .club-site-hero[b-9on1twel19] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
    }

    .club-site-nav-item[b-9on1twel19] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .club-site-topbar-main[b-9on1twel19] {
        width: 100%;
        justify-content: space-between;
    }

    .club-site-menu-toggle[b-9on1twel19] {
        display: inline-flex;
    }

    .club-site-nav[b-9on1twel19] {
        display: none;
        width: 100%;
        padding-top: 14px;
        border-top: 1px solid color-mix(in srgb, var(--club-site-primary) 15%, transparent);
    }

    .club-site-nav--open[b-9on1twel19] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .club-site-nav-submenu[b-9on1twel19] {
        position: static;
        display: flex;
        min-width: 0;
        width: 100%;
        margin-top: 8px;
        padding: 10px 12px;
    }

    .club-site-card-grid[b-9on1twel19],
    .club-site-location-grid[b-9on1twel19],
    .club-site-about-grid[b-9on1twel19],
    .club-site-gallery-grid[b-9on1twel19] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .club-site-social-strip__inner[b-9on1twel19],
    .club-site-topbar[b-9on1twel19],
    .club-site-hero[b-9on1twel19],
    .club-site-section[b-9on1twel19] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .club-site-social-strip[b-9on1twel19] {
        width: calc(100% - 36px);
    }

    .club-site-topbar[b-9on1twel19] {
        width: calc(100% - 36px);
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .club-site-brand-title[b-9on1twel19] { font-size: 0.9rem; }
    .club-site-brand-subtitle[b-9on1twel19] { font-size: 0.74rem; }
    .club-site-logo[b-9on1twel19] { width: 40px; height: 40px; }
    .club-site-hero[b-9on1twel19] { padding-top: 34px; }
    .club-site-hero h1[b-9on1twel19] { font-size: clamp(2rem, 10vw, 3rem); }
    .club-site-hero-actions > *[b-9on1twel19] { width: 100%; }

    .club-site-card-grid[b-9on1twel19],
    .club-site-location-grid[b-9on1twel19],
    .club-site-about-grid[b-9on1twel19],
    .club-site-gallery-grid[b-9on1twel19] {
        grid-template-columns: 1fr;
    }

    .club-site-gallery-heading[b-9on1twel19] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ── Site hors ligne ── */
.club-site-offline[b-9on1twel19] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 420px;
    padding: 32px 24px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.club-site-offline strong[b-9on1twel19] {
    color: var(--mud-palette-text-primary);
    font-size: 1.2rem;
}

.club-site-offline-banner[b-9on1twel19] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 16px;
    background: #fff4d6;
    color: #5c4300;
    font-size: .85rem;
}

.club-site-offline-banner a[b-9on1twel19] {
    color: inherit;
    font-weight: 700;
}
/* _content/Mahjong/Components/Pages/Tournois/TournoiEdit.razor.rz.scp.css */
/* Assistant de création / modification de tournoi */

.tw[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: minmax(300px, 40%) minmax(0, 1fr);
    min-height: 620px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-lg);
    background: var(--mud-palette-surface);
    box-shadow: var(--app-shadow-md);
    overflow: hidden;
    overflow: clip;
}

/* Photo d'ambiance */
.tw-hero[b-z7gz2e3l0o] {
    position: sticky;
    top: 84px;
    align-self: start;
    height: min(calc(100vh - 120px), 780px);
    min-height: 560px;
    overflow: hidden;
    color: #fff;
    background: #10201a;
}

.tw-hero__photo[b-z7gz2e3l0o] {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    animation: tw-photo-in-b-z7gz2e3l0o 14s ease-out both;
}

.tw-hero__shade[b-z7gz2e3l0o] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 18, 14, .1) 0%, rgba(8, 18, 14, .3) 45%, rgba(8, 18, 14, .9) 100%);
}

.tw-hero__content[b-z7gz2e3l0o] {
    position: absolute;
    right: 36px;
    bottom: 40px;
    left: 36px;
    animation: tw-rise-b-z7gz2e3l0o .6s .15s cubic-bezier(.2, .8, .2, 1) both;
}

.tw-hero__eyebrow[b-z7gz2e3l0o] {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.tw-hero__title[b-z7gz2e3l0o] {
    margin: 0 0 10px;
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.1;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

.tw-hero__lead[b-z7gz2e3l0o] {
    max-width: 420px;
    margin: 0;
    font-size: .95rem;
    line-height: 1.55;
    opacity: .86;
}


/* Panneau du formulaire */
.tw-panel[b-z7gz2e3l0o] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px 36px 24px;
}

/* Barre d'étapes */
.tw-steps[b-z7gz2e3l0o] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--tw-nb, 6), minmax(0, 1fr));
    margin-bottom: 30px;
}

.tw-steps__track[b-z7gz2e3l0o] {
    position: absolute;
    top: 19px;
    right: calc(100% / var(--tw-nb, 6) / 2);
    left: calc(100% / var(--tw-nb, 6) / 2);
    height: 3px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 18%, transparent);
}

.tw-steps__fill[b-z7gz2e3l0o] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--mud-palette-primary), color-mix(in srgb, var(--mud-palette-primary) 55%, #f5c26b));
    transition: width .5s cubic-bezier(.2, .8, .2, 1);
}

.tw-step[b-z7gz2e3l0o] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-text-secondary);
    font: inherit;
    cursor: pointer;
}

.tw-step:disabled[b-z7gz2e3l0o] {
    cursor: default;
    opacity: .5;
}

.tw-step__dot[b-z7gz2e3l0o] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 2px solid color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
    border-radius: 50%;
    background: var(--mud-palette-surface);
    transition: background .3s, border-color .3s, box-shadow .3s, transform .3s, color .3s;
}

.tw-step__label[b-z7gz2e3l0o] {
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.tw-step:not(:disabled):hover .tw-step__dot[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.tw-step.is-done .tw-step__dot[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
}

.tw-step.is-current .tw-step__dot[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    transform: scale(1.08);
}

.tw-step.is-current .tw-step__label[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-primary);
    font-weight: 750;
}

/* Contenu de l'étape */
.tw-body[b-z7gz2e3l0o] {
    flex: 1;
    animation: tw-slide-forward-b-z7gz2e3l0o .45s cubic-bezier(.2, .8, .2, 1) both;
}

.tw-body--back[b-z7gz2e3l0o] { animation-name: tw-slide-back-b-z7gz2e3l0o; }

.tw-label[b-z7gz2e3l0o] {
    margin-bottom: 10px;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.tw-body[b-z7gz2e3l0o]  .tw-name input {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

/* Cartes de choix */
.tw-rules[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tw-rule[b-z7gz2e3l0o],
.tw-choice[b-z7gz2e3l0o],
.tw-summary__item[b-z7gz2e3l0o],
.tw-segment__item[b-z7gz2e3l0o] {
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tw-rule[b-z7gz2e3l0o] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 20px;
    overflow: hidden;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-md);
    background: var(--mud-palette-surface);
    transition: border-color .2s, background .2s, box-shadow .2s, transform .2s;
}

.tw-rule:hover[b-z7gz2e3l0o],
.tw-choice:hover[b-z7gz2e3l0o] {
    box-shadow: var(--app-shadow-md);
    transform: translateY(-2px);
}

.tw-rule.is-selected[b-z7gz2e3l0o],
.tw-choice.is-selected[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
}

.tw-rule__glyph[b-z7gz2e3l0o] {
    margin-bottom: 8px;
    color: var(--mud-palette-primary);
    font-family: "Noto Serif JP", "Yu Mincho", "SimSun", serif;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1;
}

.tw-rule__name[b-z7gz2e3l0o] {
    font-size: 1rem;
    font-weight: 750;
}

.tw-rule__desc[b-z7gz2e3l0o],
.tw-choice__desc[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
    line-height: 1.45;
}

.tw-check[b-z7gz2e3l0o] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    transform: scale(0);
    transition: transform .25s cubic-bezier(.3, 1.6, .5, 1);
}

.is-selected > .tw-check[b-z7gz2e3l0o] { transform: scale(1); }

.tw-choices[b-z7gz2e3l0o] {
    display: grid;
    gap: 10px;
}

.tw-choices--duo[b-z7gz2e3l0o] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.tw-choice[b-z7gz2e3l0o] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    padding: 14px 48px 14px 14px;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-md);
    background: var(--mud-palette-surface);
    transition: border-color .2s, background .2s, box-shadow .2s, transform .2s;
}

.tw-choice > .tw-check[b-z7gz2e3l0o] { top: calc(50% - 12px); }

.tw-choice__icon[b-z7gz2e3l0o] {
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    color: var(--mud-palette-text-secondary);
    transition: background .2s, color .2s;
}

.tw-choice.is-selected .tw-choice__icon[b-z7gz2e3l0o] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.tw-choice__text[b-z7gz2e3l0o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.tw-choice__title[b-z7gz2e3l0o] {
    font-size: .95rem;
    font-weight: 700;
}

.tw-rule:focus-visible[b-z7gz2e3l0o],
.tw-choice:focus-visible[b-z7gz2e3l0o],
.tw-step:focus-visible .tw-step__dot[b-z7gz2e3l0o],
.tw-segment__item:focus-visible[b-z7gz2e3l0o],
.tw-summary__item:focus-visible[b-z7gz2e3l0o] {
    outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    outline-offset: 2px;
}

.tw-step:focus-visible[b-z7gz2e3l0o] { outline: none; }

/* Repas à réserver */
.tw-section-title[b-z7gz2e3l0o] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 750;
}

.tw-section-title[b-z7gz2e3l0o]  .mud-icon-root { color: var(--mud-palette-primary); }

.tw-meals[b-z7gz2e3l0o] {
    display: grid;
    gap: 10px;
}

.tw-meal[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 130px auto;
    align-items: start;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-md);
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    animation: tw-pop-b-z7gz2e3l0o .3s both;
}

.tw-meal__icon[b-z7gz2e3l0o] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.tw-meal__fields[b-z7gz2e3l0o] {
    display: grid;
    gap: 8px;
}

.tw-meal__price[b-z7gz2e3l0o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tw-meal__booked[b-z7gz2e3l0o] {
    color: var(--mud-palette-success);
    font-size: .75rem;
    font-weight: 700;
}

/* Affiche */
.tw-affiche[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.tw-affiche__img[b-z7gz2e3l0o] {
    width: 100%;
    max-width: 280px;
    max-height: 420px;
    object-fit: contain;
    border-radius: var(--app-radius-md);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    box-shadow: var(--app-shadow-md);
    animation: tw-pop-b-z7gz2e3l0o .35s both;
}

.tw-affiche__actions[b-z7gz2e3l0o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.tw-dropzone[b-z7gz2e3l0o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 32px 20px;
    border: 2px dashed color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
    border-radius: var(--app-radius-lg);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
    text-align: center;
}

.tw-dropzone__icon[b-z7gz2e3l0o] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 4px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.tw-dropzone__title[b-z7gz2e3l0o] { font-weight: 750; }

.tw-dropzone__text[b-z7gz2e3l0o] {
    margin-bottom: 10px;
    color: var(--mud-palette-text-secondary);
    font-size: .85rem;
}

/* Suggestions de la buvette */
.tw-suggestions[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tw-suggestion[b-z7gz2e3l0o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px 7px 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .2s, background .2s, color .2s;
}

.tw-suggestion:hover[b-z7gz2e3l0o] { border-color: var(--mud-palette-primary); }

.tw-suggestion.is-selected[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
}

.tw-suggestion:focus-visible[b-z7gz2e3l0o] {
    outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    outline-offset: 2px;
}

/* Durée */
.tw-segment[b-z7gz2e3l0o] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
}

.tw-segment__item[b-z7gz2e3l0o] {
    padding: 8px 20px;
    border: 0;
    border-radius: 999px;
    background: none;
    color: var(--mud-palette-text-secondary);
    font-size: .88rem;
    font-weight: 650;
    transition: background .2s, color .2s, box-shadow .2s;
}

.tw-segment__item.is-selected[b-z7gz2e3l0o] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

/* Programme par jour */
.tw-timeline[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.tw-day[b-z7gz2e3l0o] {
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    border-radius: var(--app-radius-md);
    background: linear-gradient(160deg, color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface)), var(--mud-palette-surface));
}

.tw-day.is-empty[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, var(--mud-palette-surface));
}

.tw-day__head[b-z7gz2e3l0o] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
}

.tw-day__num[b-z7gz2e3l0o] {
    color: var(--mud-palette-primary);
    font-weight: 800;
}

.tw-day__date[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.tw-day__rounds[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 38px;
}

/* Une manche = une tuile */
.tw-round[b-z7gz2e3l0o] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 34px;
    border-bottom: 4px solid var(--mud-palette-primary);
    border-radius: 5px;
    background: linear-gradient(#fffdf6, #ece4d0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .18);
    color: #2b2b2b;
    font-size: .8rem;
    font-weight: 800;
    animation: tw-pop-b-z7gz2e3l0o .35s both;
}

.tw-day__foot[b-z7gz2e3l0o] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.tw-day__count[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    font-weight: 600;
}

.tw-day__btn[b-z7gz2e3l0o] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    border-radius: 50%;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-primary);
    cursor: pointer;
    transition: background .2s, opacity .2s;
}

.tw-day__btn:not(:disabled):hover[b-z7gz2e3l0o] { background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface)); }

.tw-day__btn:disabled[b-z7gz2e3l0o] {
    cursor: default;
    opacity: .35;
}

.tw-day__btn:focus-visible[b-z7gz2e3l0o],
.tw-link:focus-visible[b-z7gz2e3l0o] {
    outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    outline-offset: 2px;
}

.tw-programme[b-z7gz2e3l0o] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.tw-link[b-z7gz2e3l0o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    font-size: .8rem;
    font-weight: 650;
    cursor: pointer;
}

.tw-hint[b-z7gz2e3l0o] {
    margin: -4px 0 12px;
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

/* Capacité */
.tw-capacity[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin-bottom: 18px;
}

.tw-capacity__stat[b-z7gz2e3l0o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.tw-capacity__value[b-z7gz2e3l0o] {
    color: var(--mud-palette-primary);
    font-size: 3rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    animation: tw-pop-b-z7gz2e3l0o .4s both;
}

.tw-capacity__unit[b-z7gz2e3l0o] {
    font-size: .85rem;
    font-weight: 700;
}

.tw-capacity__hint[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.tw-tables[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

/* Une table et ses quatre joueurs */
.tw-table[b-z7gz2e3l0o] {
    width: 14px;
    height: 14px;
    margin: 8px;
    border-radius: 3px;
    background: var(--mud-palette-primary);
    box-shadow:
        0 -10px 0 -4px color-mix(in srgb, var(--mud-palette-primary) 45%, transparent),
        0 10px 0 -4px color-mix(in srgb, var(--mud-palette-primary) 45%, transparent),
        10px 0 0 -4px color-mix(in srgb, var(--mud-palette-primary) 45%, transparent),
        -10px 0 0 -4px color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    animation: tw-pop-b-z7gz2e3l0o .3s both;
}

.tw-tables__more[b-z7gz2e3l0o] {
    margin-left: 6px;
    color: var(--mud-palette-text-secondary);
    font-size: .85rem;
    font-weight: 700;
}

/* Récapitulatif façon affiche */
.tw-poster[b-z7gz2e3l0o] {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 230px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: var(--app-radius-lg);
    box-shadow: var(--app-shadow-md);
    color: #fff;
}

.tw-poster__photo[b-z7gz2e3l0o] {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    animation: tw-photo-in-b-z7gz2e3l0o 14s ease-out both;
}

.tw-poster__photo[b-z7gz2e3l0o]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 18, 14, .05) 0%, rgba(8, 18, 14, .85) 100%);
    content: "";
}

.tw-poster__content[b-z7gz2e3l0o] {
    position: relative;
    padding: 24px;
}

.tw-poster__badges[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.tw-badge[b-z7gz2e3l0o] {
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(8px);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.tw-poster__title[b-z7gz2e3l0o] {
    margin: 0 0 10px;
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.tw-poster__meta[b-z7gz2e3l0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    font-size: .88rem;
    opacity: .92;
}

.tw-poster__meta span[b-z7gz2e3l0o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tw-summary[b-z7gz2e3l0o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tw-summary__item[b-z7gz2e3l0o] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-sm);
    background: var(--mud-palette-surface);
    transition: border-color .2s, background .2s;
}

.tw-summary__item:hover[b-z7gz2e3l0o] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}

.tw-summary__icon[b-z7gz2e3l0o] {
    display: grid;
    flex: none;
    color: var(--mud-palette-primary);
}

.tw-summary__text[b-z7gz2e3l0o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.tw-summary__label[b-z7gz2e3l0o] {
    color: var(--mud-palette-text-secondary);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tw-summary__value[b-z7gz2e3l0o] {
    font-size: .9rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.tw-summary__edit[b-z7gz2e3l0o] {
    display: grid;
    color: var(--mud-palette-primary);
    opacity: 0;
    transition: opacity .2s;
}

.tw-summary__item:hover .tw-summary__edit[b-z7gz2e3l0o],
.tw-summary__item:focus-visible .tw-summary__edit[b-z7gz2e3l0o] { opacity: 1; }

/* Navigation */
.tw-footer[b-z7gz2e3l0o] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.tw-footer__spacer[b-z7gz2e3l0o] { flex: 1; }

.tw-footer[b-z7gz2e3l0o]  .tw-footer__main {
    padding-inline: 22px;
    border-radius: 999px;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}

/* Animations */
@keyframes tw-photo-in-b-z7gz2e3l0o {
    0% { opacity: 0; transform: scale(1.14); }
    10% { opacity: 1; }
    100% { opacity: 1; transform: scale(1.02); }
}

@keyframes tw-rise-b-z7gz2e3l0o {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
}

@keyframes tw-slide-forward-b-z7gz2e3l0o {
    from { opacity: 0; transform: translateX(28px); }
    to { opacity: 1; transform: none; }
}

@keyframes tw-slide-back-b-z7gz2e3l0o {
    from { opacity: 0; transform: translateX(-28px); }
    to { opacity: 1; transform: none; }
}

@keyframes tw-pop-b-z7gz2e3l0o {
    0% { opacity: 0; transform: scale(.6); }
    70% { transform: scale(1.08); }
    100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .tw *[b-z7gz2e3l0o],
    .tw *[b-z7gz2e3l0o]::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Tablette et mobile : la photo devient un bandeau */
@media (max-width: 960px) {
    .tw[b-z7gz2e3l0o] { grid-template-columns: minmax(0, 1fr); }

    .tw-hero[b-z7gz2e3l0o] {
        position: relative;
        top: auto;
        height: auto;
        min-height: 230px;
    }

    .tw-hero__content[b-z7gz2e3l0o] {
        right: 20px;
        bottom: 24px;
        left: 20px;
    }

    .tw-hero__lead[b-z7gz2e3l0o] { font-size: .85rem; }


    .tw-panel[b-z7gz2e3l0o] { padding: 22px 18px 0; }

    .tw-footer[b-z7gz2e3l0o] {
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin: 24px -18px 0;
        padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
        background: var(--mud-palette-surface);
    }
}

@media (max-width: 600px) {
    .tw-hero[b-z7gz2e3l0o] { min-height: 200px; }

    .tw-hero__title[b-z7gz2e3l0o] { font-size: 1.4rem; }

    .tw-hero__lead[b-z7gz2e3l0o] { display: none; }

    .tw-steps[b-z7gz2e3l0o] { margin-bottom: 22px; }

    .tw-steps__track[b-z7gz2e3l0o] { top: 16px; }

    .tw-step__dot[b-z7gz2e3l0o] {
        width: 34px;
        height: 34px;
    }

    .tw-step__label[b-z7gz2e3l0o] { display: none; }

    .tw-rules[b-z7gz2e3l0o],
    .tw-choices--duo[b-z7gz2e3l0o],
    .tw-summary[b-z7gz2e3l0o] { grid-template-columns: minmax(0, 1fr); }

    .tw-capacity[b-z7gz2e3l0o] { grid-template-columns: minmax(0, 1fr); }

    .tw-meal[b-z7gz2e3l0o] { grid-template-columns: minmax(0, 1fr) auto; }

    .tw-meal__icon[b-z7gz2e3l0o] { display: none; }

    .tw-meal__fields[b-z7gz2e3l0o] { grid-column: 1 / -1; }

    .tw-capacity__stat[b-z7gz2e3l0o] {
        align-items: flex-start;
        text-align: left;
    }
}
/* _content/Mahjong/Components/Pages/Tournois/TournoiPage.razor.rz.scp.css */
.tp[b-vrob0x59pq] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    align-items: start;
    gap: 32px;
}

/* Affiche */
.tp-affiche[b-vrob0x59pq] {
    position: sticky;
    top: 84px;
}

.tp-affiche__img[b-vrob0x59pq] {
    display: block;
    width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    border-radius: var(--app-radius-lg);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    box-shadow: var(--app-shadow-md);
}

.tp-affiche__defaut[b-vrob0x59pq] {
    position: relative;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 3 / 4;
    padding: 24px;
    overflow: hidden;
    border-radius: var(--app-radius-lg);
    background-position: center;
    background-size: cover;
    box-shadow: var(--app-shadow-md);
    color: #fff;
}

.tp-affiche__defaut span[b-vrob0x59pq] {
    position: relative;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .55);
}

.tp-affiche__defaut[b-vrob0x59pq]::before {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, transparent 40%, rgba(8, 18, 14, .85) 100%);
    content: "";
}

/* Informations */
.tp-eyebrow[b-vrob0x59pq] {
    margin-bottom: 6px;
    color: var(--mud-palette-primary);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.tp-titre[b-vrob0x59pq] {
    margin: 0 0 12px;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.tp-chips[b-vrob0x59pq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 24px;
}

.tp-faits[b-vrob0x59pq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.tp-fait[b-vrob0x59pq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-md);
    background: var(--mud-palette-surface);
}

.tp-fait__icone[b-vrob0x59pq] {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.tp-fait > div[b-vrob0x59pq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tp-fait__label[b-vrob0x59pq] {
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tp-fait__valeur[b-vrob0x59pq] {
    font-weight: 650;
    overflow-wrap: anywhere;
}

.tp-fait__valeur[b-vrob0x59pq]::first-letter { text-transform: uppercase; }

.tp-lien[b-vrob0x59pq] {
    margin-top: 2px;
    color: var(--mud-palette-primary);
    font-size: .82rem;
    font-weight: 650;
}

.tp-plus[b-vrob0x59pq] {
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
    padding: 14px 16px;
    border-radius: var(--app-radius-md);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
}

.tp-plus__bloc[b-vrob0x59pq] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: .9rem;
    line-height: 1.45;
}

.tp-plus__bloc[b-vrob0x59pq]  .mud-icon-root {
    flex: none;
    margin-top: 1px;
    color: var(--mud-palette-primary);
}

/* Actions */
.tp-actions[b-vrob0x59pq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.tp-actions[b-vrob0x59pq]  .tp-actions__principal {
    padding-inline: 28px;
    border-radius: 999px;
}

.tp-statut[b-vrob0x59pq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    font-weight: 700;
}

.tp-statut.is-inscrit[b-vrob0x59pq] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.tp-statut.is-attente[b-vrob0x59pq] {
    background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent);
    color: var(--mud-palette-warning);
}

@media (max-width: 900px) {
    .tp[b-vrob0x59pq] { grid-template-columns: minmax(0, 1fr); }

    .tp-affiche[b-vrob0x59pq] {
        position: static;
        max-width: 420px;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .tp-faits[b-vrob0x59pq] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Mahjong/Components/Shared/BarChart.razor.rz.scp.css */
.bar-chart[b-jxnypm8kyf] {
    width: 100%;
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.bar-chart__legend[b-jxnypm8kyf] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 10px;
    color: var(--mud-palette-text-primary);
}

.bar-chart__legend span[b-jxnypm8kyf],
.bar-chart__tooltip span[b-jxnypm8kyf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bar-chart__legend i[b-jxnypm8kyf],
.bar-chart__tooltip i[b-jxnypm8kyf] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.bar-chart__plot[b-jxnypm8kyf] {
    position: relative;
    display: flex;
}

.bar-chart__grid[b-jxnypm8kyf] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
}

.bar-chart__grid span[b-jxnypm8kyf] {
    border-top: 1px solid var(--mud-palette-lines-default);
    line-height: 1;
    padding-top: 2px;
    opacity: .8;
}

.bar-chart__columns[b-jxnypm8kyf] {
    position: relative;
    display: flex;
    flex: 1;
    gap: 2px;
    margin-left: 34px;
    align-items: stretch;
}

.bar-chart__column[b-jxnypm8kyf] {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-end;
    outline: none;
    border-radius: 4px;
}

.bar-chart__column:hover[b-jxnypm8kyf],
.bar-chart__column:focus-visible[b-jxnypm8kyf] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.bar-chart__bars[b-jxnypm8kyf] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    width: 100%;
    height: 100%;
    padding: 0 1px;
}

.bar-chart__bar[b-jxnypm8kyf] {
    flex: 1;
    max-width: 22px;
    min-height: 1px;
    border-radius: 4px 4px 0 0;
}

.bar-chart__tooltip[b-jxnypm8kyf] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    z-index: 5;
    display: none;
    flex-direction: column;
    gap: 3px;
    min-width: 130px;
    padding: 8px 10px;
    transform: translateX(-50%);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    white-space: nowrap;
}

.bar-chart__column:hover .bar-chart__tooltip[b-jxnypm8kyf],
.bar-chart__column:focus-visible .bar-chart__tooltip[b-jxnypm8kyf] {
    display: flex;
}

.bar-chart__axis[b-jxnypm8kyf] {
    display: flex;
    gap: 2px;
    margin: 6px 0 0 34px;
}

.bar-chart__axis span[b-jxnypm8kyf] {
    flex: 1;
    min-width: 0;
    overflow: visible;
    white-space: nowrap;
}
/* _content/Mahjong/Components/Shared/ClubContactForm.razor.rz.scp.css */
.club-contact[b-giz59wwep4] {
    margin: 48px auto 24px;
    max-width: 1120px;
    padding: 32px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--club-site-surface, #ffffff) 92%, var(--club-site-primary, #1f6f5c));
    border: 1px solid color-mix(in srgb, var(--club-site-primary, #1f6f5c) 18%, transparent);
    color: var(--club-site-text, #1d2a25);
}

.club-contact__intro h2[b-giz59wwep4] {
    margin: 0 0 6px;
    font-size: 1.6rem;
    color: var(--club-site-primary, #1f6f5c);
}

.club-contact__intro p[b-giz59wwep4] {
    margin: 0 0 20px;
    color: var(--club-site-text-secondary, #4a5a53);
}

.club-contact__grid[b-giz59wwep4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
}

.club-contact__grid label[b-giz59wwep4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: .9rem;
    font-weight: 600;
}

.club-contact__full[b-giz59wwep4] {
    grid-column: 1 / -1;
}

.club-contact__checkbox[b-giz59wwep4] {
    flex-direction: row !important;
    align-items: center;
    gap: 10px !important;
    align-self: end;
    font-weight: 500 !important;
}

.club-contact__hp[b-giz59wwep4] {
    position: absolute !important;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.club-contact[b-giz59wwep4]  input:not([type=checkbox]),
.club-contact[b-giz59wwep4]  textarea {
    width: 100%;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--club-site-text, #1d2a25) 22%, transparent);
    background: var(--club-site-background, #ffffff);
    color: var(--club-site-text, #1d2a25);
    font: inherit;
    font-weight: 400;
}

.club-contact[b-giz59wwep4]  input:focus,
.club-contact[b-giz59wwep4]  textarea:focus {
    outline: 2px solid var(--club-site-primary, #1f6f5c);
    outline-offset: 1px;
}

.club-contact[b-giz59wwep4]  .validation-message {
    color: #c0392b;
    font-weight: 500;
    font-size: .8rem;
}

.club-contact__legal[b-giz59wwep4] {
    margin: 14px 0;
    font-size: .8rem;
    color: var(--club-site-text-secondary, #4a5a53);
}

.club-contact__error[b-giz59wwep4] {
    color: #c0392b;
    font-weight: 600;
}

.club-contact__submit[b-giz59wwep4] {
    padding: 12px 26px;
    border: none;
    border-radius: 999px;
    background: var(--club-site-primary, #1f6f5c);
    color: var(--club-site-primary-contrast, #ffffff);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.club-contact__submit:disabled[b-giz59wwep4] {
    opacity: .6;
    cursor: wait;
}

.club-contact__success[b-giz59wwep4] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--club-site-primary, #1f6f5c) 12%, transparent);
}

.club-contact__success p[b-giz59wwep4] {
    margin: 4px 0 0;
}

@media (max-width: 720px) {
    .club-contact[b-giz59wwep4] {
        padding: 20px 16px;
        margin: 32px 12px 16px;
    }

    .club-contact__grid[b-giz59wwep4] {
        grid-template-columns: 1fr;
    }
}
/* _content/Mahjong/Components/Shared/ClubThemeSite.razor.rz.scp.css */
.club-logo-preview[b-luhnuwrlep] {
    height: 72px;
    width: 72px;
    object-fit: contain;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    padding: 8px;
}

.theme-preview-shell[b-luhnuwrlep] {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--preview-primary) 22%, transparent);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--preview-secondary) 18%, transparent) 0%, transparent 36%),
        radial-gradient(circle at bottom left, color-mix(in srgb, var(--preview-primary) 14%, transparent) 0%, transparent 42%),
        var(--preview-background);
    color: var(--preview-text-primary);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
}

.theme-preview-topbar[b-luhnuwrlep] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: color-mix(in srgb, var(--preview-drawer) 86%, black);
    border-bottom: 1px solid color-mix(in srgb, var(--preview-primary) 18%, transparent);
}

.theme-preview-brand[b-luhnuwrlep] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.theme-preview-logo[b-luhnuwrlep],
.theme-preview-fallback[b-luhnuwrlep] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    flex: 0 0 auto;
}

.theme-preview-logo[b-luhnuwrlep] {
    object-fit: contain;
    background: color-mix(in srgb, var(--preview-surface) 80%, white);
    padding: 6px;
}

.theme-preview-fallback[b-luhnuwrlep] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--preview-primary), color-mix(in srgb, var(--preview-primary) 60%, white));
    color: var(--preview-primary-contrast);
    font-weight: 800;
    letter-spacing: 0.08em;
}

.theme-preview-brand-text[b-luhnuwrlep] {
    min-width: 0;
}

.theme-preview-brand-name[b-luhnuwrlep] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--preview-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme-preview-brand-meta[b-luhnuwrlep],
.theme-preview-user[b-luhnuwrlep] {
    font-size: 0.8rem;
    color: var(--preview-text-secondary);
}

.theme-preview-user[b-luhnuwrlep] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.theme-preview-content[b-luhnuwrlep] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 320px;
}

.theme-preview-sidebar[b-luhnuwrlep] {
    padding: 18px 14px;
    background: color-mix(in srgb, var(--preview-drawer) 90%, black);
    border-right: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
}

.theme-preview-nav-item[b-luhnuwrlep] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 12px;
    color: var(--preview-text-secondary);
    font-size: 0.88rem;
}

.theme-preview-nav-item + .theme-preview-nav-item[b-luhnuwrlep] {
    margin-top: 8px;
}

.theme-preview-nav-item.is-active[b-luhnuwrlep] {
    background: color-mix(in srgb, var(--preview-primary) 14%, transparent);
    color: var(--preview-primary);
    border-left: 3px solid var(--preview-primary);
}

.theme-preview-main[b-luhnuwrlep] {
    padding: 20px;
}

.theme-preview-hero[b-luhnuwrlep] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.theme-preview-title[b-luhnuwrlep] {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.theme-preview-copy[b-luhnuwrlep] {
    max-width: 440px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--preview-text-secondary);
}

.theme-preview-badge[b-luhnuwrlep] {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--preview-secondary) 18%, transparent);
    color: var(--preview-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.theme-preview-actions[b-luhnuwrlep] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.theme-preview-btn[b-luhnuwrlep] {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-preview-btn.is-primary[b-luhnuwrlep] {
    background: var(--preview-primary);
    color: var(--preview-primary-contrast);
}

.theme-preview-btn.is-secondary[b-luhnuwrlep] {
    background: transparent;
    border-color: color-mix(in srgb, var(--preview-primary) 34%, transparent);
    color: var(--preview-primary);
}

.theme-preview-grid[b-luhnuwrlep] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.theme-preview-card[b-luhnuwrlep] {
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--preview-surface) 92%, white) 0%,
        color-mix(in srgb, var(--preview-background) 88%, black) 100%);
    border: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
}

.theme-preview-card-label[b-luhnuwrlep] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--preview-text-secondary);
    margin-bottom: 8px;
}

.theme-preview-card-value[b-luhnuwrlep] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--preview-text-primary);
}

.theme-preview-card-value.is-primary[b-luhnuwrlep] {
    color: var(--preview-primary);
}

.theme-preview-card-value.is-secondary[b-luhnuwrlep] {
    color: var(--preview-secondary);
}

.theme-preview-swatches[b-luhnuwrlep] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.theme-preview-swatch[b-luhnuwrlep] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--preview-primary) 12%, transparent);
    background: color-mix(in srgb, var(--preview-surface) 90%, black);
}

.theme-preview-swatch-color[b-luhnuwrlep] {
    height: 34px;
}

.theme-preview-swatch-label[b-luhnuwrlep] {
    padding: 8px 10px 10px;
    font-size: 0.72rem;
    color: var(--preview-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

@media (max-width: 900px) {
    .theme-preview-content[b-luhnuwrlep] {
        grid-template-columns: 1fr;
    }

    .theme-preview-sidebar[b-luhnuwrlep] {
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--preview-primary) 14%, transparent);
    }

    .theme-preview-grid[b-luhnuwrlep],
    .theme-preview-swatches[b-luhnuwrlep] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .theme-preview-topbar[b-luhnuwrlep],
    .theme-preview-hero[b-luhnuwrlep] {
        flex-direction: column;
        align-items: flex-start;
    }

    .theme-preview-grid[b-luhnuwrlep],
    .theme-preview-swatches[b-luhnuwrlep] {
        grid-template-columns: 1fr;
    }
}
/* _content/Mahjong/Components/Shared/InvitationTournoiDialog.razor.rz.scp.css */
.invit[b-e1tkvn56di] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.invit__affiche[b-e1tkvn56di] {
    flex: none;
    width: 140px;
    max-height: 210px;
    object-fit: contain;
    border-radius: var(--app-radius-md);
    box-shadow: var(--app-shadow-md);
}

.invit__corps[b-e1tkvn56di] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 560px) {
    .invit[b-e1tkvn56di] { flex-direction: column; }

    .invit__affiche[b-e1tkvn56di] { align-self: center; }
}
/* _content/Mahjong/Components/Shared/RepasReservationDialog.razor.rz.scp.css */
.repas-intro[b-praj8prbct] {
    margin: 0 0 16px;
    color: var(--mud-palette-text-secondary);
    font-size: .9rem;
    line-height: 1.5;
}

.repas-intro strong[b-praj8prbct] {
    display: block;
    margin-bottom: 2px;
    color: var(--mud-palette-success);
}

.repas-liste[b-praj8prbct] {
    display: grid;
    gap: 10px;
}

.repas-ligne[b-praj8prbct] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: var(--app-radius-md);
    transition: border-color .2s, background .2s;
}

.repas-ligne.is-selected[b-praj8prbct] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
}

.repas-ligne__icone[b-praj8prbct] {
    display: grid;
    flex: none;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.repas-ligne__texte[b-praj8prbct] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.repas-ligne__nom[b-praj8prbct] { font-weight: 700; }

.repas-ligne__desc[b-praj8prbct] {
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
    line-height: 1.4;
}

.repas-ligne__prix[b-praj8prbct] {
    margin-top: 2px;
    color: var(--mud-palette-primary);
    font-size: .85rem;
    font-weight: 700;
}

.repas-ligne__quantite[b-praj8prbct] {
    display: flex;
    flex: none;
    align-items: center;
    gap: 6px;
}

.repas-ligne__nb[b-praj8prbct] {
    min-width: 24px;
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    text-align: center;
}

.repas-total[b-praj8prbct] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.repas-total strong[b-praj8prbct] {
    font-size: 1.25rem;
    font-weight: 800;
}

@media (max-width: 480px) {
    .repas-ligne[b-praj8prbct] { flex-wrap: wrap; }

    .repas-ligne__quantite[b-praj8prbct] {
        justify-content: flex-end;
        width: 100%;
    }
}