/* Import Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

/* NAVBAR */
.navbar { background-color: #4A0050 !important; }
#topbar-first { background-color: #4A0050 !important; }
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
#topbar-first .nav > li > a > i,
#topbar-first .navbar-toggle i { color: #ffffff !important; }

/* BLOC BIENVENUE AGORA */
.agora-welcome { display: none; }
body.mod-community .agora-welcome { display: block; background: url("https://le-fil.net/wp-content/uploads/2026/05/fond-agora_lwsoptimized.webp") center/cover no-repeat; position: relative; border-radius: 12px; padding: 16px 28px 40px 28px; margin: 0 0 24px 0; text-align: center; }
body.mod-community .agora-welcome::before { content: ""; position: absolute; inset: 0; background: rgba(10,6,20,0.30); border-radius: 12px; z-index: 0; }
body.mod-community .agora-welcome * { position: relative; z-index: 1; }
body.mod-community .agora-welcome h2 { display: block; width: 180px; height: 68px; background: url("https://le-fil.net/wp-content/uploads/2026/06/Logo-Le-Fil-Agora.png") no-repeat center/contain; margin: 0 auto 12px auto; font-size: 0; color: transparent; text-indent: -9999px; }
body.mod-community .agora-welcome p { font-family: "Poppins", sans-serif; color: #ffffff; font-size: 14px; line-height: 1.6; margin: 0 auto 12px auto; max-width: 600px; text-shadow: 0 1px 3px rgba(0,0,0,0.6); word-break: keep-all; overflow-wrap: break-word; }
body.mod-community .agora-welcome p:first-of-type { font-size: 15px; font-weight: normal; }
body.mod-community .agora-welcome hr.agora-sep { border: none; border-top: 1px solid rgba(255,255,255,0.25); margin: 12px auto; width: 60%; }
body.mod-community .agora-welcome a { color: #F17E18 !important; font-weight: 600; text-decoration: none; }
body.mod-community .agora-welcome a:hover { text-decoration: underline; }

/* POLICE ARTICLES */
.wall-item-body, .wall-item-body p, .e-content, .e-content p { font-family: "Poppins", sans-serif !important; font-size: 13px !important; line-height: 1.6 !important; }

/* SIDEBAR */
.widget h3 { color: #4A0050 !important; }
aside .widget { margin-top: 8px !important; margin-bottom: 4px !important; }
aside .widget ul { margin: 0 !important; padding-left: 12px !important; }
aside .widget li { margin: 8px 0 !important; }

/* ICONES ACTIONS ARTICLES */
.wall-item-actions .btn-link, .wall-item-actions .btn-link i { color: #4A0050 !important; }

/* MASQUER CANAUX INUTILES */
a[href*="channel=created"] { display: none !important; }
a[href*="channel=foryou"] { display: none !important; }
a[href*="channel=sharersofsharers"] { display: none !important; }
a[href*="channel=quietsharers"] { display: none !important; }
a[href*="accounttype=relay"] { display: none !important; }
li:has(a[href*="channel=created"]) { display: none !important; }

/* showmore bouton */
.wall-item-body-toggle { height: 70px !important; }
.wall-item-body-toggle-text { color: #F17E18 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; }
.wall-item-body-toggle-text:hover { color: #4A0050 !important; text-decoration: underline !important; }
.wall-item-body-toggle { background-image: linear-gradient(rgba(255,255,255,0), #ffffff) !important; }

/* showmore padding */
.wall-item-body { padding-bottom: 40px !important; }

/* limit-height padding */
.wall-item-body.limit-height { padding-bottom: 60px !important; }

/* carte padding */
.wall-item-container.panel-body { padding: 12px 16px !important; }

/* border-radius images */
.wall-item-body img, .e-content img { border-radius: 8px !important; }

/* fond page */
body { background-color: #F4F1F4 !important; }

/* sidebar fond */
aside .widget, aside nav { background-color: transparent !important; box-shadow: none !important; }

/* VARIABLES CSS LABELS ACTIONS */
:root {
  --action-comment-label: "Commenter";
  --action-share-label: "Partager";
  --action-quote-label: "Citer";
  --action-like-label: "J'aime";
  --action-dislike-label: "Pas j'aime";
  --action-more-label: "Plus";
}

/* LABELS ACTIONS BUTTONS */
.button-comments span[title=""]::after { content: "Commenter"; }
.button-announces span[title=""]::after { content: "Partager"; }
.button-votes span[title=""]::after { content: "Citer"; }
.button-likes:first-of-type span[title=""]::after { content: "J'aime"; }
.button-likes:last-of-type span[title=""]::after { content: "Pas j'aime"; }