/* ==========================================================================
   PEE.CHAT : rectifications du 9/10/2026 (PDF « Battle Camera » du proprietaire)
   Charge apres les autres feuilles : ne fait que corriger.
   ========================================================================== */

/* ---- Menu : Battle Camera sur une seule ligne, comme Talk To Stranger ---- */
.sidebar-link.sidebar-bc { display: flex !important; align-items: center; }
.sidebar-bc .bc-sb-stats, .sidebar-bc .bc-sb-new { display: none !important; }
/* icone : la forme du de de Talk To Stranger (carre arrondi), animation continue */
.bci { border-radius: 4px; }
.bci.bci-big { border-radius: 20px; }
.bci.bci-mid { border-radius: 12px; }
.bci.bci-sm { border-radius: 3px; }
.sidebar-bc .bci .pl { animation: rcBcL 2.6s ease-in-out infinite; }
.sidebar-bc .bci .pr { animation: rcBcR 2.6s ease-in-out infinite; }
.sidebar-bc .bci .bolt { animation: rcBcBolt 2.6s ease-in-out infinite; }
.sidebar-bc .bci .sp circle { animation: rcBcSp 2.6s ease-out infinite; }
.sidebar-bc .bci { animation: rcBcGlow 2.6s ease-in-out infinite; }
@keyframes rcBcL { 0%, 100% { transform: translateX(-1.7px); } 38%, 50% { transform: translateX(1.3px); } 62% { transform: translateX(-.6px); } }
@keyframes rcBcR { 0%, 100% { transform: translateX(1.7px); } 38%, 50% { transform: translateX(-1.3px); } 62% { transform: translateX(.6px); } }
@keyframes rcBcBolt { 0%, 34%, 62%, 100% { opacity: 0; transform: scale(.3); } 40%, 52% { opacity: 1; transform: scale(1.12); } }
@keyframes rcBcSp { 0%, 46%, 100% { opacity: 0; transform: scale(.3); } 54% { opacity: 1; transform: scale(1.15); } 78% { opacity: 0; transform: scale(1.7); } }
@keyframes rcBcGlow { 0%, 34%, 70%, 100% { box-shadow: 0 0 6px rgba(255, 107, 53, .35); } 46% { box-shadow: 0 0 12px rgba(255, 107, 53, .75); } }

/* ---- Menu : Unlock dans ACCOUNT, au-dessus de Profile, badge comme Wallet ---- */
.unl-badge {
    flex: 0 0 22px; width: 22px; height: 22px; display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='16' y1='12' x2='48' y2='52' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF6B35'/%3E%3Cstop offset='.5' stop-color='%23F7C948'/%3E%3Cstop offset='1' stop-color='%23FF6B35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='14' fill='%230A0A0A'/%3E%3Crect x='1.25' y='1.25' width='61.5' height='61.5' rx='12.75' fill='none' stroke='%23FF6B35' stroke-opacity='.18'/%3E%3Cpath d='M23.5 29v-6a8.5 8.5 0 0 1 17 0v6' fill='none' stroke='url(%23b)' stroke-width='4.6' stroke-linecap='round'/%3E%3Crect x='17' y='28' width='30' height='23' rx='5' fill='url(%23b)'/%3E%3Ccircle cx='32' cy='38.2' r='3.3' fill='%230A0A0A'/%3E%3Crect x='30.5' y='39.5' width='3' height='6.2' rx='1.5' fill='%230A0A0A'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---- Feed : icones des filtres sans pentagone, aux couleurs PEE.CHAT ---- */
html #feedPanel .feed-tabs .feed-tab .f2-pen, html #feedPanel .feed-tabs .feed-tab .pd-pen,
html .compose-tools .compose-tool-btn .f2-pen, html .compose-tools .compose-tool-btn .pd-pen,
html #composeModal .compose-tool-btn .f2-pen, html #composeModal .compose-tool-btn .pd-pen {
    -webkit-clip-path: none !important; clip-path: none !important; background: none !important;
    box-shadow: none !important; filter: none !important; padding: 0 !important; color: #FF8A3D !important;
    display: inline-flex; align-items: center; justify-content: center;
}
html #feedPanel .feed-tabs .feed-tab .f2-pen, html #feedPanel .feed-tabs .feed-tab .pd-pen { width: 17px !important; height: 17px !important; flex: 0 0 17px; }
html #feedPanel .feed-tabs .feed-tab .f2-pen svg, html #feedPanel .feed-tabs .feed-tab .pd-pen svg { width: 16px !important; height: 16px !important; }
html #feedPanel .feed-tabs .feed-tab .f2-pen svg, html #feedPanel .feed-tabs .feed-tab .pd-pen svg,
html .compose-tools .compose-tool-btn .f2-pen svg, html .compose-tools .compose-tool-btn .pd-pen svg,
html #composeModal .compose-tool-btn .f2-pen svg, html #composeModal .compose-tool-btn .pd-pen svg { stroke: url(#peeRG) #FF8A3D !important; }
html #feedPanel .feed-tabs .feed-tab .f2-pen svg [fill="currentColor"], html .compose-tools .compose-tool-btn svg [fill="currentColor"] { fill: url(#peeRG) #FF8A3D; }
/* filtre actif (fond degrade) : icone sombre */
html #feedPanel .feed-tabs.f2-tabs .feed-tab.active .f2-pen, html #feedPanel .feed-tabs.f2-tabs .feed-tab.active .pd-pen { background: none !important; color: #0A0A0A !important; }
html #feedPanel .feed-tabs .feed-tab.active .f2-pen svg, html #feedPanel .feed-tabs .feed-tab.active .pd-pen svg { stroke: #0A0A0A !important; }
html #feedPanel .feed-tabs .feed-tab.active svg [fill="currentColor"] { fill: #0A0A0A; }

/* ---- Composeur : icones (cadenas, photo, video, PDF, ZIP, emoji) sans pentagone, animees ---- */
html .compose-tools .compose-tool-btn .f2-pen, html .compose-tools .compose-tool-btn .pd-pen,
html #composeModal .compose-tool-btn .f2-pen, html #composeModal .compose-tool-btn .pd-pen { width: 22px !important; height: 22px !important; }
html .compose-tools .compose-tool-btn .f2-pen svg, html .compose-tools .compose-tool-btn .pd-pen svg,
html #composeModal .compose-tool-btn .f2-pen svg, html #composeModal .compose-tool-btn .pd-pen svg {
    width: 19px !important; height: 19px !important; transform-origin: 50% 60%;
    animation: rcIco 3.4s ease-in-out infinite; filter: drop-shadow(0 0 0 rgba(255, 107, 53, 0));
}
.compose-tools .compose-tool-btn:nth-child(2) svg, #composeModal .compose-tool-btn:nth-child(2) svg { animation-delay: .28s !important; }
.compose-tools .compose-tool-btn:nth-child(3) svg, #composeModal .compose-tool-btn:nth-child(3) svg { animation-delay: .56s !important; }
.compose-tools .compose-tool-btn:nth-child(4) svg, #composeModal .compose-tool-btn:nth-child(4) svg { animation-delay: .84s !important; }
.compose-tools .compose-tool-btn:nth-child(5) svg, #composeModal .compose-tool-btn:nth-child(5) svg { animation-delay: 1.12s !important; }
.compose-tools .compose-tool-btn:nth-child(6) svg, #composeModal .compose-tool-btn:nth-child(6) svg { animation-delay: 1.4s !important; }
.compose-tools .compose-tool-btn:nth-child(7) svg, #composeModal .compose-tool-btn:nth-child(7) svg { animation-delay: 1.68s !important; }
html .compose-tools .compose-tool-btn:hover svg, html #composeModal .compose-tool-btn:hover svg { animation: rcIcoPop .5s ease !important; }
@keyframes rcIco {
    0%, 70%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 0 rgba(255, 107, 53, 0)); }
    78% { transform: translateY(-2.5px) scale(1.08); filter: drop-shadow(0 2px 5px rgba(255, 107, 53, .55)); }
    88% { transform: translateY(0) scale(.97); }
}
@keyframes rcIcoPop { 0% { transform: scale(1); } 45% { transform: scale(1.22) rotate(-6deg); } 100% { transform: scale(1); } }

/* ---- Composeur : cercle du compteur centre sur la ligne du bouton Post ---- */
.compose-right .char-count-ring { display: flex; align-items: center; justify-content: center; line-height: 0; align-self: center; }
.compose-right .char-count-ring svg { display: block; }

/* ---- Feed centre : colonne de droite (Popular, Friends) retiree ---- */
.feed-side-col { display: none !important; }
.feed-layout { grid-template-columns: minmax(0, 1fr) !important; max-width: 820px !important; }

/* ---- Posts texte : avatar centre (un « left: 50% » restait actif), plus de signalement ---- */
.f2-tin .f2-avw, .f2-grid .f2-avw { left: auto !important; top: auto !important; }
.f2-tblock .aig-rep, .f2-gl .aig-rep { display: none !important; }

/* ---- PEEMOJI : bouton du haut a gauche retire (le titre reste centre) ---- */
#peeEmoPicker .pemo-top .pemo-lib { visibility: hidden; pointer-events: none; }

/* ---- Unlock : barre de filtres sans fond, sans « Hide unlocked » ---- */
.pd-fbar { background: none !important; border: 0 !important; box-shadow: none !important; }
.pd-fbar [data-pd-fhide] { display: none !important; }

/* ---- Badge PUBLIC aux couleurs du badge OPEN ---- */
.bc-tg.pub, .room-type-badge.public, .room-type-badge-sm.public {
    color: #0A0A0A !important; background: linear-gradient(135deg, #FF6B35, #F7C948) !important; border-color: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-bc .bci, .sidebar-bc .bci .pl, .sidebar-bc .bci .pr, .sidebar-bc .bci .bolt, .sidebar-bc .bci .sp circle,
    html .compose-tools .compose-tool-btn svg, html #composeModal .compose-tool-btn svg { animation: none !important; }
}

/* ---- Lot 3 (9-10/10) ---- */
/* plus de drapeau de signalement sur les fichiers et photos Unlock */
.pd-rep, [data-pd-report] { display: none !important; }
/* badges Wallet / Unlock du menu : plus de halo lumineux dessous */
.sidebar-link .btc-cyber { filter: none !important; }
/* menu du compte : Unlock, meme badge en plus petit */
.unl-badge.sm { width: 18px; height: 18px; flex: 0 0 18px; }
/* onglet Me des rooms : interrupteurs visibles (le rail etait noir sur noir) */
.stg-swrow { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
.stg-swt { flex: 1 1 auto; min-width: 0; text-align: left; }
.stg-sw { display: block !important; flex: 0 0 44px !important; width: 44px !important; height: 26px !important; }
.stg-sw i { background: rgba(255, 255, 255, .16) !important; border: 1px solid rgba(255, 255, 255, .22); box-sizing: border-box; }
.stg-sw i::after { top: 2px !important; left: 2px !important; }
/* telephone : plus de pastille MASK ON sur sa vignette */
@media (max-width: 768px) { .stg-mask-badge { display: none !important; } }


/* ---- Lot 8 (11/10) : barres de message (MP, rooms) — le cadenas Unlock comme les autres icones ---- */
html .pd-sell .pd-pen, html .btn-icon > .pd-pen, html .room-chat-input .pd-pen {
    -webkit-clip-path: none !important; clip-path: none !important; background: none !important; box-shadow: none !important; filter: none !important;
    color: inherit !important; width: auto !important; height: auto !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center;
}
html .pd-sell .pd-pen svg, html .btn-icon > .pd-pen svg, html .room-chat-input .pd-pen svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; }

/* ---- Lot 9 (11/10) : room — roue des reglages a cote de la camera, micro au-dessus centre entre les deux ---- */
#videoRoomModal .room-chat-media-btns.rc-3 #chatMicBtn { position: absolute; right: calc(.8rem + 26px); transform: translateY(-104px); }
#videoRoomModal .room-chat-media-btns.rc-3 #chatMicBtn:hover { transform: translateY(-106px); }
#videoRoomModal .room-chat-media-btns.rc-3 #chatMicBtn:active { transform: translateY(-104px) scale(.9); }
#videoRoomModal .room-chat-media-btns .rc-gear { color: #0A0A0A; }

/* ---- Lot 9b (11/10) : barre du chat de room — cadenas sans pentagone, les trois icones de la meme couleur ---- */
html .pl-btn .pl-pen {
    -webkit-clip-path: none !important; clip-path: none !important; background: none !important; box-shadow: none !important; filter: none !important;
    color: inherit !important; width: auto !important; height: auto !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center;
}
html .pl-btn .pl-pen svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; }
#videoRoomModal .room-chat-input > .btn-emoji, #videoRoomModal .room-chat-input > .btn-img-upload, #videoRoomModal .room-chat-input > .pl-sell { color: rgba(255, 255, 255, .62) !important; }
#videoRoomModal .room-chat-input > .btn-emoji svg, #videoRoomModal .room-chat-input > .btn-img-upload svg, #videoRoomModal .room-chat-input > .pl-sell svg { stroke: currentColor !important; }
#videoRoomModal .room-chat-input > .btn-emoji:hover, #videoRoomModal .room-chat-input > .btn-img-upload:hover, #videoRoomModal .room-chat-input > .pl-sell:hover { color: #FF8C5A !important; }

/* Bandeau de la room : le nom a gauche sur la meme ligne que les boutons, avec les vues et PUBLIC (retour du 11/10) */
#videoRoomModal .room-header { align-items: center; }
#videoRoomModal .room-info { flex-direction: row; align-items: center; gap: .8rem; flex-wrap: wrap; }
#videoRoomModal .room-info h2 { line-height: 1.2; }
#videoRoomModal .room-info h2 { margin: 0 !important; }
#videoRoomModal .room-badges { margin: 0; }
@media (max-width: 768px) { #videoRoomModal .room-info { gap: .55rem; } #videoRoomModal .room-info h2 { font-size: 1rem; } }

/* Barre de message des MP : tout tient sur une ligne, le champ retrecit, l envoi reste visible (retour du 11/10) */
#chatInputArea { flex-wrap: nowrap !important; min-width: 0; gap: 6px; }
#chatInputArea > #messageInput { flex: 1 1 auto !important; min-width: 0 !important; width: 0; }
#chatInputArea > button { flex: 0 0 auto; }
#chatInputArea > .btn-icon { width: 40px; height: 40px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 480px) {
    #chatInputArea { gap: 4px; padding: 8px !important; }
    #chatInputArea > .btn-icon { width: 34px; height: 34px; }
    #chatInputArea > .btn-icon svg { width: 19px; height: 19px; }
    #chatInputArea > .btn-send { width: 40px; height: 36px; padding: 0 !important; }
    #chatInputArea > #messageInput { padding: 0 10px !important; height: 36px; }
}
@media (max-width: 360px) { #chatInputArea { gap: 3px; padding: 6px !important; } #chatInputArea > .btn-icon { width: 30px; height: 30px; } #chatInputArea > .btn-icon svg { width: 17px; height: 17px; } #chatInputArea > .btn-send { width: 36px; } }

/* Bandeau de room (choix du proprietaire, 11/10) : PUBLIC retire, l oeil et le nombre de vues prennent sa place dans la pastille ; tout sur une ligne */
#videoRoomModal .room-header { flex-wrap: nowrap !important; }
#videoRoomModal .room-info { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; }
#videoRoomModal .room-info h2 { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#videoRoomModal .room-badges { flex: 0 0 auto; }
#videoRoomModal .room-controls { flex: 0 0 auto; flex-wrap: nowrap !important; }
#videoRoomModal #roomTypeBadge { display: none !important; }
#videoRoomModal .room-viewers-count { display: inline-flex !important; align-items: center; gap: 5px; height: 24px; padding: 0 11px; border-radius: 99px; background: linear-gradient(135deg, #FF6B35, #F7C948); color: #0A0A0A !important; font: 800 .78rem/1 var(--font-display, "Orbitron", sans-serif); letter-spacing: .02em; box-shadow: 0 2px 10px rgba(255, 107, 53, .25); }
#videoRoomModal .room-viewers-count svg { width: 14px; height: 14px; stroke: #0A0A0A; }
#videoRoomModal .room-badges:has(#roomTypeBadge.vip) .room-viewers-count { background: linear-gradient(135deg, #D4AF37, #AA8B2E); }
@media (max-width: 400px) { #videoRoomModal .room-info h2 { font-size: .92rem; } #videoRoomModal .room-viewers-count { height: 22px; padding: 0 9px; font-size: .72rem; } #videoRoomModal .room-controls { gap: .2rem !important; } }

/* Bandeau de room : cadenas du proprietaire a la taille des autres icones ; boutons de meme largeur sur telephone (11/10) */
#videoRoomModal .room-controls .pl-btn .pl-pen svg { width: 16px !important; height: 16px !important; }
@media (max-width: 768px) {
    #videoRoomModal .room-controls > .control-btn { width: 34px; height: 34px; flex: 0 0 34px; padding: 0 !important; justify-content: center; }
    #videoRoomModal .room-controls > .control-btn svg { width: 16px; height: 16px; }
}

/* Boutons du composeur du feed : plus de halo pentagone au survol / au clic (retour du 11/10) */
html body :is(.compose-tools, #composeModal) .compose-tool-btn::before,
html body :is(.compose-tools, #composeModal) .compose-tool-btn::after { display: none !important; content: none !important; }
html body :is(.compose-tools, #composeModal) .compose-tool-btn { border-radius: 50% !important; overflow: hidden; }
html body :is(.compose-tools, #composeModal) .compose-tool-btn:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .07) !important; filter: brightness(1.15); }   /* survol rond et discret (11/10) */
html body :is(.compose-tools, #composeModal) .compose-tool-btn :is(.f2-pen, .pd-pen) { clip-path: none !important; background: none !important; box-shadow: none !important; }

/* Composeur du feed : plus de barre sous le composeur, et la lumiere des boutons n'est plus coupee (retour du 12/10) */
html body #feedPanel .compose-post { border-bottom: 0 !important; }
html body .compose-post .compose-footer { overflow: visible !important; padding-bottom: 6px; }
html body .compose-post .compose-tools { overflow: visible !important; }
html body :is(.compose-tools, #composeModal) .compose-tool-btn { overflow: visible !important; }