/* Couleurs Tennis2Table, reprises du logo du site. */
#wpforo {
    --t2t-brand-blue: #2a5f94;
    --t2t-brand-red: #ca5152;
}

.wpf-form-wrapper.t2t-reply-collapsed {
    display: none;
}

/* Badge wpForo « nouveau » : rouge T2T, texte blanc. */
#wpforo #wpforo-wrap a.wpf-new-button,
#wpforo #wpforo-wrap span.wpf-new-button {
    background: var(--t2t-brand-red) !important;
    border-color: var(--t2t-brand-red) !important;
    color: #fff !important;
}

#wpforo #wpforo-wrap a.wpf-new-button:hover,
#wpforo #wpforo-wrap a.wpf-new-button:focus {
    background: var(--t2t-brand-red) !important;
    color: #fff !important;
    opacity: .9;
}


/* Titres de sujets : noir, comme dans l'ancien affichage T2T. */
#wpforo #wpforo-wrap .wpf-thread-title > a,
#wpforo #wpforo-wrap .wpforo-topic-title > a,
#wpforo #wpforo-wrap a.wpforo-topic-title,
#wpforo #wpforo-wrap a.wpf-spost-title-link {
    color: #111 !important;
}

#wpforo #wpforo-wrap .wpf-thread-title > a:hover,
#wpforo #wpforo-wrap .wpf-thread-title > a:focus,
#wpforo #wpforo-wrap .wpforo-topic-title > a:hover,
#wpforo #wpforo-wrap .wpforo-topic-title > a:focus,
#wpforo #wpforo-wrap a.wpforo-topic-title:hover,
#wpforo #wpforo-wrap a.wpforo-topic-title:focus,
#wpforo #wpforo-wrap a.wpf-spost-title-link:hover,
#wpforo #wpforo-wrap a.wpf-spost-title-link:focus {
    color: #111 !important;
}

/* Icône des sujets « chauds » : rouge Tennis2Table au lieu de l'orange wpForo. */
#wpforo #wpforo-wrap .fa-fire-flame-curved {
    color: var(--t2t-brand-red) !important;
}

.t2t-forum-path-separator {
    display: inline-block;
    margin: 0 .35rem;
    color: var(--t2t-brand-blue);
    font-weight: 700;
}

.t2t-presence-invisible {
    color: #b6bcc2 !important;
}

.t2t-reply-toggle {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 1rem 0;
    cursor: pointer;
}

.t2t-first-post-link {
    margin: 1rem 0 .5rem;
}

.t2t-reaction-list {
    line-height: 1.7;
}

.t2t-invisible-user {
    color: #ffb533 !important;
    font-style: italic;
}

/* Les ancres de messages ne doivent pas être cachées sous un en-tête fixe. */
[id^="post-"],
[data-postid] {
    scroll-margin-top: 90px;
}
.t2t-post-position {
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap;
}
.t2t-topic-progress { display: inline-block; margin-left: 5px; padding: 1px 6px; border-radius: 3px; background: var(--t2t-brand-blue); color: #fff; font-size: 90%; white-space: nowrap; }
.t2t-recent-counts { display:inline-block; margin-left:6px; padding:2px 7px; border-radius:3px; background:var(--t2t-brand-blue); color:#fff !important; font-size:11px; line-height:1.5; white-space:nowrap; }
.t2t-recent-counts strong { color:#fff !important; font-weight:700; }
.t2t-recent-byline { margin:4px 0; font-size:12px; }

.t2t-member-details-toggle {
    display: block;
    width: 100%;
    margin: 6px 0 0;
    padding: 3px 8px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: center;
}

.t2t-member-details {
    margin: 6px 0 0;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.t2t-member-details[hidden] { display: none !important; }
.t2t-member-details dt { font-weight: 700; margin-top: 5px; }
.t2t-member-details dd { margin: 0; }
.t2t-member-badge { display: inline-block; margin: 4px 2px; padding: 2px 6px; border-radius: 3px; font-size: 11px; font-weight: 700; }
.t2t-member-professional { background: #ad18d1; color: #fff; }
.t2t-member-banned { border: 2px solid #ededed; color: #f33; }

.t2t-forum-preferences { margin: 0 0 18px; }
.t2t-forum-preferences-toggle { border: 1px solid #607d8b; border-radius: 4px; background: #fff; color: #34495e; padding: 8px 12px; font-weight: 700; cursor: pointer; }
.t2t-forum-preferences-toggle i { margin-right: 6px; }
.t2t-forum-preferences-panel { margin-top: 10px; padding: 14px; border: 1px solid #d8dde1; border-radius: 5px; background: #f7f8f9; }
.t2t-forum-preferences-panel[hidden] { display: none !important; }
.t2t-forum-preferences-panel > p:first-of-type { margin: 0 0 12px; }
.t2t-forum-preferences-list { margin: 0; padding: 0; list-style: none; }
.t2t-forum-preferences-list li { display: flex; align-items: center; gap: 9px; margin: 5px 0; padding: 8px 10px; border: 1px solid #d3d9dd; border-radius: 4px; background: #fff; cursor: move; }
.t2t-forum-preferences-list li.t2t-dragging { opacity: .45; }
.t2t-forum-preferences-list label { flex: 1; margin: 0; font-weight: 600; cursor: pointer; }
.t2t-drag-handle { color: #71808a; }
.t2t-order-buttons { display: inline-flex; gap: 3px; }
.t2t-order-buttons button { min-width: 30px; border: 1px solid #bbc4ca; border-radius: 3px; background: #fff; color: #34495e; cursor: pointer; }
.t2t-preferences-actions { margin: 12px 0 0; }
.t2t-reset-preferences { border: 0; background: transparent; color: #536d7a; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) { .t2t-forum-preferences-panel { padding: 10px; } .t2t-drag-handle { display: none; } }

.t2t-live-posts-banner { position: sticky; top: 72px; z-index: 50; display: block; width: calc(100% - 20px); margin: 8px 10px; padding: 10px 15px; border: 1px solid #1d6f91; border-radius: 5px; background: #e8f5fb; color: #14536c; font-weight: 700; text-align: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.t2t-live-posts-banner[hidden] { display: none !important; }

/* 1.5.0-beta.4 — sélecteur fermé du matériel T2T */
.wpforo-profile-account .t2tmh-profile-equipment{width:100%;box-sizing:border-box;text-align:left}.wpforo-profile-account .t2tmh-profile-equipment h3{font-size:18px}.wpforo-profile-account .t2tmh-equipment-picker label{font-weight:400}.wpforo-profile-account .t2tmh-equipment-picker label>strong{font-size:14px;color:#143d5c}.t2t-member-equipment-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* 1.5.0-beta.6 — conservation du correctif historique Code Snippets : vidéos wpForo responsives. */
#wpforo #wpforo-wrap .wpforo-post-content .wpf-video,
#wpforo #wpforo-wrap .wpforo-post-content .wpf-video iframe {
    max-width: 100%;
    max-height: 100%;
}
