/*
Theme Name: lolesport theme
Theme URI: https://www.themeboy.com/varsity/
Template: varsity
Author: ThemeBoy
Author URI: https://www.themeboy.com
Description: Varsity is a fully responsive theme made for sports organisations looking to use the SportsPress plugin. Once you've installed the theme and SportsPress, you'll be able to select a preset for your sport and demo content to help you get started on building your sports website.
Version: 1.3.2.1773499156
Updated: 2026-03-15
*/

/* ═══════════════════════════════════════════════════════
   LFP LoL Esport Québec — Dark Theme Override
   Override Varsity parent theme for uniform dark look
═══════════════════════════════════════════════════════ */

/* ── Base Reset & Dark Background ─────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --lfp-bg: #0a0a14;
    --lfp-bg-2: #0e0e1a;
    --lfp-card-bg: #12102a;
    --lfp-card-bg-2: #1a1838;
    --lfp-border: #2a2a4a;
    --lfp-text: #e0e3f0;
    --lfp-text-muted: #8a8da8;
    --lfp-gold: #c9a84c;
    --lfp-purple: #6B2FBA;
    --lfp-purple-light: #9b5ef7;
    --lfp-green: #22c55e;
    --lfp-red: #ef4444;
    --lfp-orange: #f59e0b;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    background: var(--lfp-bg) !important;
    color: var(--lfp-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
}

/* Links */
a { color: var(--lfp-purple-light); transition: color .15s; }
a:hover { color: var(--lfp-gold); }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: 'Inter', sans-serif; }

/* ── Remove comments ──────────────────────────────── */
#comments, .comments-area, .comment-respond, #respond,
.comments-title, .comment-list, .comment-form { display: none !important; }

/* ── Full-width layout ────────────────────────────── */
.site-content, .content-area, .site-main,
#content, #primary, .container, .site {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
.site-content .container,
.entry-content { max-width: 1400px; margin: 0 auto; padding: 0 20px; }

/* ── Varsity Header Override ──────────────────────── */
.site-header, #masthead, .main-navigation,
.site-branding, .header-wrapper {
    background: linear-gradient(180deg, #0e0c24 0%, #0a0a14 100%) !important;
    border-bottom: 1px solid var(--lfp-border) !important;
    box-shadow: none !important;
}
/* Sticky main nav — reste visible en tout temps */
.site-header, #masthead {
    position: sticky !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important;
    z-index: 9998 !important;
}
/* Profile iconbar sous la nav sticky principale */
.lfp-pf-iconbar {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 60px) !important;
    z-index: 9997 !important;
}
.site-header .container { max-width: 1400px; margin: 0 auto; }

/* ── Header: logo gauche + nav centrée ─── */
.header-wrapper .header-area,
.header-wrapper .header-area-custom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 24px !important;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}
.header-wrapper .header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 16px;
}
/* Logo — cliquable, lien vers accueil */
.header-wrapper .site-branding {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
}
.header-wrapper .site-branding .site-identity { display: flex; align-items: center; }
.header-wrapper .site-branding .site-logo { display: block; line-height: 0; }
.header-wrapper .site-branding .site-logo img {
    height: 64px !important;
    width: auto !important;
    display: block;
    object-fit: contain;
    transition: opacity .2s;
}
.header-wrapper .site-branding .site-logo:hover img { opacity: .85; }
.header-wrapper .site-branding .site-hgroup { display: none !important; }
/* Cacher "Accueil" dans le nav (logo sert de lien home) */
.main-navigation .menu-item-home { display: none !important; }
/* Nav centrée dans l'espace disponible */
.header-wrapper .site-menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}
.main-navigation { margin: 0 !important; float: none !important; text-align: center !important; width: 100%; }
.main-navigation > div > ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    flex-wrap: wrap !important;
}
/* Mobile: logo caché, nav centrée */
@media (max-width: 1100px) {
    .header-wrapper .header-area,
    .header-wrapper .header-area-custom { padding: 0 12px !important; }
    .header-wrapper .site-branding { display: none !important; }
    .header-wrapper .site-menu { justify-content: center; }
    .main-navigation { text-align: center !important; }
    .main-navigation > div > ul { justify-content: center !important; flex-wrap: wrap !important; gap: 0 !important; }
}
/* Hide page title everywhere where lfp-home is used */
.home .entry-header, .page-id-94 .entry-header,
body.home .entry-header, body.page-id-94 .entry-header { display: none !important; }
/* Full-bleed hero behind header — remove gap */
body.home #content, body.page-id-94 #content { padding-top: 0 !important; margin-top: 0 !important; }
body.home .content-wrapper, body.page-id-94 .content-wrapper { padding-top: 0 !important; }
body.home .entry-content, body.page-id-94 .entry-content { padding: 0 !important; max-width: 100% !important; }
body.home article, body.page-id-94 article { margin: 0 !important; padding: 0 !important; }
/* Hide search form in header */
.site-header .search-form, .site-header .searchform,
.header-wrapper .search-form, .header-wrapper .searchform,
#masthead .search-form, #masthead .searchform,
.site-header input[type="search"], .header-search {
    display: none !important;
}
.site-title a, .site-title { color: #fff !important; font-family: 'Inter', sans-serif !important; font-weight: 800 !important; }
.site-description { color: var(--lfp-text-muted) !important; }

/* ── Navigation ──────────────────────────────────── */
.main-navigation, .primary-navigation, #site-navigation,
.nav-menu, .menu-toggle {
    background: transparent !important;
}
.main-navigation ul { list-style: none; margin: 0; padding: 0; }
.main-navigation a, .nav-menu a, .menu-item a,
#site-navigation a {
    color: var(--lfp-text) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 11px !important;
    transition: color .2s !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    letter-spacing: .3px !important;
}
.main-navigation a:hover, .nav-menu a:hover,
.menu-item a:hover, .current-menu-item > a,
.current_page_item > a {
    color: var(--lfp-gold) !important;
    background: rgba(201,168,76,.08) !important;
}
/* Override Varsity red active indicator */
.main-navigation .current-menu-item > a:after,
.main-navigation .current-menu-parent > a:after,
.main-navigation .current-menu-ancestor > a:after,
.main-navigation .current_page_item > a:after,
.main-navigation .current_page_parent > a:after,
.main-navigation .current_page_ancestor > a:after {
    background: var(--lfp-purple) !important;
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    color: var(--lfp-gold) !important;
}
/* Dropdown menus */
.main-navigation ul ul, .sub-menu {
    background: #12102a !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.5) !important;
    min-width: 200px !important;
}
.main-navigation ul ul a, .sub-menu a {
    padding: 10px 16px !important;
    border-bottom: 1px solid #1e1e36 !important;
}
.main-navigation ul ul li:last-child a { border-bottom: none !important; }

/* Mobile — cacher le menu natif Varsity, notre overlay JS prend le relais */
@media screen and (max-width: 900px) {
    .main-navigation,
    #site-navigation { min-height: 0 !important; }
    .main-navigation .menu-toggle { display: none !important; }
}

/* ── Content Area ─────────────────────────────────── */
.entry-content, .page-content, .post-content {
    color: var(--lfp-text) !important;
    font-family: 'Inter', sans-serif !important;
}
.entry-header, .page-header { padding: 20px 0 !important; }
.entry-title, .page-title {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── Sidebar Override ─────────────────────────────── */
.widget-area, #secondary, .sidebar {
    background: var(--lfp-bg) !important;
    color: var(--lfp-text) !important;
}
.widget {
    background: var(--lfp-card-bg) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    color: var(--lfp-text) !important;
}
.widget-title, .widget h2, .widget h3 {
    color: var(--lfp-gold) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border-bottom: 1px solid var(--lfp-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
}
.widget ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.widget ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #1e1e36 !important;
    font-size: 13px !important;
}
.widget ul li:last-child { border-bottom: none !important; }
.widget ul li a { color: var(--lfp-text) !important; text-decoration: none !important; }
.widget ul li a:hover { color: var(--lfp-gold) !important; }

/* ── Hide SportsPress default sponsor bars ────────── */
.sp-footer-sponsors, .sp-header-sponsors { display: none !important; }

/* ── Hide duplicate social icons in site-credit bar ─ */
#lfp-credit .lfp-cr-socials { display: none !important; }

/* ── LFP Footer ──────────────────────────────────── */
.site-info { display: none !important; }
.lfp-footer {
    background: #07061a !important;
    border-top: 1px solid var(--lfp-border) !important;
    padding: 20px 0 0 !important;
    font-family: 'Inter', sans-serif !important;
}
.lfp-footer__inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 24px;
}
.lfp-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    gap: 0 48px !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}
.lfp-footer__heading {
    font-size: 10px; font-weight: 700; color: #a78bfa;
    text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 8px;
}
.lfp-footer__links { list-style: none; margin: 0; padding: 0; }
.lfp-footer__links li { margin-bottom: 4px; }
.lfp-footer__links a { color: #6b7280; font-size: 12px; text-decoration: none; transition: color .15s; }
.lfp-footer__links a:hover { color: #c4b5fd; }
.lfp-footer__bottom {
    border-top: 1px solid #1a1a2e;
    padding: 10px 0 12px;
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 4px;
    font-size: 11px; color: #374151;
}
.lfp-footer__bottom a { color: #4b5563; text-decoration: none; }
.lfp-footer__bottom a:hover { color: #a78bfa; }
@media (max-width: 640px) {
    .lfp-footer__grid { grid-template-columns: repeat(2, auto) !important; gap: 0 32px !important; }
    .lfp-footer__bottom { flex-direction: column; text-align: center; }
}

/* ── Tables (all WordPress + SportsPress) ─────────── */
table, .sp-table, .sp-data-table,
.sp-league-table, .sp-event-table {
    background: var(--lfp-card-bg) !important;
    color: var(--lfp-text) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
}
table thead, .sp-table thead, th {
    background: rgba(107,47,186,.12) !important;
    color: var(--lfp-text-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
}
th, td { padding: 10px 14px !important; border-bottom: 1px solid #1e1e36 !important; }
tbody tr { transition: background .15s !important; }
tbody tr:hover { background: rgba(107,47,186,.06) !important; }
tbody tr:nth-child(even) { background: rgba(18,16,42,.5) !important; }

/* ── SportsPress Specific ─────────────────────────── */
.sp-template, .sp-view-all-link { color: var(--lfp-text) !important; }
.sp-view-all-link a { color: var(--lfp-purple-light) !important; }

/* Event blocks */
.sp-event-blocks .sp-event-block,
.sp-event-list .sp-event-item,
.sp-countdown, .sp-event-results {
    background: var(--lfp-card-bg) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 10px !important;
    color: var(--lfp-text) !important;
    transition: border-color .2s !important;
}
.sp-event-blocks .sp-event-block:hover { border-color: var(--lfp-purple) !important; }
.sp-event-blocks .sp-event-date,
.sp-event-date { color: var(--lfp-text-muted) !important; }
.sp-event-blocks .sp-event-title,
.sp-event-title { color: #fff !important; font-weight: 700 !important; }
.sp-event-results .sp-event-result { color: var(--lfp-gold) !important; font-weight: 800 !important; }

/* Team/player pages */
.sp-team-details, .sp-player-details,
.sp-team-columns, .sp-player-list {
    background: var(--lfp-card-bg) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: var(--lfp-text) !important;
}
.sp-team-logo img, .sp-player-photo img {
    border-radius: 8px !important;
    border: 2px solid var(--lfp-border) !important;
}

/* Calendar */
.sp-calendar, .sp-calendar th, .sp-calendar td {
    background: var(--lfp-card-bg) !important;
    border-color: var(--lfp-border) !important;
    color: var(--lfp-text) !important;
}
.sp-calendar .sp-calendar-today { background: rgba(107,47,186,.15) !important; }
.sp-calendar a { color: var(--lfp-gold) !important; font-weight: 600 !important; }

/* Standings/league tables */
.sp-league-table tbody tr.sp-row-no-0 td:first-child,
.sp-league-table .sp-highlight { border-left: 3px solid var(--lfp-gold) !important; }

/* ── WordPress Forms ──────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="url"], input[type="tel"], input[type="number"],
input[type="search"], textarea, select,
.ur-frontend-form input, .ur-frontend-form select,
.ur-frontend-form textarea,
.fluentform input, .fluentform select, .fluentform textarea,
.wppm-form input, .wppm-form select, .wppm-form textarea {
    background: #0f0f1a !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 8px !important;
    color: var(--lfp-text) !important;
    padding: 10px 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    transition: border-color .2s !important;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--lfp-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,.15) !important;
}
input[type="submit"], button[type="submit"],
.ur-submit-button, .fluentform .ff-btn-submit,
.wppm-form .wppm-submit {
    background: var(--lfp-purple) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: opacity .2s !important;
}
input[type="submit"]:hover, button[type="submit"]:hover { opacity: .88 !important; }

/* ── WooCommerce Override ─────────────────────────── */
.woocommerce .product, .woocommerce-page,
.woocommerce-cart, .woocommerce-checkout {
    background: var(--lfp-bg) !important;
    color: var(--lfp-text) !important;
}
.woocommerce table.shop_table { background: var(--lfp-card-bg) !important; border-color: var(--lfp-border) !important; }
.woocommerce table.shop_table th { background: rgba(107,47,186,.12) !important; color: var(--lfp-text-muted) !important; }
.woocommerce table.shop_table td { border-color: #1e1e36 !important; }
.woocommerce .cart-collaterals, .woocommerce .cart_totals {
    background: var(--lfp-card-bg) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* ── User Registration Pro Override ───────────────── */
.ur-frontend-form, .user-registration-page {
    background: var(--lfp-card-bg) !important;
    border: 1px solid var(--lfp-border) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    color: var(--lfp-text) !important;
}
.ur-frontend-form label { color: var(--lfp-text) !important; font-family: 'Inter', sans-serif !important; }
.ur-frontend-form .ur-form-row { margin-bottom: 16px !important; }

/* ── Scrollbar ────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--lfp-bg); }
::-webkit-scrollbar-thumb { background: #2a2a4a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a5a; }
html { scrollbar-width: thin; scrollbar-color: #2a2a4a var(--lfp-bg); }

/* ── Varsity specific overrides ───────────────────── */
.rookie-featured-image { border-radius: 12px !important; overflow: hidden !important; }
.rookie-tabs .rookie-tab-menu a {
    color: var(--lfp-text-muted) !important;
    background: var(--lfp-card-bg) !important;
    border-color: var(--lfp-border) !important;
}
.rookie-tabs .rookie-tab-menu .active a {
    color: var(--lfp-gold) !important;
    border-bottom-color: var(--lfp-gold) !important;
}
.rookie-tabs .rookie-tab-body {
    background: var(--lfp-card-bg) !important;
    border-color: var(--lfp-border) !important;
    color: var(--lfp-text) !important;
}

/* Varsity mega slider */
.mega-slider, .mega-slider .slide { background: var(--lfp-bg) !important; }
.mega-slider .slide-content { color: var(--lfp-text) !important; }
.mega-slider .slide-title { color: #fff !important; }

/* Varsity news widget */
.news-widget, .news-widget-item {
    background: var(--lfp-card-bg) !important;
    border-color: var(--lfp-border) !important;
    color: var(--lfp-text) !important;
}

/* Social sidebar */
.social-sidebar { background: #080810 !important; }
.social-sidebar a { color: var(--lfp-text) !important; }

/* Breadcrumbs */
.breadcrumb, .breadcrumbs {
    background: transparent !important;
    color: var(--lfp-text-muted) !important;
    font-size: 12px !important;
}
.breadcrumb a { color: var(--lfp-purple-light) !important; }

/* Page backgrounds */
.page-template-default .entry-content,
.single .entry-content,
.archive .site-main {
    background: transparent !important;
}

/* ── Responsive Mobile ────────────────────────────── */
@media (max-width: 480px) {
    .entry-content { padding: 0 12px !important; }
    .site-header .container { padding: 0 12px !important; }
    h1, .entry-title { font-size: 22px !important; }
    table { font-size: 12px !important; }
    th, td { padding: 6px 8px !important; }
}

@media (max-width: 768px) {
    .site-content .container { padding: 0 16px !important; }
    .widget-area { padding: 16px !important; }
    #secondary { display: none; } /* Hide sidebar on mobile */
}

@media (min-width: 1200px) {
    .site-content .container,
    .entry-content { max-width: 1400px; }
}

/* ── Print styles ─────────────────────────────────── */
@media print {
    body { background: #fff !important; color: #000 !important; }
    .site-header, .site-footer, .main-navigation,
    .widget-area, #secondary { display: none !important; }
}

/* ── Hide page title on ALL pages (breadcrumb title "La Famille Parfaite E-Sport") ── */
.entry-header, .page-header h1.entry-title,
body .entry-header { display: none !important; }

/* ── Hide comment form / Start a Conversation everywhere ── */
#respond, .comment-respond, #comments, .comments-area,
.comment-form, #commentform, .comment-reply-title,
.comment-list, .no-comments,
form[id="commentform"] { display: none !important; }

/* ── Hide search bar globally ──────────────────────── */
.search-form, .searchform, input[type="search"],
.header-search, .search-toggle, .search-submit,
#searchform, .widget_search { display: none !important; }

/* ── Active menu item — purple instead of red ─────── */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    background: var(--lfp-purple) !important;
    color: #fff !important;
    border-radius: 6px !important;
}
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_item > a:after {
    display: none !important;
}

/* ── Dark Footer ──────────────────────────────────── */
.site-footer, footer, #colophon, .footer-widgets,
.footer-widget-area, .site-info {
    background: linear-gradient(180deg, #0a0a14 0%, #060610 100%) !important;
    color: var(--lfp-text-muted) !important;
    border-top: 1px solid var(--lfp-border) !important;
    font-family: 'Inter', sans-serif !important;
}
.site-footer a, footer a, #colophon a {
    color: var(--lfp-purple-light) !important;
}
.site-footer a:hover, footer a:hover {
    color: var(--lfp-gold) !important;
}
/* Hide default WordPress credits */
.site-info .site-credit, .site-info .theme-credit,
.powered-by, .theme-info { display: none !important; }

/* ── LFP Footer Layout ──────────────────────────── */
.lfp-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px 24px;
}
.lfp-footer__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 32px;
}
.lfp-footer__logo {
    font-size: 20px;
    font-weight: 800;
    color: #fff !important;
    margin-bottom: 10px;
}
.lfp-footer__desc {
    font-size: 13px;
    color: var(--lfp-text-muted) !important;
    line-height: 1.6;
    margin: 0;
}
.lfp-footer__heading {
    font-size: 13px;
    font-weight: 700;
    color: var(--lfp-gold) !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 12px;
}
.lfp-footer__links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.lfp-footer__links li {
    padding: 4px 0 !important;
    border: none !important;
}
.lfp-footer__links a {
    font-size: 13px !important;
    color: var(--lfp-text-muted) !important;
    text-decoration: none !important;
}
.lfp-footer__links a:hover {
    color: var(--lfp-purple-light) !important;
}
.lfp-footer__bottom {
    border-top: 1px solid var(--lfp-border);
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: #6c6f8a !important;
}
.lfp-footer__legal {
    font-style: italic;
    color: #c9a227 !important;
    font-weight: 600;
    opacity: 1;
}
@media (max-width: 768px) {
    .lfp-footer__grid { grid-template-columns: 1fr; gap: 24px; }
    .lfp-footer__bottom { flex-direction: column; text-align: center; }
}

/* ── Selection ────────────────────────────────────── */
::selection { background: var(--lfp-purple); color: #fff; }
::-moz-selection { background: var(--lfp-purple); color: #fff; }

/* ── Mobile général — LFP components ─────────────── */
@media screen and (max-width: 900px) {
    /* Barre division tabs — scroll horizontal au lieu de couper */
    .lfp-team-actionbar,
    .lfp-team-subnav__inner,
    .lfp-tp-division-bar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }
    .lfp-team-actionbar::-webkit-scrollbar,
    .lfp-team-subnav__inner::-webkit-scrollbar { display: none; }

    /* Boutons d'action → colonnes */
    .lfp-team-actionbar__actions {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    .lfp-act-btn { font-size: 12px !important; padding: 7px 12px !important; }

    /* Roster cards → 1 col */
    .lfp-team-roster-grid { grid-template-columns: 1fr !important; }

    /* Profile hero → stack */
    .lfp-pf-hero { flex-direction: column !important; align-items: center !important; text-align: center !important; }
    .lfp-pf-tabs { overflow-x: auto !important; flex-wrap: nowrap !important; }
    .lfp-pf-tabs::-webkit-scrollbar { display: none; }
    .lfp-pf-tab { flex-shrink: 0 !important; }

    /* Modal → plein écran sur mobile */
    .lfp-modal-overlay { padding: 0 !important; align-items: flex-end !important; }
    .lfp-modal-box, .lfp-modal {
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 16px 16px 0 0 !important;
        max-height: 90vh !important;
    }

    /* Stats membres modal → plein écran */
    .lfp-mstat-box { max-width: 100% !important; width: 100% !important; border-radius: 16px 16px 0 0 !important; }

    /* Teams/joueurs grid → 1 col */
    .lfp-teams-grid { grid-template-columns: 1fr !important; }
    .lfp-players-grid { grid-template-columns: repeat(auto-fill, minmax(160px,1fr)) !important; }
}

/* ── Icônes sociales footer ─────────────────────────────────── */
.lfp-footer__social{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 8px;border-top:1px solid #1a1830;margin-top:12px}
.lfp-sf-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#1a1830;color:#fff;transition:background .18s,transform .15s;flex-shrink:0;text-decoration:none}
.lfp-sf-icon svg{width:16px;height:16px}
.lfp-sf-icon:hover{background:var(--sf-color);transform:translateY(-2px)}
@media(max-width:480px){.lfp-sf-icon{width:30px;height:30px}.lfp-sf-icon svg{width:14px;height:14px}.lfp-footer__social{gap:6px}}