/* Bowling Tournois 2.0.140. Navy/orange identity with explicit light and dark reading surfaces. Scoped to the extension. The explicit cascade also replaces legacy dark/mobile rules. */ body:has(.btd-wrap) { background:#020a23!important; color:#dbe6fa; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) { --btd-primary:#2455e6; --btd-secondary:#1841bb; --btd-heading:#172139; --btd-text:#34405a; --btd-muted:#5c6880; --btd-border:#e1e7f0; --btd-surface:#fff; --btd-surface-soft:#f5f7fc; --btd-admin-accent:#2455e6; --btd-admin-ink:#172139; --btd-admin-muted:#5c6880; box-sizing:border-box!important; color-scheme:light; color:#34405a!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; font-size:15px; line-height:1.6; letter-spacing:normal; text-shadow:none!important; } :is(.btd-wrap,.btd-admin-wrap) *, :is(.btd-wrap,.btd-admin-wrap) *::before, :is(.btd-wrap,.btd-admin-wrap) *::after { box-sizing:border-box; } .btd-wrap.btd-player-public-wrap { width:100%!important; margin:0 auto!important; padding:28px 24px 60px!important; } .btd-wrap.btd-wrap .btd-bg { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } .btd-wrap.btd-wrap .btd-bg::before { display:none!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(h1,h2,h3,h4) { color:#172139!important; font-family:inherit!important; font-weight:700!important; line-height:1.25!important; letter-spacing:-.025em!important; text-shadow:none!important; overflow-wrap:anywhere; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) p { color:#5c6880; line-height:1.6; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) small { color:#5c6880; line-height:1.5; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-card,.btd-tournament-card) { background:#fff!important; border:1px solid #e1e7f0!important; border-radius:16px!important; box-shadow:0 3px 12px #173b4905!important; padding:24px!important; margin:0 0 20px; color:#34405a!important; transform:none!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-card h2 { font-size:23px!important; margin:0 0 14px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-card h3 { font-size:18px!important; margin:0 0 12px!important; } .btd-wrap.btd-wrap .btd-shell-header { margin:0 0 24px!important; padding:0 0 20px; border-bottom:1px solid #e1e7f0; } .btd-wrap.btd-wrap .btd-brand { gap:12px; color:inherit!important; text-decoration:none!important; } .btd-wrap.btd-wrap .btd-brand-copy { display:block; } .btd-wrap.btd-wrap .btd-brand-copy>span { display:block; color:#5c6880!important; font-size:10px!important; font-weight:650!important; letter-spacing:.12em; } .btd-wrap.btd-wrap .btd-brand strong { color:#172139!important; font-size:19px!important; font-weight:750!important; } .btd-wrap.btd-wrap :is(.btd-logo,.btd-logo-fallback) { width:48px!important; height:48px!important; max-height:48px!important; border-radius:12px!important; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-logo { background:#fff!important; border:1px solid #e1e7f0; padding:6px!important; } .btd-wrap.btd-wrap .btd-brand .btd-logo-fallback { background:#2455e6!important; color:#fff!important; font-size:17px!important; } .btd-wrap.btd-wrap .btd-tournament-organizer-logo .btd-organizer-copy { display:block; min-width:0; } .btd-wrap.btd-wrap .btd-tournament-organizer-logo .btd-organizer-name { display:block; color:#172139!important; font-size:16px!important; font-weight:750!important; line-height:1.45!important; overflow-wrap:anywhere; text-shadow:none!important; } .btd-wrap.btd-wrap .btd-tournament-organizer-logo small { display:block; color:#536379!important; font-size:11px!important; font-weight:600!important; line-height:1.5!important; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; } .btd-wrap.btd-wrap .btd-breadcrumb { margin:0 0 18px; } .btd-wrap.btd-wrap .btd-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0; padding:0; list-style:none; } .btd-wrap.btd-wrap .btd-breadcrumb li { display:flex; align-items:center; gap:7px; color:#64738d; font-size:13px; font-weight:600; } .btd-wrap.btd-wrap .btd-breadcrumb li+li::before { content:"/"; color:#8997ad; font-weight:400; } .btd-wrap.btd-wrap .btd-breadcrumb a { color:#1841bb!important; text-decoration:none!important; } .btd-wrap.btd-wrap .btd-breadcrumb a:hover { text-decoration:underline!important; text-underline-offset:3px; } .btd-wrap.btd-wrap .btd-breadcrumb [aria-current=page] { color:#52627a; overflow-wrap:anywhere; } .btd-wrap.btd-wrap .btd-hero { display:grid!important; grid-template-columns:minmax(0,1fr) 195px!important; gap:36px!important; align-items:center!important; padding:34px!important; margin:0 0 12px!important; border:1px solid #dde5f6!important; border-radius:20px!important; background:#eef3ff!important; box-shadow:none!important; overflow:visible!important; } .btd-wrap.btd-wrap .btd-hero::before,.btd-wrap.btd-wrap .btd-hero::after { display:none!important; } .btd-wrap.btd-wrap .btd-hero h1 { color:#172139!important; font-size:clamp(32px,3.5vw,47px)!important; line-height:1.12!important; max-width:740px; margin:0 0 16px!important; letter-spacing:-.045em!important; } .btd-wrap.btd-wrap .btd-hero p { color:#666473!important; font-size:16px!important; font-weight:400!important; line-height:1.65!important; max-width:650px; } .btd-wrap.btd-wrap .btd-kicker { background:transparent!important; border:0!important; padding:0!important; margin:0 0 14px!important; color:#2455e6!important; font-size:11px!important; font-weight:750!important; letter-spacing:.12em!important; border-radius:0!important; } .btd-wrap.btd-wrap .btd-hero-panel { padding:26px!important; border:1px solid #dde5f6!important; border-radius:14px!important; background:#ffffffa6!important; min-height:145px; box-shadow:none!important; text-align:center; align-items:center; } .btd-wrap.btd-wrap .btd-hero-panel strong { color:#2455e6!important; font-size:48px!important; font-weight:700!important; letter-spacing:-.05em; line-height:1.15!important; } .btd-wrap.btd-wrap .btd-hero-panel span { color:#666473!important; font-size:13px!important; font-weight:500!important; margin-top:6px; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn,.button) { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:43px; padding:10px 16px!important; border:1px solid #d9dadd!important; border-radius:9px!important; background:#fff!important; color:#34405a!important; font-family:inherit!important; font-size:14px!important; font-weight:650!important; line-height:1.4!important; text-decoration:none!important; box-shadow:none!important; text-shadow:none!important; transform:none!important; white-space:normal; cursor:pointer; transition:background .15s,border-color .15s!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn.btd-primary,.button.button-primary) { background:#2455e6!important; border-color:#2455e6!important; color:#fff!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn,.button):hover { background:#eef3ff!important; border-color:#7997f1!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn.btd-primary,.button.button-primary):hover { background:#1841bb!important; border-color:#1841bb!important; } :is(.btd-wrap,.btd-admin-wrap) :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #2455e6!important; outline-offset:3px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { min-width:0; min-height:44px!important; max-width:100%; padding:10px 12px!important; background:#fff!important; color:#34405a!important; border:1px solid #d5d7db!important; border-radius:8px!important; box-shadow:none!important; font-family:inherit!important; font-size:15px!important; line-height:1.4!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) select { padding-right:30px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) option { background:#fff!important; color:#34405a!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) input::placeholder { color:#6e8189!important; opacity:1; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) input[readonly] { background:#f2f5f6!important; color:#5b717a!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(input[type=checkbox],input[type=radio]) { accent-color:#2455e6; width:18px!important; min-width:18px; height:18px!important; min-height:18px!important; flex:0 0 18px; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) label { color:#34405a!important; font-weight:550!important; font-size:14px!important; line-height:1.5!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-actions { display:flex; flex-wrap:wrap; gap:10px!important; align-items:center; } .btd-wrap.btd-wrap .btd-public-filter-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; padding:22px!important; margin:6px 0 0!important; border:1px solid #e1e7f0!important; border-radius:14px!important; background:#fff!important; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-public-filter-grid .btd-front-search { grid-column:1/-1!important; } .btd-wrap.btd-wrap .btd-public-filter-grid :is(input,select) { width:100%!important; max-width:none!important; margin:6px 0 0!important; } .btd-wrap.btd-wrap .btd-filter-field { min-width:0; } .btd-wrap.btd-wrap .btd-filter-field label { font-size:12px!important; font-weight:650!important; } .btd-filter-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 2px 0; } .btd-filter-toolbar p { margin:0!important; font-size:13px!important; } .btd-reset-filters { appearance:none; border:0; background:transparent; padding:8px 0; color:#1841bb; font-size:13px; font-weight:600; line-height:1.4; font-family:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; } .btd-wrap.btd-wrap .btd-list-card { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-section-title { display:flex!important; justify-content:space-between; align-items:center; gap:16px; margin:4px 0 22px!important; } .btd-wrap.btd-wrap .btd-section-title h2 { font-size:25px!important; margin:0!important; } .btd-wrap.btd-wrap .btd-section-title p { font-size:13px!important; color:#5c6880!important; font-weight:400!important; margin:0; max-width:370px; } .btd-wrap.btd-wrap .btd-tournament-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; } .btd-wrap.btd-wrap .btd-event-card { display:flex!important; flex-direction:column!important; gap:0!important; min-width:0; padding:24px!important; margin:0!important; border-radius:16px!important; border-top:3px solid #c1d0f6!important; transition:border-color .15s,box-shadow .15s; } .btd-wrap.btd-wrap .btd-event-card:hover { box-shadow:0 8px 24px #14392e0d!important; border-color:#97aff3!important; } .btd-event-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; margin-bottom:24px; } .btd-event-status { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:6px; font-size:10px; line-height:1.5; font-weight:700; background:#e7f4ec; color:#237144; } .btd-event-status::before { content:""; width:5px; height:5px; background:currentColor; border-radius:50%; } .btd-event-status-scheduled { background:#fff2df; color:#83520f; } .btd-event-status-closed { background:#eef1f4; color:#52636f; } .btd-event-category { font-size:11px; color:#667b83; } .btd-wrap.btd-wrap .btd-event-date { margin:0 0 8px!important; color:#2455e6!important; font-size:12px!important; font-weight:700!important; letter-spacing:.025em; } .btd-wrap.btd-wrap .btd-event-card h2 { font-size:22px!important; margin:0 0 8px!important; line-height:1.3!important; } .btd-wrap.btd-wrap .btd-event-location { font-size:13px!important; color:#61767f!important; margin:0 0 16px!important; } .btd-wrap.btd-wrap .btd-event-card .btd-card-main { display:flex; flex-direction:column; flex:1; padding:0!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-meta { display:flex; flex-wrap:wrap; gap:6px!important; margin:8px 0 16px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-meta span,.btd-badge) { padding:5px 8px!important; color:#5b6475!important; background:#f3f3f5!important; border:0!important; border-radius:5px!important; font-size:11px!important; line-height:1.4!important; font-weight:550!important; } .btd-event-price { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:auto 0 0; padding:18px 0; border-top:1px solid #e7ecf4; } .btd-event-price span { color:#5c6880; font-size:12px; } .btd-event-price strong { color:#172139; font-size:14px; } .btd-event-capacity { margin:2px 0 22px; } .btd-event-capacity>div { display:flex; justify-content:space-between; gap:8px; font-size:11px; color:#58737b; margin-bottom:7px; } .btd-event-capacity progress { appearance:none; display:block; width:100%; height:5px; border:0; border-radius:8px; overflow:hidden; background:#eaf0f1; color:#6688f0; } .btd-event-capacity progress::-webkit-progress-bar { background:#eaf0f1; } .btd-event-capacity progress::-webkit-progress-value { background:#6688f0; border-radius:8px; } .btd-event-capacity progress::-moz-progress-bar { background:#6688f0; } .btd-wrap.btd-wrap .btd-event-card .btd-actions { display:flex!important; flex-wrap:wrap; justify-content:space-between; margin-top:auto; } .btd-wrap.btd-wrap .btd-event-card :is(.btd-primary,.btd-registrants) { flex:0 0 100%; justify-content:space-between; font-size:13px!important; } .btd-event-link { display:inline-block; color:#526e78!important; font-size:12px; font-weight:500; text-decoration:none!important; padding:6px 0; } .btd-event-link:hover { color:#1841bb!important; text-decoration:underline!important; } .btd-wrap.btd-wrap :is(.btd-event-note,.btd-event-restriction) { font-size:12px!important; color:#6e5928!important; background:#fff7e8; border-radius:6px; padding:10px; margin:0 0 20px!important; } .btd-wrap.btd-wrap .btd-public-admin-link { display:flex; justify-content:center; gap:24px; border-top:1px solid #e1e7f0; margin-top:12px; padding:20px; } .btd-wrap.btd-wrap .btd-public-admin-link a { color:#526e78!important; font-size:13px; font-weight:500!important; } /* Registration, account screens and existing editor controls. */ .btd-wrap.btd-wrap .btd-detail-hero { grid-template-columns:minmax(0,1fr) 245px!important; } .btd-wrap.btd-wrap .btd-detail-hero h1 { font-size:36px!important; } .btd-wrap.btd-wrap .btd-detail-layout { display:grid!important; grid-template-columns:minmax(0,1fr) 280px!important; gap:24px!important; align-items:start; } .btd-wrap.btd-wrap :is(.btd-detail-main,.btd-detail-sidebar) { min-width:0; } .btd-wrap.btd-wrap .btd-registration-card-modern { padding:28px!important; } .btd-wrap.btd-wrap .btd-registration-form { display:block!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-player,.btd-player-type-wrap,.btd-name-mode,.btd-doublette-pools,.btd-pool-public,.btd-pools-box,.btd-summary-card,.btd-registration-summary,.btd-registration-card,.btd-player-chip,.btd-form-section,.btd-club-picker) { background:#f8fafb!important; color:#34405a!important; border:1px solid #e1e7f0!important; border-radius:12px!important; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-player { padding:22px!important; margin:20px 0!important; } .btd-wrap.btd-wrap .btd-player h3::before { display:inline-flex; background:#e0efeb!important; color:#086d65!important; box-shadow:none!important; } .btd-wrap.btd-wrap :is(.btd-pool-public strong,.btd-summary-line strong) { color:#34405a!important; } .btd-wrap.btd-wrap :is(.btd-summary-line span,.btd-summary-line small,.btd-registration-intro) { color:#5c6880!important; font-weight:400!important; } .btd-wrap.btd-wrap .btd-summary-line { border-color:#e1e7f0!important; } .btd-wrap.btd-wrap .btd-submit-bar { background:#fff!important; border-top:1px solid #e1e7f0; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-submit-bar .btd-primary { box-shadow:none!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-license-result,.btd-js-status,.btd-scheduled-note,.btd-admin-note,.btd-fa-free-note) { background:#edf4f5!important; color:#425f69!important; border:1px solid #d5e3e6!important; border-radius:8px!important; padding:13px!important; font-size:13px!important; font-weight:400!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-ok,.btd-license-result.is-ok) { background:#eaf6ed!important; color:#23633c!important; border:1px solid #c4e2cd!important; border-radius:8px!important; font-weight:500!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-err,.btd-license-result.is-ko) { background:#fff0ee!important; color:#9b3329!important; border:1px solid #f2cec7!important; border-radius:8px!important; font-weight:500!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-license-result.is-loading { background:#fff6e7!important; color:#805817!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-public-details,.btd-details) { border:1px solid #e1e7f0!important; border-radius:12px!important; background:#fff!important; overflow:visible; margin:16px 0; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-public-details,.btd-details)>summary { padding:17px 20px!important; font-size:15px!important; font-weight:650!important; background:#f7f9fa!important; color:#34405a!important; border-radius:12px; cursor:pointer; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-details-body { max-height:none!important; padding:22px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-table,.btd-fa-table,.btd-player-payment-table) { width:100%; border-collapse:collapse!important; border:0!important; background:#fff!important; color:#34405a!important; font-size:13px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-table,.btd-fa-table,.btd-player-payment-table) th { padding:13px 16px!important; background:#f5f7fc!important; color:#617780!important; border-color:#e1eaec!important; font-size:10px!important; font-weight:650!important; text-transform:uppercase; letter-spacing:.06em; text-align:left; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-table,.btd-fa-table,.btd-player-payment-table) td { padding:17px 16px!important; color:#36535d!important; background:#fff!important; border-bottom:1px solid #e5ecee!important; font-size:13px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-table-wrap,.btd-fa-table-wrap,.btd-player-payment-wrap) { width:100%; max-width:100%; overflow:auto; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-table,.btd-fa-table) a { color:#2455e6!important; } /* Organizer workspace: one horizontal navigation, contextual sub-navigation. */ body.btd-admin-standalone-app .btd-front-admin-wrap.btd-front-admin-wrap, .btd-front-admin-wrap.btd-front-admin-wrap { width:100%!important; max-width:100%!important; left:0!important; margin:0!important; padding:0!important; background:#f6f8fc!important; } body.btd-admin-standalone-app .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-content, .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-content { display:block!important; width:100%!important; max-width:1440px!important; margin:0 auto!important; padding:24px 32px 60px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-head { position:static!important; width:100%!important; height:auto!important; min-height:0!important; padding:0!important; margin:0 0 28px!important; border:0!important; border-bottom:1px solid #e1e7f0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-row { display:flex!important; flex-direction:row!important; justify-content:space-between!important; align-items:center!important; flex-wrap:wrap!important; gap:16px!important; padding:0 0 20px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-brand { padding:0!important; border:0!important; margin:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-actions { display:flex!important; gap:8px!important; padding:0!important; margin:0!important; flex-wrap:wrap!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-actions .btd-btn { min-height:36px; padding:8px 12px!important; font-size:12px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-actions .btd-primary { background:#fff!important; color:#526e78!important; border-color:#d9dadd!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tabs { position:static!important; display:flex!important; flex-direction:row!important; align-items:center!important; flex-wrap:wrap!important; width:100%!important; min-width:0!important; gap:4px!important; margin:0!important; padding:0 0 12px!important; border:0!important; background:transparent!important; box-shadow:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tabs>a { display:block!important; flex:none!important; width:auto!important; min-height:40px!important; padding:10px 14px!important; margin:0!important; border:0!important; border-radius:8px!important; background:transparent!important; color:#5c6880!important; font-size:13px!important; font-weight:600!important; line-height:1.5!important; text-decoration:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tabs>a::before { display:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tabs>a.is-active { color:#1841bb!important; background:#edf2ff!important; box-shadow:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-submenu { order:1; display:flex!important; flex-wrap:wrap!important; flex:0 0 100%!important; gap:6px!important; padding:14px 0 0!important; margin:6px 0 0!important; border:0!important; border-top:1px solid #e0e8ea!important; background:transparent!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-submenu a { display:block!important; width:auto!important; margin:0!important; padding:7px 12px!important; border:1px solid transparent!important; border-radius:7px!important; background:transparent!important; color:#5c6880!important; font-size:12px!important; font-weight:550!important; text-decoration:none; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-submenu a.is-current { border-color:#c9d7fc!important; color:#1841bb!important; background:#fff!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block-zone { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:22px!important; padding:0!important; margin:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block { min-width:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block.is-wide { grid-column:1/-1!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block.is-half { grid-column:span 6!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-front-admin-head { background:transparent!important; padding:4px 0 8px!important; border:0!important; box-shadow:none!important; margin:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-front-admin-head h2 { font-size:31px!important; margin-bottom:10px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-front-admin-head p { max-width:none!important; font-size:14px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card { padding:0!important; margin:0!important; overflow:hidden; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card-head { display:flex!important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:20px 24px!important; background:#fff!important; border-bottom:1px solid #e1eaec!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card-head h3 { margin:0!important; font-size:17px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card-body { padding:24px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metrics,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics>div { display:flex!important; flex-direction:column; align-items:flex-start!important; justify-content:center; gap:10px; background:#fff!important; border:1px solid #e1e7f0!important; border-radius:12px!important; padding:22px!important; box-shadow:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric span,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics span { color:#5c6880!important; font-size:12px!important; font-weight:500!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric strong,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics strong { color:#172139!important; font-size:32px!important; line-height:1.1!important; font-weight:650!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-fa-status,.btd-state) { display:inline-flex; align-items:center; border:0!important; border-radius:6px!important; padding:5px 9px!important; font-size:11px!important; font-weight:600!important; background:#eef1f4!important; color:#536975!important; white-space:nowrap; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-fa-status-open,.btd-state-open) { background:#e6f4eb!important; color:#256540!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-fa-status-closed,.btd-state-closed) { background:#fff2dd!important; color:#815510!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-fa-status-finished,.btd-state-finished) { background:#e9eef4!important; color:#435d74!important; } .btd-lifecycle-note { color:#527069!important; font-size:12px!important; border-left:3px solid #9dcabd; padding:8px 12px; margin:0 0 20px; background:#f2f8f5; border-radius:0 6px 6px 0; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-login-shell { padding:48px 20px!important; min-height:85vh; display:grid!important; place-items:start center; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-login-card { width:100%!important; max-width:650px!important; padding:32px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-login-brand { padding:0 0 24px!important; border-bottom:1px solid #e1eaec; margin-bottom:24px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-remember { display:flex; align-items:center; gap:8px; margin:20px 0; } /* WordPress management pages, forms, settings and destructive action distinction. */ .btd-admin-wrap.btd-admin-wrap { max-width:1480px!important; padding:10px 16px 40px 0; } .btd-admin-wrap.btd-admin-wrap>h1 { font-size:32px; margin:18px 0 24px; } .btd-admin-wrap.btd-admin-wrap .btd-admin-list-card { background:#f5f8f9!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-form-section { padding:24px!important; background:#fff!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-form-section legend { color:#2455e6!important; font-size:16px!important; font-weight:650!important; padding:0 8px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-grid { gap:20px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-settings-nav { background:#f3f7f7!important; border-color:#e1e7f0!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-settings-nav button[aria-selected=true] { background:#fff!important; color:#1841bb!important; border-color:#cbded9!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-club-options .btd-club-option.is-selected { background:#eaf5ef!important; border-color:#a8cec1!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .button-link-delete { color:#a1362c!important; border-color:#edc8c1!important; background:#fff6f4!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-stats div { background:#f1f7f5!important; border-color:#dbe8e3!important; color:#2c574d!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-stats strong { color:#172139!important; } .btd-wrap.btd-wrap :is(.btd-empty-filter,.btd-empty-tournaments) { color:#5c6880!important; background:#fff!important; border-color:#cbdadd!important; padding:24px; border-radius:12px; font-weight:400!important; } .btd-wrap.btd-wrap .btd-event-card[hidden],.btd-wrap.btd-wrap .btd-event-card.btd-is-filter-hidden { display:none!important; } @media(max-width:1100px) { .btd-wrap.btd-wrap .btd-tournament-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .btd-wrap.btd-wrap .btd-detail-layout { grid-template-columns:1fr!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metrics,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block.is-half { grid-column:1/-1!important; } } @media(max-width:700px) { .btd-wrap.btd-player-public-wrap { padding:20px 16px 40px!important; } .btd-wrap.btd-wrap .btd-hero,.btd-wrap.btd-wrap .btd-detail-hero { grid-template-columns:1fr!important; padding:24px!important; gap:20px!important; } .btd-wrap.btd-wrap .btd-hero h1 { font-size:34px!important; } .btd-wrap.btd-wrap .btd-hero-panel { flex-direction:row!important; justify-content:flex-start!important; gap:14px; min-height:0!important; padding:16px 20px!important; text-align:left; } .btd-wrap.btd-wrap .btd-hero-panel strong { font-size:32px!important; } .btd-wrap.btd-wrap .btd-hero-panel span { margin:0; } .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:18px!important; gap:12px!important; } .btd-wrap.btd-wrap .btd-section-title { display:block!important; } .btd-wrap.btd-wrap .btd-section-title p { margin-top:8px!important; max-width:none; } .btd-wrap.btd-wrap .btd-tournament-grid { grid-template-columns:1fr!important; gap:18px!important; } .btd-wrap.btd-wrap .btd-event-card { padding:22px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-grid, :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-form-section>.btd-grid { grid-template-columns:1fr!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-card,.btd-player,.btd-form-section) { padding:20px!important; } .btd-wrap.btd-wrap .btd-table-wrap { margin:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-content, body.btd-admin-standalone-app .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-content { padding:20px 16px 40px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card { padding:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card-body { padding:18px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-card-head { padding:18px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block-zone { grid-template-columns:1fr!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block { grid-column:1/-1!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tabs>a { padding:8px 10px!important; font-size:12px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-login-shell { padding:24px 16px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-login-card { padding:24px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-front-admin-head { padding:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric,.btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics>div { padding:16px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px!important; } } @media(prefers-reduced-motion:reduce) { :is(.btd-wrap,.btd-admin-wrap) * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } } .btd-manager-search-label { display:block; max-width:440px; margin:0 0 20px; font-size:12px!important; } .btd-manager-search-label input { display:block; margin-top:6px; width:100%; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table tr[hidden],.btd-manager-empty[hidden] { display:none!important; } @media(max-width:700px) { .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table { display:block!important; min-width:0!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table thead { display:none; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table tbody { display:grid; gap:18px; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table tr { display:block; border:1px solid #e1e7f0; border-radius:12px; padding:10px 16px; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table td { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0!important; text-align:right; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table td::before { content:attr(data-label); color:#627b84; font-size:11px; flex:0 0 auto; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table td[data-label="Tournoi"] { font-size:16px!important; text-align:left; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table td[data-label="Tournoi"]::before { display:none; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-tournament-table td:last-child { border:0!important; } } /* Neutralize the former sidebar and login-specific legacy rules. */ body .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-content>.btd-fa-plugin-head { display:block!important; position:static!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; min-height:0!important; padding:0!important; margin:0 0 28px!important; border:0!important; border-bottom:1px solid #e1e7f0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-head::after, .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric::after, .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-metric::before { display:none!important; content:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-brand { flex:1 1 auto!important; width:auto!important; max-width:none!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-brand .btd-brand { width:auto!important; align-items:center!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-actions { width:auto!important; flex:0 1 auto!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-actions .btd-btn { width:auto!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-block:has(.btd-fa-tournament-list) { grid-column:1/-1!important; } .btd-wrap.btd-wrap .btd-brand .btd-logo-fallback { display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; flex:0 0 48px!important; line-height:1!important; } .btd-wrap.btd-wrap .btd-shell-header { background:transparent!important; box-shadow:none!important; border-radius:0!important; } .btd-wrap.btd-wrap .btd-detail-back a { color:#1841bb!important; font-size:13px!important; font-weight:600!important; } .btd-wrap.btd-wrap .btd-summary-card .btd-summary-total strong { color:#2455e6!important; font-size:18px!important; line-height:1.5!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-weight:400!important; } body:has(.btd-front-admin-wrap .btd-fa-login-shell) { background:#f6f8fc!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) { background:#f6f8fc!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-shell { display:flex!important; flex-direction:column!important; align-items:center!important; min-height:100vh!important; padding:48px 20px!important; background:transparent!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-card { display:block!important; width:100%!important; max-width:600px!important; margin:0!important; padding:32px!important; border:1px solid #e1e7f0!important; border-radius:18px!important; background:#fff!important; box-shadow:0 8px 28px #1e463409!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-brand { display:block!important; padding:0 0 24px!important; margin:0 0 26px!important; border:0!important; border-bottom:1px solid #e0e8ea!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-brand .btd-brand { display:flex!important; flex-direction:row!important; align-items:center!important; gap:12px!important; text-align:left!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-brand .btd-brand>div { display:block!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-brand :is(.btd-logo,.btd-logo-fallback) { width:48px!important; height:48px!important; max-height:48px!important; border:0!important; border-radius:12px!important; box-shadow:none!important; margin:0!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-card h2 { margin:0 0 12px!important; font-size:27px!important; text-align:left!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-card .btd-fa-free-note { background:#edf6f2!important; border:1px solid #d4e7dd!important; border-radius:8px!important; color:#426a5b!important; padding:14px!important; font-size:13px!important; font-weight:400!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-free-note strong { color:inherit!important; font-weight:600!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-grid { grid-template-columns:1fr!important; gap:8px!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-public-details { border:1px solid #e1e7f0!important; border-radius:10px!important; padding:0!important; margin:14px 0 0!important; background:#fff!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-public-details>summary { display:list-item!important; color:#43606a!important; background:#f7f9fa!important; font-size:13px!important; font-weight:550!important; padding:14px 16px!important; border-radius:10px!important; text-decoration:none!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-public-details .btd-details-body { padding:20px!important; } @media(max-width:700px) { .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-shell { padding:24px 16px!important; } .btd-wrap.btd-front-admin-wrap.btd-front-admin-wrap:has(.btd-fa-login-shell) .btd-fa-login-card { padding:24px!important; } .btd-front-admin-wrap.btd-front-admin-wrap .btd-fa-plugin-row { align-items:flex-start!important; } } #btd-organizer-app .btd-fa-login-brand .btd-brand { display:flex!important; flex-direction:row!important; justify-content:flex-start!important; align-items:center!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; gap:12px!important; } #btd-organizer-app .btd-fa-login-brand .btd-brand>div { display:block!important; width:auto!important; max-width:none!important; opacity:1!important; visibility:visible!important; } #btd-organizer-app .btd-fa-login-brand .btd-brand span { display:block!important; color:#5c6880!important; font-size:10px!important; } #btd-organizer-app .btd-fa-login-brand .btd-brand strong { display:block!important; color:#172139!important; font-size:18px!important; } #btd-organizer-app .btd-fa-login-brand .btd-brand .btd-logo-fallback { display:inline-flex!important; width:48px!important; height:48px!important; background:#2455e6!important; color:#fff!important; font-size:17px!important; } #btd-organizer-app .btd-fa-login-card .btd-public-details>summary { color:#43606a!important; } #btd-organizer-app .btd-fa-login-card .btd-public-details>summary::after { color:#43606a!important; } /* Same button geometry as the main action, with a distinct blue color. */ .btd-wrap.btd-wrap .btd-btn.btd-registrants { background:#253451!important; border-color:#253451!important; color:#fff!important; } .btd-wrap.btd-wrap .btd-btn.btd-registrants:hover { background:#172139!important; border-color:#172139!important; } /* Public registrations: one record per card on narrow screens, same form and data. */ #liste-inscrits .btd-mobile-field-label { display:none; } #liste-inscrits .btd-public-player-list { list-style:none; padding:0; margin:0; } #liste-inscrits .btd-public-player-list li { margin:0; padding:0; overflow-wrap:anywhere; } #liste-inscrits .btd-public-player-list li+li { margin-top:12px; } #liste-inscrits .btd-public-player-name { display:block; font-weight:650; color:#172139; } #liste-inscrits .btd-public-player-club,#liste-inscrits .btd-public-player-pool { display:block; color:#5c6880; font-size:12px; line-height:1.5; margin-top:3px; } #liste-inscrits .btd-public-registration-status { display:inline-block; padding:5px 8px; border-radius:6px; color:#355480; background:#edf2fa; font-size:11px; font-weight:600; line-height:1.5; } #liste-inscrits .btd-public-registration-status-confirmed_paid { color:#256540; background:#e6f4eb; } #liste-inscrits .btd-public-registration-status-waiting { color:#815510; background:#fff2dd; } #liste-inscrits .btd-reg-team,#liste-inscrits .btd-reg-pool { overflow-wrap:anywhere; } @media(max-width:820px) { .btd-player-public-wrap #liste-inscrits.btd-public-registrations-card { padding:0!important; border:0!important; box-shadow:none!important; background:transparent!important; } #liste-inscrits>.btd-public-details { margin:0!important; background:#f5f7fc!important; } #liste-inscrits>.btd-public-details>.btd-details-body { padding:12px!important; overflow:visible!important; } #liste-inscrits .btd-public-registrations-scroll { margin:0!important; padding:0!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow:visible!important; } #liste-inscrits table.btd-public-registrations { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; } /* Keep column headers available to assistive technology. */ #liste-inscrits .btd-public-registrations thead { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } #liste-inscrits .btd-public-registrations tbody { display:grid!important; grid-template-columns:minmax(0,1fr); gap:14px; width:100%; } #liste-inscrits .btd-public-registrations tr { display:flex!important; flex-direction:column; gap:14px; min-width:0; width:100%; padding:18px; background:#fff; border:1px solid #e1e7f0; border-radius:12px; } #liste-inscrits .btd-public-registrations td { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:0!important; border:0!important; background:transparent!important; text-align:left!important; white-space:normal!important; overflow-wrap:anywhere; font-size:14px!important; line-height:1.6!important; } #liste-inscrits .btd-mobile-field-label { display:block; margin:0 0 5px; color:#617780; font-size:10px; font-weight:650; line-height:1.5; letter-spacing:.07em; text-transform:uppercase; } #liste-inscrits .btd-reg-team { order:-1; } #liste-inscrits .btd-reg-team>strong { font-size:17px; line-height:1.4; color:#172139; } #liste-inscrits .btd-reg-status .btd-mobile-field-label { display:none; } #liste-inscrits .btd-public-player-name { font-size:15px; line-height:1.5; } #liste-inscrits .btd-public-player-list li+li { padding-top:12px; border-top:1px solid #e7edef; } #liste-inscrits .btd-public-registrations .btd-reg-action { border-top:1px solid #e0e8ea!important; padding-top:14px!important; } #liste-inscrits .btd-cancel-request { width:100%!important; min-width:0!important; max-width:100%!important; gap:10px; } #liste-inscrits .btd-cancel-request .btd-cancel-button { display:flex; align-items:center; justify-content:center; width:100%!important; min-width:0!important; min-height:46px; padding:11px 12px; border-radius:8px; border-color:#dfb6b4; background:#fff2f0; color:#98382f; font-size:13px; font-weight:650; line-height:1.5; white-space:normal!important; text-align:center; overflow-wrap:anywhere; box-shadow:none; } #liste-inscrits .btd-cancel-request .btd-cancel-button:hover { background:#fce3df; border-color:#b77870; } #liste-inscrits .btd-cancel-request small,#liste-inscrits .btd-cancel-unavailable { width:100%; min-width:0; font-size:12px; line-height:1.6; overflow-wrap:anywhere; } } /* 2.0.133 — compact sports directory and a light organizer workspace. */ .btd-wrap.btd-wrap .btd-directory-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:0 0 22px; border-color:#e1e7f0; } .btd-directory-nav { display:flex; align-items:center; flex-wrap:wrap; gap:24px; } .btd-home-nav-link { color:#172139!important; font-size:13px; font-weight:650; text-decoration:none!important; } .btd-home-nav-link:hover { text-decoration:underline!important; text-underline-offset:5px; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn { background:#172139!important; color:#fff!important; border-color:#172139!important; border-radius:7px!important; font-size:12px!important; } .btd-wrap.btd-wrap .btd-directory-hero { display:grid!important; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)!important; gap:45px!important; padding:22px 0 30px!important; border:0!important; border-radius:0!important; background:transparent!important; margin:0!important; } .btd-wrap.btd-wrap .btd-directory-hero h1 { max-width:700px; color:#172139!important; font-family:inherit!important; font-size:clamp(36px,4.3vw,56px)!important; font-weight:800!important; line-height:1.1!important; letter-spacing:-.055em!important; margin:0 0 24px!important; } .btd-wrap.btd-wrap .btd-directory-hero h1>span { color:#2455e6!important; font-style:normal; } .btd-wrap.btd-wrap .btd-directory-hero p { color:#5c6880!important; font-size:16px!important; max-width:440px; margin:0!important; } .btd-wrap.btd-wrap .btd-directory-hero .btd-kicker { display:block; margin-bottom:20px!important; font-size:10px!important; letter-spacing:.13em!important; } .btd-home-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0; } .btd-wrap.btd-wrap .btd-home-hero-actions .btd-btn { min-height:49px; padding:13px 21px!important; border-radius:7px!important; } .btd-home-stats { display:flex; gap:30px; margin:28px 0 0; } .btd-home-stats>div { display:flex; flex-direction:column-reverse; gap:5px; border-left:1px solid #e1e7f0; padding-left:20px; } .btd-home-stats>div:first-child { padding-left:0; border:0; } .btd-home-stats dt { color:#5c6880; font-size:11px; line-height:1.45; max-width:135px; } .btd-home-stats dd { color:#172139; font-size:29px; font-weight:750; line-height:1.1; margin:0; } .btd-home-spotlight { min-width:0; background:#fff; border:1px solid #e1e7f0; border-radius:18px; overflow:hidden; box-shadow:0 12px 30px #40322008; } .btd-home-spotlight-copy,.btd-home-spotlight-empty { padding:26px; } .btd-wrap.btd-wrap .btd-home-spotlight .btd-kicker { color:#65728b!important; font-size:9px!important; margin:0 0 9px!important; } .btd-wrap.btd-wrap .btd-home-spotlight h2 { font-size:25px!important; margin:8px 0!important; letter-spacing:-.035em!important; } .btd-wrap.btd-wrap .btd-home-spotlight .btd-home-spotlight-date { color:#2455e6!important; font-size:12px!important; font-weight:700!important; } .btd-wrap.btd-wrap .btd-home-spotlight p { font-size:13px!important; } .btd-home-text-link { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:22px; padding-top:17px; border-top:1px solid #e7ecf4; color:#172139!important; font-size:12px; font-weight:700; text-decoration:none!important; } .btd-home-text-link:hover { color:#2455e6!important; } .btd-search-panel { background:#fff; padding:28px 30px; border:1px solid #e1e7f0; border-radius:14px; box-shadow:0 7px 20px #202c4604; } .btd-search-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; } .btd-wrap.btd-wrap .btd-search-heading .btd-kicker { display:block; margin-bottom:5px!important; font-size:9px!important; } .btd-wrap.btd-wrap .btd-search-heading h2 { margin:0!important; color:#172139!important; font-size:25px!important; } .btd-search-hint { text-align:right; max-width:220px; color:#727987; font-size:11px; line-height:1.6; } .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:15px!important; padding:0!important; margin:23px 0 0!important; border:0!important; background:transparent!important; border-radius:0!important; } .btd-wrap.btd-wrap .btd-public-filter-grid .btd-front-search input { background:#f8faff!important; border-color:#d8d9dc!important; min-height:49px!important; } .btd-wrap.btd-wrap .btd-filter-field label { text-transform:none; letter-spacing:0; font-size:12px!important; } .btd-filter-toolbar { padding:15px 0 0; } .btd-wrap.btd-wrap .btd-section-title { margin:18px 0 24px!important; align-items:flex-end; } .btd-wrap.btd-wrap .btd-section-title .btd-kicker { display:block; font-size:9px!important; margin-bottom:8px!important; } .btd-wrap.btd-wrap .btd-section-title h2 { font-size:31px!important; letter-spacing:-.035em!important; } .btd-wrap.btd-wrap .btd-section-title p { text-align:right; font-size:12px!important; } #btd-calendar { scroll-margin-top:24px; } .btd-wrap.btd-wrap .btd-event-card { align-items:stretch!important; padding:0!important; border:1px solid #e1e7f0!important; border-radius:13px!important; overflow:hidden; box-shadow:none!important; } .btd-wrap.btd-wrap .btd-event-card:hover { border-color:#9bb3f6!important; box-shadow:0 8px 22px #372f2409!important; } .btd-event-cover { position:relative; display:flex; align-items:center; flex:0 0 auto; width:100%; min-width:0; gap:17px; padding:19px 23px; min-height:116px; background:#f1f5ff; border-bottom:1px solid #e1e7f0; overflow:hidden; } .btd-event-calendar { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; flex:0 0 63px; min-height:77px; border:1px solid #d9e2f5; border-radius:8px; padding:7px; background:#fff; line-height:1.1; } .btd-calendar-month { color:#2455e6; font-size:10px; text-transform:uppercase; font-weight:750; letter-spacing:.06em; } .btd-event-calendar strong { color:#172139; font-size:29px; line-height:1.2; font-weight:750; letter-spacing:-.05em; } .btd-calendar-year { font-size:9px; color:#73717a; } .btd-calendar-pending { font-size:11px; color:#5c6880; text-align:center; line-height:1.5; } .btd-event-cover-copy { display:flex; flex-direction:column; flex:1 1 0%; gap:7px; min-width:0; } .btd-event-category { color:#536b9a; font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; word-break:normal; overflow-wrap:break-word; } .btd-event-format { color:#172139; font-size:14px; font-weight:650; word-break:normal; overflow-wrap:break-word; } .btd-event-lane-mark { position:absolute; right:17px; bottom:15px; color:#98aee2; font-size:18px; } .btd-wrap.btd-wrap .btd-event-card .btd-card-main { padding:22px 23px 0!important; } .btd-event-top { margin-bottom:13px; } .btd-wrap.btd-wrap .btd-event-card h2 { font-size:21px!important; margin-bottom:12px!important; } .btd-wrap.btd-wrap .btd-event-location { display:flex; align-items:flex-start; gap:7px; margin-bottom:12px!important; font-size:12px!important; } .btd-event-location svg { width:15px; height:17px; flex:0 0 15px; margin-top:2px; } .btd-event-location>span { min-width:0; overflow-wrap:anywhere; } .btd-event-price { padding:16px 0; } .btd-event-capacity { margin-bottom:19px; } .btd-wrap.btd-wrap .btd-event-card .btd-actions { padding:0 23px 23px!important; gap:9px!important; } .btd-wrap.btd-wrap .btd-event-card .btd-btn { min-height:45px; border-radius:7px!important; } .btd-home-organizer { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.6fr); align-items:center; gap:35px; padding:42px; background:#172139; border-radius:16px; margin:15px 0 30px; } .btd-wrap.btd-wrap .btd-home-organizer .btd-kicker { display:block; color:#bfd0ff!important; font-size:9px!important; } .btd-wrap.btd-wrap .btd-home-organizer h2 { color:#fff!important; font-size:32px!important; letter-spacing:-.035em!important; margin:0 0 15px!important; } .btd-wrap.btd-wrap .btd-home-organizer p { color:#d0d5df!important; font-size:13px!important; max-width:490px; margin:0; } .btd-home-organizer-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn { background:#dce7ff!important; color:#172139!important; border-color:#dce7ff!important; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn:hover { background:#dce7ff!important; } .btd-home-organizer-actions>a:not(.btd-btn) { color:#d0d5df!important; font-size:12px; text-underline-offset:4px; } .btd-wrap.btd-wrap .btd-public-admin-link { justify-content:flex-end; flex-wrap:wrap; padding:24px 0 0; gap:24px; border-color:#e1e7f0; } .btd-public-admin-link>span { margin-right:auto; color:#73717a; font-size:12px; } /* Tournament detail and registration form use the same quieter surfaces. */ .btd-wrap.btd-wrap .btd-detail-hero { background:#fff!important; border:1px solid #e1e7f0!important; border-top:4px solid #2455e6!important; border-radius:14px!important; gap:34px!important; } .btd-wrap.btd-wrap .btd-detail-hero h1 { color:#172139!important; font-size:38px!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-meta span { background:#f1f5fb!important; padding:8px 10px!important; border-radius:5px!important; color:#5c6880!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-actions { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:16px!important; width:100%; min-width:0; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-actions>.btd-actions { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; width:100%; min-width:0; margin:0!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-actions>.btd-actions>.btd-btn { grid-column:auto!important; width:100%!important; min-width:0!important; max-width:100%; min-height:44px; margin:0!important; padding:12px 16px!important; justify-content:center!important; text-align:center; white-space:normal!important; word-break:normal; overflow-wrap:break-word; line-height:1.4!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel { width:100%!important; min-width:0; margin-top:0!important; padding:20px!important; background:#eef3ff!important; border:1px solid #dce6ff!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel strong { color:#172139!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel span { color:#5c6880!important; } .btd-wrap.btd-wrap .btd-form-section { border-color:#e1e7f0!important; border-radius:12px!important; } .btd-wrap.btd-wrap .btd-form-section legend { color:#172139!important; } .btd-wrap.btd-wrap .btd-summary-card { background:#f6f8ff!important; border-color:#dce6ff!important; } /* Organizer navigation is a separate column; every content state stays in the main column. */ #btd-organizer-app { background:#f6f8fc!important; } #btd-organizer-app .btd-fa-content { display:grid!important; grid-template-columns:235px minmax(0,1fr)!important; align-items:start!important; gap:30px!important; width:100%!important; max-width:1600px!important; padding:26px 26px 50px!important; margin:0 auto!important; } #btd-organizer-app .btd-fa-content>.btd-fa-plugin-head { display:flex!important; flex-direction:column!important; gap:0!important; grid-column:1!important; grid-row:1!important; position:sticky!important; top:24px!important; min-width:0!important; width:100%!important; max-width:none!important; max-height:calc(100vh - 48px)!important; overflow-y:auto!important; margin:0!important; padding:24px 16px!important; border:1px solid #e1e7f0!important; border-radius:14px!important; background:#fff!important; box-shadow:none!important; } #btd-organizer-app .btd-fa-plugin-row { display:contents!important; } #btd-organizer-app .btd-fa-plugin-brand { order:0; margin:0 0 27px!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand { gap:10px!important; align-items:center!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand>div { min-width:0; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand strong { color:#172139!important; font-size:16px!important; line-height:1.4!important; overflow-wrap:anywhere; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand span { color:#64738d!important; font-size:8px!important; letter-spacing:.06em!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand .btd-logo-fallback { background:#2455e6!important; color:#fff!important; font-size:16px!important; } .btd-workspace-label { order:1; margin:0 10px 12px!important; color:#75829a!important; text-transform:uppercase; font-size:9px!important; font-weight:650; letter-spacing:.1em; } #btd-organizer-app .btd-fa-tabs { order:2; display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; flex-wrap:nowrap!important; gap:5px!important; padding:0!important; margin:0!important; overflow:visible!important; } #btd-organizer-app .btd-fa-tabs>a { width:100%!important; color:#4f5e77!important; background:transparent!important; border-radius:7px!important; padding:11px 13px!important; font-size:12px!important; white-space:normal!important; } #btd-organizer-app .btd-fa-tabs>a:hover { background:#edf2ff!important; color:#172139!important; } #btd-organizer-app .btd-fa-tabs>a.is-active { color:#fff!important; background:#2455e6!important; } #btd-organizer-app .btd-fa-submenu { order:0!important; display:flex!important; flex-direction:column!important; flex:0 0 auto!important; margin:0 0 10px!important; padding:3px 0 3px 12px!important; border:0!important; border-left:1px solid #e1e7f0!important; border-radius:0!important; gap:3px!important; background:transparent!important; } #btd-organizer-app .btd-fa-submenu a { color:#5c6880!important; font-size:11px!important; background:transparent!important; border-color:transparent!important; padding:8px 10px!important; white-space:normal!important; } #btd-organizer-app .btd-fa-submenu a.is-current { color:#172139!important; background:#edf2ff!important; } #btd-organizer-app .btd-fa-plugin-actions { order:3; display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; margin:24px 0 0!important; padding:18px 0 0!important; border-top:1px solid #e1e7f0!important; gap:8px!important; } #btd-organizer-app .btd-fa-plugin-actions .btd-btn { color:#4f5e77!important; background:transparent!important; border:1px solid #e1e7f0!important; width:100%!important; justify-content:flex-start; font-size:11px!important; } #btd-organizer-app .btd-workspace-main { grid-column:2!important; grid-row:1!important; min-width:0; width:100%; } #btd-organizer-app .btd-front-admin-head { padding:8px 0 22px!important; margin:0!important; border-bottom:1px solid #e1e7f0!important; border-radius:0!important; } #btd-organizer-app .btd-front-admin-head h2 { font-size:32px!important; color:#172139!important; } #btd-organizer-app .btd-front-admin-head .btd-section-title { margin:0!important; } #btd-organizer-app .btd-fa-metric { padding:23px!important; background:#fff!important; border:1px solid #e1e7f0!important; border-top:3px solid #b9cbff!important; border-radius:12px!important; } #btd-organizer-app .btd-fa-metric strong { color:#172139!important; font-size:34px!important; } #btd-organizer-app .btd-fa-metric span { color:#5c6880!important; font-size:11px!important; } #btd-organizer-app .btd-fa-card-head { background:#f8faff!important; border-bottom-color:#e7ecf4!important; } #btd-organizer-app .btd-fa-card { border-color:#e1e7f0!important; border-radius:12px!important; } #btd-organizer-app .btd-fa-login-card { border:1px solid #e1e7f0!important; border-top:4px solid #2455e6!important; border-radius:16px!important; box-shadow:0 14px 40px #202c4608!important; } #btd-organizer-app .btd-fa-login-shell { background:#f6f8fc!important; } #btd-organizer-app .btd-fa-login-brand .btd-brand .btd-logo-fallback { background:#172139!important; } #btd-organizer-app .btd-fa-login-card .btd-fa-free-note { background:#eef3ff!important; border-color:#dce6ff!important; color:#536b9a!important; } .btd-admin-wrap.btd-admin-wrap .btd-dashboard-metrics>div { background:#fff!important; border-color:#e1e7f0!important; border-top:3px solid #b9cbff!important; } @media(max-width:1250px) { #btd-organizer-app .btd-fa-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; } #btd-organizer-app .btd-fa-content { grid-template-columns:210px minmax(0,1fr)!important; gap:22px!important; padding:22px!important; } .btd-wrap.btd-wrap .btd-directory-hero { gap:35px!important; } } @media(max-width:1000px) { #btd-organizer-app .btd-fa-content { display:block!important; padding:20px!important; } #btd-organizer-app .btd-fa-content>.btd-fa-plugin-head { position:static!important; max-height:none!important; overflow:visible!important; margin:0 0 25px!important; padding:20px!important; } #btd-organizer-app .btd-fa-plugin-row { display:flex!important; align-items:center!important; flex-wrap:wrap!important; justify-content:space-between!important; gap:16px!important; padding:0!important; } #btd-organizer-app .btd-fa-plugin-brand { margin:0!important; } #btd-organizer-app .btd-fa-plugin-actions { flex-direction:row!important; width:auto!important; padding:0!important; border:0!important; margin:0!important; } #btd-organizer-app .btd-fa-plugin-actions .btd-btn { width:auto!important; } #btd-organizer-app .btd-fa-tabs { flex-direction:row!important; flex-wrap:wrap!important; margin-top:18px!important; } #btd-organizer-app .btd-fa-tabs>a { width:auto!important; } #btd-organizer-app .btd-fa-submenu { order:1!important; flex:0 0 100%!important; flex-direction:row!important; flex-wrap:wrap!important; padding:12px 0 0!important; border-left:0!important; border-top:1px solid #52607a!important; margin:8px 0 0!important; } .btd-workspace-label { display:none; } } @media(max-width:700px) { .btd-wrap.btd-player-public-wrap { padding:20px 18px 35px!important; } .btd-wrap.btd-wrap .btd-directory-header { gap:18px; padding-bottom:18px; margin-bottom:0!important; } .btd-directory-nav { width:100%; justify-content:space-between; gap:12px; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn { min-height:40px; font-size:11px!important; padding:9px 12px!important; } .btd-home-nav-link { font-size:12px; } .btd-wrap.btd-wrap .btd-directory-hero { grid-template-columns:minmax(0,1fr)!important; padding:22px 0 10px!important; gap:22px!important; } .btd-wrap.btd-wrap .btd-directory-hero h1 { font-size:clamp(32px,8.2vw,43px)!important; margin-bottom:20px!important; } .btd-wrap.btd-wrap .btd-directory-hero p { font-size:15px!important; } .btd-wrap.btd-wrap .btd-directory-hero .btd-kicker { font-size:9px!important; margin-bottom:16px!important; } .btd-home-hero-actions { margin:22px 0; } .btd-home-stats { margin-top:22px; gap:24px; } .btd-home-spotlight-copy,.btd-home-spotlight-empty { padding:22px; } .btd-wrap.btd-wrap .btd-home-spotlight h2 { font-size:23px!important; } .btd-search-panel { padding:22px 19px; } .btd-search-heading { display:block; } .btd-search-hint { display:block; text-align:left; max-width:none; margin-top:8px; } .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 10px!important; margin-top:18px!important; } .btd-wrap.btd-wrap .btd-section-title { display:block!important; margin:16px 0 22px!important; } .btd-wrap.btd-wrap .btd-section-title h2 { font-size:27px!important; } .btd-wrap.btd-wrap .btd-section-title p { text-align:left; } .btd-wrap.btd-wrap .btd-event-card { padding:0!important; } .btd-home-organizer { grid-template-columns:minmax(0,1fr); padding:28px 23px; gap:25px; } .btd-wrap.btd-wrap .btd-home-organizer h2 { font-size:28px!important; } .btd-wrap.btd-wrap .btd-detail-hero { grid-template-columns:minmax(0,1fr)!important; padding:24px!important; } .btd-wrap.btd-wrap .btd-detail-hero h1 { font-size:30px!important; } .btd-public-admin-link>span { flex:0 0 100%; } .btd-wrap.btd-wrap .btd-public-admin-link { justify-content:flex-start; gap:14px 24px; } #btd-organizer-app .btd-fa-content { padding:16px!important; } #btd-organizer-app .btd-fa-content>.btd-fa-plugin-head { padding:20px 16px!important; } #btd-organizer-app .btd-front-admin-head h2 { font-size:27px!important; } #btd-organizer-app .btd-fa-metric { padding:17px!important; } #btd-organizer-app .btd-fa-metric strong { font-size:29px!important; } } @media(max-width:360px) { .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:minmax(0,1fr)!important; } .btd-wrap.btd-wrap .btd-directory-hero h1 { font-size:32px!important; } .btd-home-stats { gap:16px; } .btd-directory-nav { align-items:stretch; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn { flex:1; } } /* Compact presentation: key information before decorative content. */ .btd-wrap.btd-wrap .btd-directory-header { padding:0 0 18px; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn { background:#fff!important; color:#172139!important; border-color:#dbe3ef!important; border-radius:9px!important; } .btd-wrap.btd-wrap .btd-directory-hero .btd-kicker { letter-spacing:.08em!important; color:#5c6880!important; margin-bottom:15px!important; } .btd-home-spotlight { align-self:center; border-radius:15px; background:linear-gradient(135deg,#fff,#f0f4ff); border-color:#d9e3fb; box-shadow:0 10px 25px #2455e60a; } .btd-home-spotlight-copy,.btd-home-spotlight-empty { padding:27px; border-top:4px solid #2455e6; } .btd-wrap.btd-wrap .btd-home-spotlight .btd-kicker { display:inline-flex; background:#e4ecff!important; border-radius:5px!important; color:#2455e6!important; padding:5px 8px!important; margin-bottom:17px!important; letter-spacing:.05em!important; } .btd-wrap.btd-wrap .btd-home-spotlight h2 { font-size:25px!important; line-height:1.25!important; margin:10px 0!important; } .btd-home-text-link { margin-top:20px; color:#2455e6!important; } .btd-home-stats { gap:24px; margin-top:20px; } .btd-home-stats dd { font-size:24px; } .btd-home-hero-actions { margin:22px 0; } .btd-search-panel { padding:24px; border-radius:13px; } .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:minmax(0,1.8fr) repeat(4,minmax(0,1fr))!important; gap:12px!important; } .btd-wrap.btd-wrap .btd-public-filter-grid .btd-front-search { grid-column:auto!important; } .btd-wrap.btd-wrap .btd-public-filter-grid .btd-front-search input { min-height:44px!important; } .btd-wrap.btd-wrap .btd-section-title h2 { font-size:28px!important; } .btd-wrap.btd-wrap .btd-section-title .btd-kicker { letter-spacing:.06em!important; } .btd-event-cover { min-height:100px; padding:15px 20px; background:#f4f7fd; } .btd-event-calendar { min-height:70px; flex-basis:58px; } .btd-event-lane-mark { display:none; } .btd-wrap.btd-wrap .btd-home-organizer { padding:28px 32px; margin:25px 0 15px; gap:25px; } .btd-wrap.btd-wrap .btd-home-organizer h2 { font-size:27px!important; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn { background:#2455e6!important; border-color:#2455e6!important; color:#fff!important; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn:hover { background:#1841bb!important; } #btd-organizer-app .btd-fa-metric { border-top:1px solid #e1e7f0!important; } #btd-organizer-app .btd-fa-metric:first-child { background:#edf2ff!important; border-color:#d6e1ff!important; } #btd-organizer-app .btd-fa-metric:first-child strong { color:#2455e6!important; } @media(max-width:1000px) { .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .btd-wrap.btd-wrap .btd-public-filter-grid .btd-front-search { grid-column:1/-1!important; } #btd-organizer-app .btd-fa-submenu { border-top-color:#e1e7f0!important; } } @media(max-width:700px) { .btd-home-spotlight { width:100%; } .btd-home-spotlight-copy,.btd-home-spotlight-empty { padding:20px; } .btd-wrap.btd-wrap .btd-home-spotlight h2 { font-size:22px!important; } .btd-search-panel { padding:20px; } .btd-wrap.btd-wrap .btd-home-organizer { padding:25px 22px; } .btd-wrap.btd-wrap .btd-section-title h2 { font-size:25px!important; } } @media(max-width:360px) { .btd-wrap.btd-wrap .btd-public-filter-grid { grid-template-columns:minmax(0,1fr)!important; } } /* 2.0.133 — matches the observed Tournois Bowling home: navy, orange, blue. Text colors are defined per surface; never inherit dark text on a dark panel. */ body:has(.btd-wrap) { background:#020a23!important; } body:has(.btd-wrap) .tb-site { background:#020a23!important; color:#dbe6fa!important; } body:has(.btd-wrap) .tb-header { background:#020a23!important; color:#fff!important; } body:has(.btd-wrap) .tb-header :is(.tb-brand,.tb-brand-text) { color:#fff!important; } body:has(.btd-wrap) .tb-header .tb-brand-text>span { color:#ff6a00!important; } body:has(.btd-wrap) .tb-footer :is(.tb-footer-copy,.tb-footer-signature,.tb-footer-menu) { color:#bdcce4!important; } body:has(.btd-wrap) .tb-footer a { color:#dbe6fa!important; } /* Only adapt the actual site's wrapper when it contains the plugin. */ .tb-content-page:has(.btd-wrap) { padding-top:12px!important; } .tb-content-box:has(.btd-wrap) { background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important; color:#dbe6fa!important; } .tb-content-box>article:has(>.btd-wrap)>h1:first-of-type { display:none!important; } .tb-content-box:has(.btd-wrap) .btd-player-public-wrap { padding-left:0!important; padding-right:0!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) { --btd-primary:#ff6a00; --btd-secondary:#ff8a38; --btd-heading:#07152f; --btd-text:#263954; --btd-muted:#52627a; --btd-admin-accent:#ff6a00; } .btd-wrap.btd-player-public-wrap { color:#dbe6fa!important; } .btd-wrap.btd-player-public-wrap .btd-shell-header { position:static!important; border-color:#283f65!important; background:transparent!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; backdrop-filter:none!important; } .btd-wrap.btd-player-public-wrap .btd-brand strong { color:#fff!important; } .btd-wrap.btd-player-public-wrap .btd-brand span { color:#bdcce4!important; } .btd-wrap.btd-player-public-wrap .btd-brand .btd-logo-fallback { color:#07152f!important; background:#ff6a00!important; } .btd-wrap.btd-wrap .btd-home-nav-link { color:#dbe6fa!important; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn { color:#fff!important; background:#102447!important; border-color:#3f5982!important; } .btd-wrap.btd-wrap .btd-directory-nav .btd-btn:hover { background:#183463!important; } .btd-wrap.btd-wrap .btd-directory-hero { padding:30px 0 34px!important; background:radial-gradient(ellipse at 90% 45%,#1047a04a,transparent 60%)!important; gap:38px!important; } .btd-wrap.btd-wrap .btd-directory-hero h1 { color:#fff!important; font-size:clamp(34px,4vw,55px)!important; font-weight:900!important; line-height:1.08!important; letter-spacing:-.045em!important; text-transform:uppercase; } .btd-wrap.btd-wrap .btd-directory-hero h1>span { color:#ff6a00!important; } .btd-wrap.btd-wrap .btd-directory-hero p { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-directory-hero .btd-kicker { color:#dbe6fa!important; font-size:11px!important; } .btd-home-stats dd { color:#fff!important; } .btd-home-stats dt { color:#bdcce4!important; font-size:12px; } .btd-home-stats>div { border-color:#304b74; } .btd-home-spotlight { background:linear-gradient(140deg,#112b55,#0b1936)!important; border:1px solid #355688!important; box-shadow:0 16px 40px #00000026; } .btd-home-spotlight-copy,.btd-home-spotlight-empty { border-top-color:#ff6a00; } .btd-wrap.btd-wrap .btd-home-spotlight h2 { color:#fff!important; } .btd-wrap.btd-wrap .btd-home-spotlight .btd-kicker { color:#c8dcff!important; background:#1b3b6b!important; } .btd-wrap.btd-wrap .btd-home-spotlight .btd-home-spotlight-date { color:#ff963e!important; font-size:13px!important; } .btd-wrap.btd-wrap .btd-home-text-link { color:#fff!important; border-color:#355077!important; } .btd-wrap.btd-wrap .btd-home-text-link:hover { color:#ff963e!important; } /* Orange actions need navy lettering; blue actions use white lettering. */ :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn.btd-primary,.button.button-primary) { background:#ff6a00!important; border-color:#ff6a00!important; color:#07152f!important; font-weight:750!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-btn.btd-primary,.button.button-primary):hover { background:#ff8a38!important; border-color:#ff8a38!important; color:#07152f!important; } .btd-wrap.btd-wrap .btd-btn.btd-registrants { background:#255adb!important; border-color:#255adb!important; color:#fff!important; } .btd-wrap.btd-wrap .btd-btn.btd-registrants:hover { background:#1846b5!important; border-color:#1846b5!important; color:#fff!important; } :is(.btd-wrap,.btd-admin-wrap) :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #ff8a38!important; outline-offset:3px!important; } /* White cards: dark titles, readable secondary text, explicit form colors. */ .btd-search-panel { background:#fff!important; border-color:#d9e2f1; box-shadow:0 14px 32px #0000001a; } .btd-wrap.btd-wrap .btd-search-heading h2 { color:#07152f!important; } .btd-wrap.btd-wrap .btd-search-heading .btd-kicker { color:#8d3b00!important; font-size:11px!important; } .btd-search-hint { color:#52627a!important; font-size:12px; } .btd-wrap.btd-wrap .btd-filter-field label { color:#263954!important; font-size:13px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { color:#172139!important; background:#fff!important; border-color:#aab9d0!important; opacity:1; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) input::placeholder { color:#596a83!important; opacity:1; } .btd-wrap.btd-player-public-wrap .btd-filter-toolbar p { color:#bdcce4!important; } .btd-wrap.btd-player-public-wrap .btd-reset-filters { color:#dbe6fa!important; } .btd-wrap.btd-player-public-wrap .btd-list-card>.btd-section-title h2 { color:#fff!important; } .btd-wrap.btd-player-public-wrap .btd-list-card>.btd-section-title .btd-kicker { color:#ff963e!important; font-size:11px!important; } .btd-wrap.btd-player-public-wrap .btd-list-card>.btd-section-title p { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-event-card { border-color:#d9e2f1!important; box-shadow:0 6px 25px #00000018!important; } .btd-wrap.btd-wrap .btd-event-card:hover { border-color:#ff8a38!important; } .btd-event-cover { background:#eaf0fa!important; border-bottom-color:#d9e2f1; } .btd-event-category { color:#42587b!important; font-size:11px; } .btd-event-format,.btd-event-calendar strong { color:#07152f!important; } .btd-calendar-month { color:#9a4000!important; font-size:11px; } .btd-calendar-year { color:#52627a!important; font-size:11px; } .btd-wrap.btd-wrap .btd-event-card :is(h2,.btd-event-price strong) { color:#07152f!important; } .btd-wrap.btd-wrap .btd-event-card :is(.btd-event-location,.btd-event-price>span,.btd-event-capacity>div) { color:#52627a!important; font-size:12px!important; } .btd-event-capacity progress::-webkit-progress-value { background:#255adb; } .btd-event-capacity progress::-moz-progress-bar { background:#255adb; } .btd-wrap.btd-wrap .btd-meta span { color:#41516d!important; background:#eef2f8!important; font-size:12px!important; } .btd-wrap.btd-player-public-wrap .btd-detail-back a { color:#dbe6fa!important; } .btd-wrap.btd-player-public-wrap .btd-breadcrumb li { color:#9fb0ca!important; } .btd-wrap.btd-player-public-wrap .btd-breadcrumb li+li::before { color:#7185a5!important; } .btd-wrap.btd-player-public-wrap .btd-breadcrumb a { color:#dbe6fa!important; } .btd-wrap.btd-player-public-wrap .btd-breadcrumb [aria-current=page] { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-detail-hero { background:#0d2143!important; border:1px solid #345077!important; border-top:4px solid #ff6a00!important; } .btd-wrap.btd-wrap .btd-detail-hero h1 { color:#fff!important; } .btd-wrap.btd-wrap .btd-detail-hero>div>p { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-kicker { color:#ff963e!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel { background:#172f55!important; border-color:#3a5680!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel strong { color:#fff!important; } .btd-wrap.btd-wrap .btd-detail-hero .btd-hero-panel span { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-home-organizer { background:#102447!important; border:1px solid #355077; } .btd-wrap.btd-wrap .btd-home-organizer :is(h2) { color:#fff!important; } .btd-wrap.btd-wrap .btd-home-organizer p { color:#bdcce4!important; } .btd-wrap.btd-wrap .btd-home-organizer .btd-kicker { color:#ff963e!important; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn { background:#ff6a00!important; border-color:#ff6a00!important; color:#07152f!important; } .btd-wrap.btd-wrap .btd-home-organizer-actions .btd-btn:hover { background:#ff8a38!important; border-color:#ff8a38!important; } .btd-wrap.btd-wrap .btd-public-admin-link { border-color:#304b74; } .btd-wrap.btd-wrap .btd-public-admin-link :is(a,span) { color:#bdcce4!important; } /* Organizer: navy navigation, white work panels, orange selected action. */ #btd-organizer-app { background:#eef2f8!important; } #btd-organizer-app .btd-fa-content>.btd-fa-plugin-head { background:#07152f!important; border-color:#243d64!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand strong { color:#fff!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand span { color:#bdcce4!important; } #btd-organizer-app .btd-fa-plugin-brand .btd-brand .btd-logo-fallback { background:#ff6a00!important; color:#07152f!important; } #btd-organizer-app .btd-workspace-label { color:#bdcce4!important; } #btd-organizer-app .btd-fa-tabs>a { color:#dbe6fa!important; background:transparent!important; } #btd-organizer-app .btd-fa-tabs>a:hover { background:#17365f!important; color:#fff!important; } #btd-organizer-app .btd-fa-tabs>a.is-active { background:#ff6a00!important; color:#07152f!important; } #btd-organizer-app .btd-fa-submenu { border-color:#355077!important; } #btd-organizer-app .btd-fa-submenu a { color:#bdcce4!important; } #btd-organizer-app .btd-fa-submenu a.is-current { color:#fff!important; background:#17365f!important; } #btd-organizer-app .btd-fa-plugin-actions { border-color:#355077!important; } #btd-organizer-app .btd-fa-plugin-actions .btd-btn { background:#102447!important; border-color:#476184!important; color:#fff!important; } #btd-organizer-app .btd-fa-metric:first-child { background:#07152f!important; border-color:#07152f!important; } #btd-organizer-app .btd-fa-metric:first-child strong { color:#ff963e!important; } #btd-organizer-app .btd-fa-metric:first-child span { color:#dbe6fa!important; } #btd-organizer-app .btd-fa-login-shell { background:#020a23!important; } #btd-organizer-app .btd-fa-login-card { border-top-color:#ff6a00!important; } #btd-organizer-app .btd-fa-login-card h2 { color:#07152f!important; } #btd-organizer-app .btd-fa-login-card .btd-btn.btd-primary { background:#ff6a00!important; border-color:#ff6a00!important; color:#07152f!important; } #btd-organizer-app .btd-fa-login-card .btd-btn.btd-primary:hover { background:#ff8a38!important; } @media(max-width:700px) { .btd-wrap.btd-wrap .btd-directory-hero { padding:20px 0 25px!important; gap:24px!important; } .btd-wrap.btd-wrap .btd-directory-hero h1 { font-size:clamp(30px,8vw,42px)!important; } .tb-content-page:has(.btd-wrap)>.tb-container { padding-left:16px!important; padding-right:16px!important; } .btd-wrap.btd-wrap .btd-detail-hero h1 { font-size:30px!important; } } body:has(#btd-organizer-app .btd-fa-login-shell) { background:#020a23!important; } /* Empty catalogue remains readable on the navy page. */ .btd-wrap.btd-player-public-wrap .btd-list-card>p { color:#bdcce4!important; } /* Opening alerts and the actual registration timestamp. */ .btd-wrap.btd-wrap .btd-opening-alert { margin-top:24px; padding:24px; border:1px solid #d7e2f4; border-radius:12px; background:#f4f7ff; scroll-margin-top:24px; } .btd-wrap.btd-wrap .btd-opening-alert h3 { color:#07152f!important; margin-bottom:10px!important; } .btd-wrap.btd-wrap .btd-opening-alert p { color:#41516d!important; } .btd-alert-fields { display:flex; align-items:stretch; gap:12px; margin-top:8px; } .btd-alert-fields input { flex:1; min-width:0; width:100%; } .btd-alert-fields .btd-btn { flex:0 0 auto; } .btd-wrap.btd-wrap .btd-alert-consent,.btd-wrap.btd-wrap .btd-alert-timing { font-size:12px!important; line-height:1.7; margin:12px 0 0; } .btd-wrap.btd-wrap .btd-alert-link { display:inline-block; color:#163f8c!important; margin-top:8px; font-weight:700; text-underline-offset:3px; } .btd-alert-addresses { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0 12px; } .btd-alert-addresses label { display:block; margin-bottom:8px; font-weight:700; } .btd-alert-addresses input { box-sizing:border-box; width:100%; min-width:0; } .btd-alert-addresses input[aria-invalid="true"] { border:2px solid #a52222!important; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-field-error { color:#9c2020!important; font-size:13px!important; margin:6px 0 0; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-field-error:empty { display:none; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-feedback { margin:16px 0 0; padding:14px 16px; border:1px solid #b9c8e3; border-radius:8px; background:#fff; color:#263956!important; overflow-wrap:anywhere; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-feedback[hidden] { display:none!important; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-feedback[data-state="success"] { color:#155d3c!important; background:#e9f7ef; border-color:#8dc9a9; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-feedback[data-state="error"] { color:#8e1f1f!important; background:#fff0f0; border-color:#dfa0a0; } .btd-wrap.btd-wrap .btd-opening-alert .btd-alert-feedback[data-state="warning"] { color:#704200!important; background:#fff6e6; border-color:#d7ad61; } .btd-alert-subscriber-list { list-style:none!important; margin:16px 0!important; padding:0!important; } .btd-alert-subscriber-list li { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) auto; align-items:center; gap:16px; margin:0!important; padding:16px 0; border-bottom:1px solid #dce3eb; } .btd-alert-subscriber-list li>div { display:grid; gap:6px; min-width:0; } .btd-alert-subscriber-list strong { font-size:13px; overflow-wrap:anywhere; } .btd-alert-subscriber-list li>div>span { font-size:12px; color:#52637a; } .btd-alert-subscriber-email { display:flex!important; align-items:center; gap:10px; min-width:0; } .btd-alert-subscriber-email input { flex:0 0 18px; } @media(max-width:700px) { .btd-alert-subscriber-list li { grid-template-columns:minmax(0,1fr); gap:12px; } .btd-alert-subscriber-list button { justify-self:start; } } .btd-opening-alert button:disabled { cursor:default; opacity:.75; } @media (max-width:640px) { .btd-alert-addresses { grid-template-columns:minmax(0,1fr); } } #liste-inscrits .btd-registration-stamp { display:flex; flex-direction:column; gap:3px; margin-top:12px; padding-top:10px; border-top:1px solid #e1e7f0; color:#52627a; font-size:12px; line-height:1.5; } #liste-inscrits .btd-registration-stamp time { color:#07152f; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } #liste-inscrits .btd-registration-stamp small { color:#52627a; font-size:11px; } .btd-wrap.btd-wrap .btd-registration-order-note { color:#41516d!important; background:#eef3fb; border:1px solid #d9e2ef; border-radius:8px; padding:12px 14px; font-size:12px!important; line-height:1.7; } @media(max-width:700px) { .btd-wrap.btd-wrap .btd-opening-alert { padding:18px; } .btd-alert-fields { flex-direction:column; } .btd-alert-fields .btd-btn { width:100%!important; } #liste-inscrits .btd-registration-stamp time { font-size:14px; } } .btd-account-bowlings { min-width:0; margin:0; padding:16px; border:1px solid #cbd5e1; border-radius:10px; } .btd-account-bowlings legend { padding:0 6px; font-size:14px; font-weight:700; } .btd-affiliation-options { display:grid; gap:8px; max-height:240px; overflow:auto; padding:4px; margin-bottom:10px; } .btd-affiliation-options label { display:flex!important; align-items:flex-start; gap:10px; margin:0!important; line-height:1.5; cursor:pointer; } .btd-affiliation-options input[type=checkbox] { width:18px!important; height:18px; flex:0 0 18px; margin:2px 0!important; } .btd-affiliation-options span { min-width:0; overflow-wrap:anywhere; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-affiliation-locked:disabled { background:#edf0f4!important; color:#475569!important; -webkit-text-fill-color:#475569; border-color:#cbd5e1!important; opacity:1; cursor:not-allowed; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-tournament-submit { display:flex!important; flex-wrap:wrap; align-items:flex-end!important; justify-content:flex-start!important; gap:12px!important; margin-top:24px!important; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-tournament-submit .btd-tournament-status-control { display:flex; flex-direction:column; gap:6px; flex:0 1 180px; margin:0; min-width:130px; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-tournament-submit .btd-tournament-status-control select { width:100%; min-height:44px; margin:0; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-tournament-submit>:is(button,a) { flex:0 0 auto!important; width:auto!important; min-height:44px; margin:0!important; } /* Recurring events keep one public card and independent date pages. */ .btd-series-cover { display:flex; flex-direction:column; gap:8px; padding:24px; background:#eaf0fa; border-bottom:1px solid #d9e2f1; color:#102446; } .btd-series-cover strong { font-size:18px; color:#102446!important; } .btd-series-cover .btd-kicker { color:#244bb4!important; } .btd-series-next { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; padding:16px 0; border-top:1px solid #e1e7f0; border-bottom:1px solid #e1e7f0; margin:4px 0 16px!important; color:#102446!important; } .btd-series-next>span:first-child { flex-basis:100%; font-size:12px; color:#53637d; } .btd-series-next strong { font-size:20px!important; color:#102446!important; } .btd-wrap.btd-wrap .btd-series-note { color:#53637d!important; font-size:13px!important; line-height:1.6; margin:14px 0 22px!important; } .btd-series-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; } .btd-series-links .btd-btn { white-space:normal!important; overflow-wrap:anywhere; text-align:left; } .btd-series-picker { max-height:28rem; overflow-y:auto; border:1px solid #dce3f0; border-radius:12px; background:#fff; margin:16px 0; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-series-pick { display:grid!important; grid-template-columns:20px minmax(0,1fr); gap:12px; padding:15px!important; border-bottom:1px solid #e1e7f0; cursor:pointer; } .btd-series-pick:last-child { border-bottom:0!important; } .btd-series-pick:has(input:checked) { background:#edf3ff; } .btd-series-pick input { margin:3px 0 0!important; } .btd-series-pick span { min-width:0; } .btd-series-pick strong { display:block; color:#102446; overflow-wrap:anywhere; } .btd-series-pick small { display:block; color:#53637d; margin-top:4px; } .btd-series-editor-note { padding:15px; background:#edf3ff; border-radius:10px; color:#102446!important; } .btd-series-admin h1,.btd-series-intro h1 { color:#102446!important; font-size:30px!important; line-height:1.2!important; overflow-wrap:anywhere; } .btd-series-return .btd-btn { white-space:normal!important; overflow-wrap:anywhere; } @media(max-width:680px) { .btd-series-links { flex-direction:column; } .btd-series-links .btd-btn { width:100%!important; justify-content:flex-start!important; } .btd-series-cover { padding:20px; } .btd-series-admin h1,.btd-series-intro h1 { font-size:25px!important; } } /* Seasonal squads: public weekly cards and private captain selection. */ .btd-league-team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .btd-league-team-grid>.btd-card { margin:0!important; min-width:0; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-league-team,.btd-league-private,.btd-league-team-editor) { overflow-wrap:anywhere; } .btd-league-team h3 { font-size:22px!important; margin:0 0 16px!important; color:#102446!important; } .btd-league-team details { margin-top:20px; border-top:1px solid #dce3f0; padding-top:16px; } .btd-league-team summary,.btd-league-team-editor summary { cursor:pointer; color:#102446; font-weight:700; } .btd-league-names { margin:12px 0 18px!important; padding:0!important; list-style:none!important; } .btd-league-names li { color:#102446!important; padding:8px 0; border-bottom:1px solid #e4eaf3; font-size:16px; line-height:1.5; } .btd-league-names .btd-league-captain-badge { display:inline-flex; align-items:center; vertical-align:middle; margin-left:6px; padding:3px 9px; border:1px solid #c5d8f5; border-radius:6px; background:#eaf2ff; color:#194d9b; font-size:12px; font-weight:700; line-height:1.5; white-space:nowrap; } .btd-wrap.btd-wrap .btd-league-stamp { color:#53637d!important; font-size:12px!important; margin:12px 0 18px; } .btd-wrap.btd-wrap .btd-league-count { color:#334765!important; font-size:13px!important; font-weight:700; } .btd-wrap.btd-wrap .btd-league-pending { color:#614715!important; background:#fff6e6; padding:14px; border-radius:8px; } .btd-wrap.btd-wrap .btd-league-absent { color:#43536c!important; background:#edf1f7; padding:14px; border-radius:8px; } .btd-league-date-picker { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; } .btd-league-date-picker label { display:grid; gap:8px; flex:1 1 240px; min-width:0; font-weight:700; } .btd-league-date-picker select { width:100%; min-width:0; box-sizing:border-box; } .btd-league-date-picker .btd-btn { flex:0 1 auto; } .btd-league-choices { min-width:0; border:1px solid #cbd6e7; border-radius:10px; padding:16px; margin:20px 0; } .btd-league-choices legend { color:#102446; padding:0 8px; font-weight:700; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-league-choices label { display:flex!important; gap:12px; align-items:center; padding:12px 8px; cursor:pointer; border-radius:8px; } .btd-league-choices label:has(input:checked) { background:#eaf1ff; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) :is(.btd-league-choices,.btd-league-retire) input[type=checkbox] { flex:0 0 20px; width:20px!important; height:20px!important; min-height:20px!important; margin:0!important; padding:0!important; accent-color:#2658da; } .btd-league-player-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,.6fr); align-items:end; gap:14px; border-bottom:1px solid #dce3f0; padding:12px 0; } .btd-league-player-row label:first-child { display:grid; gap:6px; min-width:0; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-league-retire { display:flex!important; align-items:center; gap:10px; min-height:44px; } .btd-league-team-editor textarea { display:block; width:100%; box-sizing:border-box; resize:vertical; overflow-wrap:anywhere; } body#error-page:has(.btd-league-private) { max-width:860px; padding:12px; background:#f1f5fb; border:0; } .btd-league-private { padding:0!important; } .btd-league-private .btd-btn { white-space:normal!important; } .btd-wrap.btd-wrap .btd-league-date-picker[data-btd-auto-week] > button[type=submit], .btd-wrap.btd-wrap .btd-league-private [hidden][hidden], .btd-wrap.btd-league-private [hidden][hidden] { display:none!important; } .btd-wrap.btd-league-private .btd-breadcrumb { margin:0 0 20px; padding:12px 16px; background:#fff; border:1px solid #d3dfef; border-radius:12px; } .btd-wrap.btd-league-private .btd-breadcrumb a { color:#1b4db4!important; } .btd-wrap.btd-league-private .btd-breadcrumb [aria-current] { color:#4a607b!important; } .btd-wrap.btd-league-private .btd-league-unsaved { color:#81501a!important; background:#fff3df; border:1px solid #efd9b4; border-radius:8px; padding:10px 14px; font-size:13px!important; } .btd-wrap.btd-wrap .btd-league-leave-dialog { box-sizing:border-box; inset:0; margin:auto; padding:28px; width:520px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #d3dfef; border-radius:18px; background:#fff; color:#142b47; box-shadow:0 24px 80px #07182b40; } .btd-wrap.btd-wrap .btd-league-leave-dialog:not([open]) { display:none!important; } .btd-league-leave-dialog::backdrop { background:#0d203baa; } .btd-wrap.btd-wrap .btd-league-leave-dialog h2 { color:#142b47!important; font-size:23px!important; line-height:1.3!important; margin:0 0 14px!important; } .btd-wrap.btd-wrap .btd-league-leave-dialog p { color:#4a607b!important; font-size:15px!important; line-height:1.6!important; margin:0 0 22px!important; } .btd-league-leave-actions { display:grid; gap:10px; } .btd-wrap.btd-wrap .btd-league-leave-actions .btd-btn { width:100%!important; box-sizing:border-box; } .btd-wrap.btd-wrap .btd-league-leave-actions [data-choice=discard] { background:#fff6f2!important; color:#984527!important; border-color:#f1d9cc!important; } .btd-wrap.btd-wrap .btd-league-leave-dialog :focus-visible { outline:3px solid #598adb; outline-offset:3px; } @media(max-width:680px) { .btd-league-team-grid { grid-template-columns:minmax(0,1fr); } .btd-league-player-row { grid-template-columns:minmax(0,1fr); gap:8px; } .btd-league-date-picker .btd-btn { width:100%!important; } .btd-league-team .btd-btn { white-space:normal!important; width:100%!important; } } .btd-league-player-row { grid-template-columns:minmax(115px,.6fr) minmax(150px,1fr) auto auto; } .btd-league-player-row>label { min-width:0; } .btd-league-player-row>label:nth-child(2) { display:grid; gap:6px; } :is(.btd-wrap.btd-wrap,.btd-admin-wrap.btd-admin-wrap) .btd-league-retire input[type=radio] { flex:0 0 20px; width:20px!important; height:20px!important; min-height:20px!important; margin:0!important; accent-color:#2658da; } .btd-league-search { background:#eff4ff; border:1px solid #cbd8ef; border-radius:12px; padding:18px; margin:18px 0; } .btd-league-search>label { display:grid; gap:8px; margin-bottom:12px; } .btd-league-search [data-btd-league-results] { display:grid; gap:8px; max-height:320px; overflow-y:auto; } .btd-league-search .btd-league-search-result { white-space:normal!important; text-align:left; justify-content:flex-start!important; color:#102446!important; background:#fff!important; } .btd-league-search [role=status] { margin:12px 0; } .btd-controlled-delegate-row { display:grid; grid-template-columns:minmax(120px,.65fr) minmax(160px,1fr) minmax(160px,1fr) minmax(190px,1fr); gap:12px; align-items:end; padding:14px 0; border-bottom:1px solid #dce3f0; } .btd-controlled-delegate-row label { display:grid!important; gap:6px; min-width:0; } .btd-controlled-login form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:end; margin-top:20px; } .btd-controlled-login form p { margin:0!important; } .btd-controlled-login form label { display:grid; gap:7px; font-weight:700; } .btd-controlled-login form .btd-btn { min-height:48px; } .btd-controlled-session { border-left:5px solid #2658da!important; } .btd-controlled-search { margin:18px 0; padding:18px; border:1px solid #cbd8ef; border-radius:12px; background:#eff4ff; } .btd-controlled-search>label { display:grid!important; gap:7px; margin-bottom:12px; } .btd-controlled-search [data-btd-controlled-results] { display:grid; gap:8px; max-height:300px; overflow-y:auto; } .btd-controlled-search .btd-controlled-result { justify-content:flex-start!important; text-align:left; white-space:normal!important; background:#fff!important; color:#102446!important; } @media(max-width:960px) { .btd-league-player-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } } @media(max-width:960px) { .btd-controlled-delegate-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } } @media(max-width:580px) { .btd-league-player-row,.btd-controlled-delegate-row,.btd-controlled-login form { grid-template-columns:minmax(0,1fr); } }