/**
 * LPF'26 — classique clair (TailAdmin / Public Sans, vert LPF)
 * Actif avec html.lpf-classic-light (sans .dark ni .lpf-gta-theme).
 */

html.lpf-classic-light {
    --lpf-bg: #f8fafc;
    --lpf-surface: #ffffff;
    --lpf-surface-raised: #f1f5f9;
    --lpf-border: #e2e8f0;
    --lpf-text: #0f172a;
    --lpf-muted: #64748b;
    --lpf-primary: #16a34a;
    --lpf-primary-hover: #15803d;
    --lpf-primary-muted: rgb(22 163 74 / 12%);
    --lpf-danger: #dc2626;
    --lpf-warning: #d97706;
    --lpf-link: #15803d;
    --lpf-navy: #1b2d4f;

    color-scheme: light;
}

html.lpf-classic-light,
html.lpf-classic-light body,
html.lpf-classic-light body.front-body {
    margin: 0;
    min-height: 100%;
    background: var(--lpf-bg) !important;
    color: var(--lpf-text) !important;
    font-family: "Public Sans", system-ui, sans-serif;
}

/* --- Shell connecté --- */
html.lpf-classic-light .ta-shell {
    background: var(--lpf-bg) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light .ta-main {
    background: transparent;
    color: var(--lpf-text);
}

html.lpf-classic-light .ta-sidebar,
html.lpf-classic-light .ta-mobile-bar {
    background: var(--lpf-surface) !important;
    border-color: var(--lpf-border) !important;
    box-shadow: 0 1px 3px rgb(15 23 42 / 6%);
}

html.lpf-classic-light .ta-mobile-bar {
    border-bottom: 1px solid var(--lpf-border);
}

/* --- Burger LPF (même logique que html.dark dans lpf-app-dark.css) --- */
html.lpf-classic-light .lpf-burger {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    box-sizing: border-box;
}

html.lpf-classic-light .ta-burger.lpf-burger {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: none !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    color: inherit;
}

html.lpf-classic-light.ta-nav-open .ta-burger.lpf-burger,
html.lpf-classic-light body.ta-nav-open .ta-burger.lpf-burger {
    background: transparent !important;
    border: none !important;
    color: inherit;
}

html.lpf-classic-light .lpf-burger__line {
    display: block;
    flex-shrink: 0;
    height: 3px;
    border-radius: 2px;
    background-color: var(--lpf-navy, #1b2d4f) !important;
    transition: transform 0.35s ease, opacity 0.35s ease, width 0.35s ease;
    transform-origin: center;
}

html.lpf-classic-light .lpf-burger__line:nth-child(1) {
    width: 28px;
}

html.lpf-classic-light .lpf-burger__line:nth-child(2) {
    width: 18px;
}

html.lpf-classic-light .lpf-burger__line:nth-child(3) {
    width: 28px;
}

html.lpf-classic-light .lpf-burger__ball {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -4.5px;
    border-radius: 50%;
    background-color: var(--lpf-primary, #16a34a) !important;
    transition: opacity 0.35s ease, transform 0.35s ease;
}

html.lpf-classic-light .lpf-burger:not(.open):hover .lpf-burger__ball {
    transform: scale(1.15);
}

html.lpf-classic-light .lpf-burger.open .lpf-burger__line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

html.lpf-classic-light .lpf-burger.open .lpf-burger__line:nth-child(2) {
    opacity: 0;
    width: 0;
}

html.lpf-classic-light .lpf-burger.open .lpf-burger__line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

html.lpf-classic-light .lpf-burger.open .lpf-burger__ball {
    opacity: 0;
}

@media (max-width: 1024px) {
    html.lpf-classic-light .ta-mobile-bar__logo-link .lpf-brand-logo-wrap {
        width: auto;
        max-width: 100%;
    }

    html.lpf-classic-light .ta-mobile-bar__logo {
        height: 5.5rem !important;
        max-height: 5.5rem !important;
        min-height: 0 !important;
        max-width: min(480px, calc(100vw - 5.5rem)) !important;
        width: auto !important;
        object-fit: contain;
    }

    html.lpf-classic-light .ta-burger.lpf-burger {
        align-items: flex-start;
        justify-content: center;
    }
}

html.lpf-classic-light .ta-sidebar-brand,
html.lpf-classic-light .ta-sidebar-footer {
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light .ta-sidebar .ta-menu-link {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-sidebar .ta-menu-link:hover {
    padding-left: 1.2rem !important;
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-primary) !important;
    color: var(--lpf-link) !important;
    box-shadow: 0 3px 12px rgb(22 163 74 / 14%) !important;
}

html.lpf-classic-light .ta-sidebar .ta-menu-link.active {
    background: var(--lpf-primary) !important;
    border-color: var(--lpf-primary) !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #052e16 !important;
}

html.lpf-classic-light .ta-sidebar-nav .menu > li:last-child {
    border-top-color: var(--lpf-border) !important;
}

html.lpf-classic-light .ta-sidebar-notify {
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-border) !important;
    color: var(--lpf-navy) !important;
}

html.lpf-classic-light .ta-sidebar-user {
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light .ta-sidebar-user:hover,
html.lpf-classic-light .ta-sidebar-user--current {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
}

html.lpf-classic-light .ta-sidebar-user__nickname {
    color: var(--lpf-navy) !important;
}

html.lpf-classic-light .ta-sidebar-notify:hover,
html.lpf-classic-light .ta-sidebar-notify--current {
    background: var(--lpf-primary-muted) !important;
    border-color: var(--lpf-primary) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light .ta-sidebar-logout:hover {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}

html.lpf-classic-light .ta-sidebar-admin:hover {
    background: #f5f3ff !important;
    border-color: #c4b5fd !important;
    color: #6d28d9 !important;
}

html.lpf-classic-light .ta-sidebar-footer .ta-sidebar-notify:hover {
    transform: none !important;
}

/* --- Cartes & typo --- */
html.lpf-classic-light .ta-card,
html.lpf-classic-light article.ta-card,
html.lpf-classic-light .rounded-box {
    background: var(--lpf-surface) !important;
    border-color: var(--lpf-border) !important;
    color: var(--lpf-text) !important;
    box-shadow: 0 1px 3px rgb(15 23 42 / 6%);
}

html.lpf-classic-light .ta-page-title,
html.lpf-classic-light .ta-card-title,
html.lpf-classic-light .match-day-title,
html.lpf-classic-light h1,
html.lpf-classic-light h2,
html.lpf-classic-light h3 {
    color: var(--lpf-navy) !important;
}

html.lpf-classic-light .ta-page-subtitle,
html.lpf-classic-light .ta-card-text,
html.lpf-classic-light .ta-kpi-label,
html.lpf-classic-light .match-day-nav-label {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-kpi-value {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light a:not(.btn):not(.ta-menu-link):not(.ta-auth-submit) {
    color: var(--lpf-link);
}

html.lpf-classic-light a:not(.btn):not(.ta-menu-link):hover {
    color: var(--lpf-primary-hover);
}

/* --- Tables --- */
html.lpf-classic-light .ta-table th {
    background: var(--lpf-surface-raised) !important;
    color: var(--lpf-muted) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light .ta-table td,
html.lpf-classic-light .table th,
html.lpf-classic-light .table td {
    border-color: var(--lpf-border) !important;
    color: var(--lpf-text) !important;
}

/* --- Formulaires --- */
html.lpf-classic-light .ta-form-label,
html.lpf-classic-light label {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-form-input,
html.lpf-classic-light .ta-form-select,
html.lpf-classic-light .ta-form-textarea,
html.lpf-classic-light input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.lpf-classic-light select,
html.lpf-classic-light textarea {
    background: var(--lpf-surface) !important;
    border-color: var(--lpf-border) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light input:focus,
html.lpf-classic-light select:focus,
html.lpf-classic-light textarea:focus {
    border-color: var(--lpf-primary) !important;
    box-shadow: 0 0 0 2px rgb(22 163 74 / 20%);
}

/* --- Boutons --- */
html.lpf-classic-light .btn-primary:not(.btn-outline),
html.lpf-classic-light .ta-auth-submit,
html.lpf-classic-light .auth-wrap button[type="submit"] {
    background: var(--lpf-primary) !important;
    border-color: var(--lpf-primary) !important;
    color: #fff !important;
}

html.lpf-classic-light .btn-primary:not(.btn-outline):hover:not(:disabled),
html.lpf-classic-light .ta-auth-submit:hover:not(:disabled) {
    background: var(--lpf-primary-hover) !important;
    border-color: var(--lpf-primary-hover) !important;
}

html.lpf-classic-light .btn-outline.btn-primary {
    background: transparent !important;
    border-color: rgb(22 163 74 / 38%) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light .btn-outline.btn-primary:hover:not(:disabled) {
    background: var(--lpf-primary-muted) !important;
    border-color: var(--lpf-primary) !important;
    color: var(--lpf-link) !important;
}

/* --- Flash & badges --- */
html.lpf-classic-light .flash-success {
    background: rgb(22 163 74 / 10%);
    border: 1px solid var(--lpf-primary);
    color: var(--lpf-link);
}

html.lpf-classic-light .flash-danger {
    background: rgb(220 38 38 / 8%);
    border: 1px solid var(--lpf-danger);
    color: var(--lpf-danger);
}

html.lpf-classic-light .ta-badge {
    background: var(--lpf-surface-raised);
    color: var(--lpf-text);
    border: 1px solid var(--lpf-border);
}

html.lpf-classic-light .bg-base-100 {
    background-color: var(--lpf-surface) !important;
}

html.lpf-classic-light .border-base-300 {
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light .text-base-content {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light .tabs-box {
    background: var(--lpf-surface);
    border-color: var(--lpf-border);
}

/* --- Auth (couleurs — layout : lpf-auth-layout.css) --- */
html.lpf-classic-light body.front-body--auth {
    background: var(--lpf-bg) !important;
    color: var(--lpf-text) !important;
    font-family: "Public Sans", system-ui, sans-serif;
    color-scheme: light;
}

html.lpf-classic-light .auth-wrap {
    background: var(--lpf-bg);
}

html.lpf-classic-light .ta-auth-aside {
    color: var(--lpf-text) !important;
    border-right: 1px solid var(--lpf-border);
}

/* Photo de fond (auth-aside-background.css) : pas de panneau opaque par-dessus */
html.lpf-classic-light .auth-aside.ta-auth-aside,
html.lpf-classic-light .ta-auth-aside.auth-aside {
    background: transparent !important;
}

html.lpf-classic-light body.front-body--auth .auth-wrap .ta-auth-form-wrap {
    background: var(--lpf-bg) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light .auth-wrap .section-title,
html.lpf-classic-light .ta-auth-title,
html.lpf-classic-light body.front-body--auth .auth-wrap .ta-auth-form-wrap .section-title,
html.lpf-classic-light body.front-body--auth .auth-wrap .ta-auth-form-wrap .ta-auth-title {
    color: var(--lpf-navy) !important;
}

html.lpf-classic-light .auth-wrap label,
html.lpf-classic-light .ta-auth-lead,
html.lpf-classic-light body.front-body--auth .auth-wrap .ta-auth-form-wrap .ta-auth-lead,
html.lpf-classic-light .ta-auth-form-wrap form label,
html.lpf-classic-light .ta-auth-check label {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-auth-form-wrap form input[type="text"],
html.lpf-classic-light .ta-auth-form-wrap form input[type="email"],
html.lpf-classic-light .ta-auth-form-wrap form input[type="password"],
html.lpf-classic-light .ta-auth-form-wrap .ta-form-input,
html.lpf-classic-light .ta-auth-form-wrap .ta-form-select,
html.lpf-classic-light .ta-auth-form-wrap .ta-form-textarea {
    color: var(--lpf-text) !important;
    background: var(--lpf-surface) !important;
    border: 1px solid var(--lpf-border) !important;
}

html.lpf-classic-light .ta-auth-form-wrap form input:focus,
html.lpf-classic-light .ta-auth-form-wrap .ta-form-input:focus {
    border-color: var(--lpf-primary) !important;
    box-shadow: 0 0 0 3px rgb(22 163 74 / 18%);
}

html.lpf-classic-light .ta-auth-slogan {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-auth-form-wrap a:not(.ta-auth-submit) {
    color: var(--lpf-link) !important;
    font-weight: 600;
    text-decoration: none;
}

html.lpf-classic-light .ta-auth-form-wrap a:not(.ta-auth-submit):hover {
    color: var(--lpf-primary-hover) !important;
    text-decoration: underline;
}

html.lpf-classic-light .ta-auth-link-row {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-auth-check {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .auth-wrap .flash-success {
    background: rgb(22 163 74 / 10%);
    border: 1px solid var(--lpf-primary);
    color: var(--lpf-link);
}

html.lpf-classic-light .auth-wrap .flash-danger {
    background: rgb(220 38 38 / 8%);
    border: 1px solid var(--lpf-danger);
    color: var(--lpf-danger);
}

html.lpf-classic-light .ta-auth-separator {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light .ta-auth-separator::before,
html.lpf-classic-light .ta-auth-separator::after {
    background: var(--lpf-border);
}

/* --- Switcher (classique clair) --- */
html.lpf-classic-light .lpf-theme-switcher__legend {
    color: var(--lpf-muted);
}

html.lpf-classic-light .lpf-theme-switcher__select {
    border-color: var(--lpf-border);
    background-color: var(--lpf-surface-raised);
    color: var(--lpf-text);
}

html.lpf-classic-light .lpf-theme-switcher--floating {
    background: rgb(255 255 255 / 95%);
    border-color: var(--lpf-border);
    box-shadow: 0 12px 32px rgb(15 23 42 / 12%);
}