/*
Theme Name: NuuGlow Child Theme
Theme URI: https://nuuglow.com
Description: Child theme for NuuGlow with PeepSo template overrides - safe from updates
Author: NuuGlow Dev Team
Author URI: https://nuuglow.com
Template: peepso-theme-gecko
Version: 1.0.0
Text Domain: nuuglow-child
*/

/* Import parent theme styles */
@import url('../peepso-theme-gecko/style.css');

/* ========== CUSTOM STYLES ========== */

/* ZMIANA KCIUKA NA SERDUSZKO W KOMENTARZACH */

/* Ukryj oryginalną ikonę kciuka */
.ps-comment__actions a i.gcir.gci-thumbs-up {
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Dodaj szare serduszko PRZED kliknięciem */
.ps-comment__actions a i.gcir.gci-thumbs-up::before {
    content: "\f004" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #999 !important;
    display: inline-block !important;
    position: relative;
    top: -8px !important;
    left: -5px !important;
}

/* Czerwone wypełnione serduszko PO kliknięciu (klasa .liked) */
.ps-comment__actions a.liked i.gcir.gci-thumbs-up::before {
    font-weight: 900 !important;
    color: #e74c3c !important;
}

/* Dodaj odstęp po przycisku like (serduszko + licznik) */
.ps-comment__actions a[onclick*="comment_action_like"] {
    margin-right: 15px !important;
}

/* Ukryj ikonę kopiuj link */
.ps-comment__actions a.ps-comment__copy,
.ps-comment__actions a[href*="comment"],
a.cstream-permalink {
    display: none !important;
}

/* Wcięcie TYLKO dla zagnieżdżonych odpowiedzi (drugi poziom - odpowiedzi na komentarze) */
.ps-comments--nested .ps-comment-reply,
.ps-comments--nested .ps-js-comment-container {
    margin-left: 60px !important;
}

/* Jeśli linia kropkowana jest w osobnym elemencie - tylko dla zagnieżdżonych */
.ps-comments--nested .ps-comment-reply::before,
.ps-comments--nested .cstream-respond::before {
    margin-left: 60px !important;
}

/* Usuń lewy margines z treści i akcji komentarzy */
.ps-comment__content {
    margin-left: 0px !important;
}

.ps-comment .ps-comment__meta .ps-comment__actions,

/* ========== NOTIFICATION PAGE BUTTONS - CUSTOM STYLE ========== */

/* ZAWĘŻONY SELEKTOR - tylko przyciski na stronie powiadomień */
.ps-notifications-page__nav-wrapper .ps-posts__filter-toggle {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: #ffffff !important;
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-right: 8px !important;
}

.ps-notifications-page__nav-wrapper .ps-posts__filter-toggle:hover {
    background: #f9f9f9 !important;
}

.ps-notifications-page__nav-wrapper .ps-posts__filter-toggle span {
    color: #666666 !important;
}

/* Layout adjustments */
.ps-notifications-page__nav-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
    background: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.ps-notifications-page__nav-wrapper .ps-btn__group {
    display: flex !important;
    gap: 8px !important;
}

.ps-notifications__nav-actions {
    display: flex !important;
    gap: 8px !important;
}

/* UKRYJ PRZYCISK USTAWIEŃ (ikona zębatki) */
.ps-notifications-page__nav-wrapper .ps-notifications-settings-btn,
.ps-notifications-page__nav-wrapper a[href*="notifications/settings"],
.ps-notifications-page__nav-wrapper .ps-js-notifications-settings {
    display: none !important;
}

/* ========== MESSAGES PAGE BUTTONS - SAME STYLE AS NOTIFICATIONS ========== */

/* Style przycisków na stronie wiadomości - taki sam jak powiadomienia */
.ps-messages-page__nav-wrapper .ps-posts__filter-toggle {

/* ========== MESSAGES PAGE BUTTONS - SAME STYLE AS NOTIFICATIONS ========== */

/* Style przycisków na stronie wiadomości - taki sam jak powiadomienia */
.ps-messages-page__nav-wrapper .ps-posts__filter-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    background: #ffffff !important;
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.ps-messages-page__nav-wrapper .ps-posts__filter-toggle:hover {
    background: #f9f9f9 !important;
    border-color: #d0d0d0 !important;
}

/* Aktywny przycisk */
.ps-messages-page__nav-wrapper .ps-posts__filter-toggle.active,
.ps-messages-page__nav-wrapper .ps-js-messages-show-all.active {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.ps-messages-page__nav-wrapper .ps-posts__filter-toggle.active span {
    color: #ffffff !important;
}

.ps-messages-page__nav-wrapper .ps-posts__filter-toggle span {
    color: #666666 !important;
}

/* Ikona w przycisku New */
.ps-messages-page__nav-wrapper .ps-messages-new-btn i {
    font-size: 14px !important;
    margin: 0 !important;
}

/* Pogrubiony tekst dla przycisku "Nowa wiadomość" */
.ps-messages-page__nav-wrapper .ps-messages-new-btn span {
    font-weight: 700 !important;
}

/* Layout nawigacji */
.ps-messages-page__nav-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 12px 16px !important;
    background: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.ps-messages-page__nav-wrapper .ps-btn__group {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

/* UKRYJ stare przyciski (ps-btn style) - na wypadek gdyby się pojawiły */
.ps-messages-page__nav-wrapper .ps-btn:not(.ps-posts__filter-toggle) {
    display: none !important;
}

/* UKRYJ sekcję ps-messages__nav-actions (tam był przycisk New w starym stylu) */
.ps-messages-page__nav-wrapper .ps-messages__nav-actions {
    display: none !important;
}


/* ========== CHAT VIEW (CONVERSATION) - CONTROLLED BY JAVASCRIPT ========== */

/* Ukryj przycisk "Wstecz" */
.ps-conversation__back {
    display: none !important;
}


/* Gdy pasek jest ukryty - jeszcze większa wysokość */
.ps-page--messages .ps-messages-page__nav-wrapper[style*="display: none"] ~ .ps-conversation,
.ps-page--messages .ps-messages-page__nav-wrapper:not(:visible) ~ .ps-conversation {
    height: calc(100vh - 70px) !important;
    max-height: calc(100vh - 70px) !important;
}

.ps-conversation__header {
    flex-shrink: 0 !important;
    min-height: fit-content !important;
}

.ps-conversation__chat {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    height: 100% !important;
    -webkit-overflow-scrolling: touch !important;
}

.ps-conversation__postbox {
    flex-shrink: 0 !important;
    min-height: fit-content !important;
}

/* Upewnij się, że kontener wiadomości nie ma zbędnych paddingów */
.ps-conversation__chat .ps-js-conversation-container {
    padding: 10px !important;
}

/* Dla mobile app - dodatkowe optymalizacje */
body.mobile-app .ps-conversation {
    height: calc(100vh - 100px) !important;
    max-height: calc(100vh - 100px) !important;
}

body.mobile-app .ps-messages-page__nav-wrapper[style*="display: none"] ~ .ps-conversation {
    height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important;
}




/* Maksymalizacja wysokości okna czatu - PEŁNA WYSOKOŚĆ EKRANU */
.ps-conversation {
    transition: none !important;
}

/* Strona konwersacji - maksymalna wysokość */
.ps-page--conversation,
.ps-page--messages {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Kontener konwersacji - pełna wysokość ekranu */
.ps-conversation {
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Header konwersacji - minimalna wysokość */
.ps-conversation__header {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    min-height: fit-content !important;
    max-height: 180px !important;
    overflow: visible !important;
}

/* Okno czatu - maksymalna elastyczna wysokość */
.ps-conversation__chat {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    height: 100% !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Postbox - minimalna wysokość */
.ps-conversation__postbox {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    min-height: fit-content !important;
    max-height: 200px !important;
}

/* Kontener wiadomości */
.ps-conversation__chat .ps-js-conversation-container {
    padding: 10px !important;
    min-height: 100% !important;
}

/* Dla mobile app - MAKSYMALNA wysokość */
body.mobile-app .ps-page--conversation,
body.mobile-app .ps-page--messages {
    height: 100vh !important;
    max-height: 100vh !important;
}

body.mobile-app .ps-conversation {
    height: 100vh !important;
    max-height: 100vh !important;
}

/* Ukryj zbędne marginesy i paddingi */
.ps-page--conversation .ps-page__body,
.ps-page--messages .ps-page__body {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
}

/* Version: 1760098873 */