/**
 * Accueil — fil communauté : fonds texte, cartes lien (OG), confidentialité.
 * Dupliqué inline dans style.css (visiteurs / cache page).
 */

.member-feed-type-row {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-shrink: 0;
}

.member-post-privacy {
    position: relative;
    flex-shrink: 0;
}

.member-post-privacy-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(20, 89, 130, 0.22);
    border-radius: 999px;
    background: rgba(246, 250, 255, 0.95);
    color: var(--bg-accent, #145982);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.member-post-privacy-toggle:hover,
.member-post-privacy-toggle[aria-expanded="true"] {
    background: #fff;
    border-color: rgba(20, 89, 130, 0.38);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.member-post-privacy-toggle--compact {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
}

.member-feed-meta .member-post-privacy-toggle--compact,
.member-feed-type-row .member-post-privacy-toggle--compact {
    flex-shrink: 0;
}

.member-post-privacy-toggle-leading .member-post-privacy-icon {
    display: inline-block;
    line-height: 1;
}

.member-post-privacy-toggle--chip {
    min-height: 34px;
    padding: 0.28rem 0.55rem 0.28rem 0.42rem;
    gap: 0.35rem;
}

.member-post-privacy-toggle-leading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    flex-shrink: 0;
    font-size: 0.82rem;
}

.member-post-privacy-toggle--compact .member-post-privacy-toggle-leading {
    width: 100%;
    height: 100%;
    font-size: 0.78rem;
}

.member-post-privacy-toggle-label {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 9.5rem;
}

.member-post-privacy-toggle-caret {
    font-size: 0.62rem;
    opacity: 0.72;
    margin-left: 0.05rem;
}

.member-post-privacy--public .member-post-privacy-icon:not(.member-post-privacy-icon--public) {
    display: none;
}

.member-post-privacy--friends .member-post-privacy-icon:not(.member-post-privacy-icon--friends) {
    display: none;
}

.member-post-privacy--friends_custom .member-post-privacy-icon:not(.member-post-privacy-icon--friends_custom) {
    display: none;
}

.member-post-privacy--private .member-post-privacy-icon:not(.member-post-privacy-icon--private) {
    display: none;
}

.member-post-privacy-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 120;
    min-width: min(92vw, 290px);
    padding: 0.45rem;
    border-radius: 14px;
    border: 1px solid rgba(20, 89, 130, 0.16);
    background: #fff;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
}

.home-community-posts-section .member-feed-card--home-carousel.member-feed-card {
    overflow: visible;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-meta,
.home-community-posts-section .member-feed-card--home-carousel .member-post-privacy {
    overflow: visible;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body {
    overflow: hidden;
    border-radius: 0;
}

.home-releases-track.home-community-posts-track:has(.member-post-privacy-menu:not([hidden])),
.home-releases-track.home-community-posts-track:has(.member-post-privacy-toggle[aria-expanded="true"]) {
    overflow: visible;
}

body.theme-dark .member-post-privacy-toggle {
    background: rgba(16, 35, 63, 0.92);
    border-color: rgba(255, 255, 255, 0.16);
    color: #dbe8ff;
}

.member-og-card {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 0.6rem;
    border: 1px solid var(--border-color, rgba(20, 89, 130, 0.16));
    border-radius: 10px;
    overflow: hidden;
    background: var(--surface-card, #fff);
    color: var(--text-dark, inherit);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.member-og-card-inline {
    margin-top: 0.35rem;
    text-decoration: none;
    color: inherit;
}

.member-og-thumb {
    display: block;
    background: #0c1b33;
}

.member-og-thumb img {
    width: 100%;
    height: 100%;
    min-height: 120px;
    object-fit: cover;
}

.member-og-body {
    padding: 0.6rem 0.65rem;
}

.member-og-body h3 {
    margin: 0 0 0.35rem;
    font-size: 1rem;
}

.member-og-body p {
    margin: 0 0 0.45rem;
    color: var(--muted-text, rgba(14, 32, 56, 0.74));
}

.member-og-site {
    font-size: 0.78rem;
    color: var(--muted-text, rgba(14, 32, 56, 0.6));
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.member-og-card.member-og-card--auction {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
}

.member-og-card--auction .member-og-thumb {
    min-height: 120px;
}

.member-og-card--auction .member-og-body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.65rem 0.75rem;
    min-width: 0;
}

.member-og-card--auction .member-og-body h3 {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    line-height: 1.3;
    word-break: break-word;
}

.member-og-card--auction .member-og-body p {
    margin: 0 0 0.35rem;
    font-size: 0.88rem;
    line-height: 1.4;
}

.p4g-auction-feed-card-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bg-blue, #1e73be);
}

.member-og-card--auction .member-og-site {
    margin-top: auto;
}

.member-og-card.member-og-card--article {
    align-items: stretch;
}

.member-og-card--article .member-og-thumb--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.75rem;
    background: linear-gradient(145deg, #102845, #1e73be);
}

.p4g-link-preview-label {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bg-blue, #1e73be);
}

.member-composer-link-preview {
    margin-top: 0.55rem;
}

.member-composer-link-preview[hidden] {
    display: none !important;
}

.member-composer-link-preview-inner .member-og-card {
    pointer-events: none;
}

.member-composer-link-preview-inner .member-og-card--article {
    margin-top: 0;
}

body.theme-dark .member-og-card--article .member-og-thumb--placeholder {
    background: linear-gradient(145deg, #0f172a, #1e3a5f);
}

body.theme-dark .p4g-link-preview-label {
    color: #8fc7ff;
}

.member-feed-card .member-og-list {
    margin-top: 0.5rem;
}

.member-feed-card .member-og-list .member-og-card--auction {
    margin-top: 0;
}

.member-feed-card a.member-og-card.member-og-card--auction {
    position: static;
    text-decoration: none;
    color: inherit;
}

.member-feed-card .member-feed-content + .member-og-list {
    margin-top: 0.5rem;
}

.member-feed-text-bg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0.35rem 0 0.75rem;
    border-radius: 16px;
    overflow: hidden;
    min-height: clamp(240px, 36vw, 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.35rem, 3vw, 2rem) clamp(1rem, 3vw, 1.35rem);
    box-shadow: none;
}

.member-feed-text-bg .member-feed-content--text-bg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    text-align: center;
    font-size: clamp(1.05rem, 3.2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.4;
    color: var(--p4g-text-bg-color, #0f172a);
    text-shadow: var(--p4g-text-bg-shadow, none);
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    align-self: center;
}

.member-feed-text-bg .member-feed-content--text-bg p {
    margin: 0 0 0.65rem;
    text-align: center;
}

.member-feed-text-bg .member-feed-content--text-bg p:last-child {
    margin-bottom: 0;
}

.member-feed-text-bg .member-feed-content--text-bg a,
.member-feed-text-bg .member-feed-content--text-bg .member-mention,
.member-feed-text-bg .member-feed-content--text-bg .member-hashtag,
.member-feed-text-bg .member-feed-content--text-bg a[href*="keyword="] {
    text-align: center;
}

.member-feed-text-bg .member-feed-content--text-bg a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

/* Centrage horizontal + vertical — fil, accueil, profil */
.member-feed-text-bg,
.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg,
.community-page .member-feed-card > .member-feed-text-bg,
.member-public-feed-area .member-feed-card > .member-feed-text-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.member-feed-text-bg--light .member-feed-content--text-bg,
.member-feed-text-bg.member-feed-text-bg--light .member-feed-content--text-bg {
    color: var(--p4g-text-bg-color, #fff);
    text-shadow: var(--p4g-text-bg-shadow, 0 1px 3px rgba(0, 0, 0, 0.22));
}

.member-feed-text-bg--coral,
.member-composer-text-bg-shell--coral,
.member-text-bg-picker-swatch--coral {
    --p4g-text-bg-fill: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sky,
.member-composer-text-bg-shell--sky,
.member-text-bg-picker-swatch--sky {
    --p4g-text-bg-fill: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--mint,
.member-composer-text-bg-shell--mint,
.member-text-bg-picker-swatch--mint {
    --p4g-text-bg-fill: linear-gradient(135deg, #059669 0%, #34d399 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--lavender,
.member-composer-text-bg-shell--lavender,
.member-text-bg-picker-swatch--lavender {
    --p4g-text-bg-fill: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sunshine,
.member-composer-text-bg-shell--sunshine,
.member-text-bg-picker-swatch--sunshine {
    --p4g-text-bg-fill: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--rose,
.member-composer-text-bg-shell--rose,
.member-text-bg-picker-swatch--rose {
    --p4g-text-bg-fill: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sunset,
.member-composer-text-bg-shell--sunset,
.member-text-bg-picker-swatch--sunset {
    --p4g-text-bg-fill: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--ocean,
.member-composer-text-bg-shell--ocean,
.member-text-bg-picker-swatch--ocean {
    --p4g-text-bg-fill: linear-gradient(135deg, #0052d4 0%, #4364f7 55%, #6fb1fc 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--grape,
.member-composer-text-bg-shell--grape,
.member-text-bg-picker-swatch--grape {
    --p4g-text-bg-fill: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--night,
.member-composer-text-bg-shell--night,
.member-text-bg-picker-swatch--night {
    --p4g-text-bg-fill: linear-gradient(135deg, #0b1020 0%, #1e293b 55%, #334155 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--play4geek,
.member-composer-text-bg-shell--play4geek,
.member-text-bg-picker-swatch--play4geek {
    --p4g-text-bg-fill: linear-gradient(135deg, #fd895a 0%, #e63946 48%, #1e73be 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--aurora,
.member-composer-text-bg-shell--aurora,
.member-text-bg-picker-swatch--aurora {
    --p4g-text-bg-fill:
        radial-gradient(circle at 18% 28%, rgba(147, 197, 253, 0.95) 0%, rgba(147, 197, 253, 0) 42%),
        radial-gradient(circle at 72% 22%, rgba(251, 207, 232, 0.92) 0%, rgba(251, 207, 232, 0) 38%),
        radial-gradient(circle at 55% 78%, rgba(196, 181, 253, 0.88) 0%, rgba(196, 181, 253, 0) 40%),
        linear-gradient(145deg, #fdf2f8 0%, #eff6ff 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--silk,
.member-composer-text-bg-shell--silk,
.member-text-bg-picker-swatch--silk {
    --p4g-text-bg-fill:
        linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, transparent 42%),
        linear-gradient(340deg, rgba(120, 90, 60, 0.18) 0%, transparent 48%),
        linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 52%, #c9b896 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--fuchsia,
.member-composer-text-bg-shell--fuchsia,
.member-text-bg-picker-swatch--fuchsia {
    --p4g-text-bg-fill:
        linear-gradient(155deg, rgba(255, 255, 255, 0.22) 0%, transparent 38%),
        linear-gradient(335deg, rgba(80, 0, 60, 0.25) 0%, transparent 45%),
        linear-gradient(135deg, #be185d 0%, #db2777 45%, #9d174d 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--storm,
.member-composer-text-bg-shell--storm,
.member-text-bg-picker-swatch--storm {
    --p4g-text-bg-fill:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.06) 0 3px, transparent 3px 14px),
        linear-gradient(160deg, rgba(148, 163, 184, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #334155 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--mist,
.member-composer-text-bg-shell--mist,
.member-text-bg-picker-swatch--mist {
    --p4g-text-bg-fill:
        radial-gradient(circle at 30% 35%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 45%),
        radial-gradient(circle at 70% 65%, rgba(148, 163, 184, 0.45) 0%, rgba(148, 163, 184, 0) 42%),
        linear-gradient(145deg, #e2e8f0 0%, #cbd5e1 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--neon,
.member-composer-text-bg-shell--neon,
.member-text-bg-picker-swatch--neon {
    --p4g-text-bg-fill: linear-gradient(135deg, #84cc16 0%, #a3e635 42%, #fde047 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--pearl,
.member-composer-text-bg-shell--pearl,
.member-text-bg-picker-swatch--pearl {
    --p4g-text-bg-fill: linear-gradient(145deg, #fff7ed 0%, #fef3c7 55%, #fde68a 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--bokeh,
.member-composer-text-bg-shell--bokeh,
.member-text-bg-picker-swatch--bokeh {
    --p4g-text-bg-fill:
        radial-gradient(circle at 22% 28%, rgba(248, 113, 113, 0.75) 0%, rgba(248, 113, 113, 0) 28%),
        radial-gradient(circle at 78% 22%, rgba(96, 165, 250, 0.7) 0%, rgba(96, 165, 250, 0) 26%),
        radial-gradient(circle at 62% 72%, rgba(250, 204, 21, 0.55) 0%, rgba(250, 204, 21, 0) 24%),
        radial-gradient(circle at 38% 68%, rgba(244, 114, 182, 0.5) 0%, rgba(244, 114, 182, 0) 22%),
        linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--prism,
.member-composer-text-bg-shell--prism,
.member-text-bg-picker-swatch--prism {
    --p4g-text-bg-fill:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.18) 0 2px, transparent 2px 10px),
        linear-gradient(135deg, #22d3ee 0%, #a855f7 28%, #ec4899 56%, #facc15 100%);
    background: var(--p4g-text-bg-fill);
}

/* Contraste texte auto par fond (compositeur + fil) */
.member-feed-text-bg--coral,
.member-composer-text-bg-shell--coral,
.member-feed-text-bg--sky,
.member-composer-text-bg-shell--sky,
.member-feed-text-bg--lavender,
.member-composer-text-bg-shell--lavender,
.member-feed-text-bg--sunset,
.member-composer-text-bg-shell--sunset,
.member-feed-text-bg--ocean,
.member-composer-text-bg-shell--ocean,
.member-feed-text-bg--grape,
.member-composer-text-bg-shell--grape,
.member-feed-text-bg--night,
.member-composer-text-bg-shell--night,
.member-feed-text-bg--play4geek,
.member-composer-text-bg-shell--play4geek,
.member-feed-text-bg--fuchsia,
.member-composer-text-bg-shell--fuchsia,
.member-feed-text-bg--storm,
.member-composer-text-bg-shell--storm,
.member-feed-text-bg--bokeh,
.member-composer-text-bg-shell--bokeh {
    --p4g-text-bg-color: #ffffff;
    --p4g-text-bg-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.member-feed-text-bg--mint,
.member-composer-text-bg-shell--mint,
.member-feed-text-bg--sunshine,
.member-composer-text-bg-shell--sunshine,
.member-feed-text-bg--rose,
.member-composer-text-bg-shell--rose,
.member-feed-text-bg--aurora,
.member-composer-text-bg-shell--aurora,
.member-feed-text-bg--silk,
.member-composer-text-bg-shell--silk,
.member-feed-text-bg--mist,
.member-composer-text-bg-shell--mist,
.member-feed-text-bg--neon,
.member-composer-text-bg-shell--neon,
.member-feed-text-bg--pearl,
.member-composer-text-bg-shell--pearl,
.member-feed-text-bg--prism,
.member-composer-text-bg-shell--prism {
    --p4g-text-bg-color: #0f172a;
    --p4g-text-bg-shadow: 0 1px 2px rgba(255, 255, 255, 0.42);
}

.member-feed-text-bg--txt-white .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-white"] {
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.member-feed-text-bg--txt-black .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-black"] {
    color: #0f172a;
    text-shadow: none;
}

.member-feed-text-bg--txt-cream .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cream"] {
    color: #fff8e7;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.member-feed-text-bg--txt-yellow .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-yellow"] {
    color: #fde047;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.member-feed-text-bg--txt-cyan .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cyan"] {
    color: #67e8f9;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}

.member-feed-text-bg--txt-pink .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-pink"] {
    color: #fbcfe8;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.member-feed-text-bg--txt-lime .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-lime"] {
    color: #a3e635;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}

.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg,
.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg p {
    display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
    text-align: center;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body:has(> .member-feed-text-bg) {
    overflow: hidden;
    min-height: 0;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg {
    flex: 1 1 auto;
    align-self: stretch;
    min-height: 0;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    padding: clamp(0.85rem, 2.5vw, 1.35rem) clamp(0.75rem, 2vw, 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}