/* PDR_410B38A_MEDIA */



body #buddypress #activity-stream li.activity-item .pdr-bp-activity-media {

    width:100% !important;

    max-width:560px !important;

    grid-template-columns:minmax(0,1fr) !important;

    gap:8px !important;

}



body #buddypress #activity-stream li.activity-item .pdr-bp-media-image {

    padding:6px !important;

}



body #buddypress #activity-stream li.activity-item .pdr-bp-media-image a {

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    max-width:100% !important;

}



body #buddypress #activity-stream li.activity-item .pdr-bp-media-image img,

body #buddypress #activity-stream li.activity-item .activity-inner > p img {

    width:auto !important;

    height:auto !important;

    max-width:100% !important;

    max-height:420px !important;

    object-fit:contain !important;

    cursor:zoom-in !important;

}



#pdr-b38a-viewer {

    position:fixed !important;

    inset:0 !important;

    z-index:2147483000 !important;

    display:none;

    background:rgba(0,0,0,.97) !important;

    color:white !important;

    font-family:Arial,sans-serif;

}



#pdr-b38a-viewer.pdr-open {

    display:flex !important;

    flex-direction:column !important;

}



#pdr-b38a-viewer .pdr-v-bar {

    flex:0 0 56px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:6px 16px;

    background:#141418;

    border-bottom:1px solid #333;

}



#pdr-b38a-viewer .pdr-v-main {

    flex:1;

    min-height:0;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:10px;

}



#pdr-b38a-viewer .pdr-v-stage {

    flex:1;

    min-width:0;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}



#pdr-b38a-viewer .pdr-v-photo {

    display:block;

    max-width:100%;

    max-height:100%;

    width:auto;

    height:auto;

    object-fit:contain;

}



#pdr-b38a-viewer button {

    background:#25252b !important;

    border:1px solid #555 !important;

    border-radius:50% !important;

    color:white !important;

    min-width:40px !important;

    height:40px !important;

    cursor:pointer !important;

    font-size:24px !important;

    padding:0 !important;

}



#pdr-b38a-viewer button:disabled {

    opacity:.25 !important;

    cursor:default !important;

}



#pdr-b38a-viewer button:focus-visible {

    outline:2px solid #ff7200 !important;

}



@media(max-width:700px) {

    body #buddypress #activity-stream li.activity-item .pdr-bp-media-image img,

    body #buddypress #activity-stream li.activity-item .activity-inner > p img {

        max-height:330px !important;

    }



    #pdr-b38a-viewer .pdr-v-main {

        padding:4px;

        gap:3px;

    }



    #pdr-b38a-viewer button {

        min-width:34px !important;

        height:36px !important;

    }

}





/* PDR_410B50_SIDE_PANEL */



#pdr-b38a-viewer .pdr-v-layout {

    display:flex;

    flex:1 1 auto;

    min-height:0;

    min-width:0;

}



#pdr-b38a-viewer .pdr-v-layout > .pdr-v-main {

    flex:1 1 0;

    min-width:0;

}



#pdr-b38a-viewer .pdr-v-info {

    flex:0 0 350px;

    width:350px;

    max-width:38vw;

    min-height:0;

    overflow-y:auto;

    overscroll-behavior:contain;

    padding:18px;

    box-sizing:border-box;

    background:#16171d;

    border-left:1px solid #35353d;

    color:#f3f3f3;

    font:13px/1.5 Arial,sans-serif;

}



#pdr-b38a-viewer .pdr-v-info-head {

    display:flex;

    align-items:center;

    gap:10px;

    padding-bottom:14px;

    border-bottom:1px solid #36363d;

}



#pdr-b38a-viewer .pdr-v-info-avatar {

    display:block;

    flex:0 0 42px;

    width:42px;

    height:42px;

    border-radius:50%;

    object-fit:cover;

}



#pdr-b38a-viewer .pdr-v-info-heading {

    font-weight:700;

    overflow-wrap:anywhere;

}



#pdr-b38a-viewer .pdr-v-info-description {

    padding:14px 0;

    white-space:pre-wrap;

    overflow-wrap:anywhere;

}



#pdr-b38a-viewer .pdr-v-info-reactions {

    padding:10px 0;

    color:#ffad68;

    border-top:1px solid #36363d;

    border-bottom:1px solid #36363d;

}



#pdr-b38a-viewer .pdr-v-comments h3 {

    margin:14px 0 10px;

    color:#fff;

    font-size:15px;

}



#pdr-b38a-viewer .pdr-v-comment {

    padding:10px;

    margin:0 0 9px;

    border-radius:10px;

    background:#252630;

    overflow-wrap:anywhere;

}



#pdr-b38a-viewer .pdr-v-comment p {

    margin:5px 0 0;

}



#pdr-b38a-viewer .pdr-v-empty {

    color:#aaa;

}



#pdr-b38a-viewer button.pdr-v-comment-open {

    display:block;

    width:100%;

    min-width:0 !important;

    min-height:40px !important;

    height:auto !important;

    padding:10px 12px !important;

    margin-top:14px;

    border:1px solid #ff842a !important;

    border-radius:9px !important;

    background:#ec650f !important;

    color:white !important;

    font:700 13px Arial,sans-serif !important;

    cursor:pointer !important;

}



@media(max-width:750px) {

    #pdr-b38a-viewer .pdr-v-layout {

        flex-direction:column;

    }



    #pdr-b38a-viewer .pdr-v-layout > .pdr-v-main {

        flex:0 0 52%;

        height:52%;

        min-height:0;

    }



    #pdr-b38a-viewer .pdr-v-info {

        flex:1 1 auto;

        width:100%;

        max-width:none;

        border-left:0;

        border-top:1px solid #35353d;

        padding:12px;

    }

}





/* PDR_410B51_INTERACTIVE */



#pdr-b38a-viewer .pdr-v-info .pdr-v-live-reactions {

    display:flex !important;

    flex-wrap:wrap !important;

    gap:7px !important;

    align-items:flex-start !important;

    margin:12px 0 !important;

    padding:10px 5px !important;

    background:#0b101b !important;

    border:1px solid #2c3443 !important;

    border-radius:12px !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions .pdr-bp-reaction-wrap {

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:4px !important;

}



#pdr-b38a-viewer button.pdr-bp-reaction-btn {

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:4px !important;

    width:auto !important;

    min-width:0 !important;

    height:34px !important;

    padding:0 9px !important;

    border-radius:999px !important;

    border:1px solid #303644 !important;

    background:#11141e !important;

    color:white !important;

    font:700 11px Arial,sans-serif !important;

    cursor:pointer !important;

    white-space:nowrap !important;

}



#pdr-b38a-viewer button.pdr-bp-reaction-btn.is-active {

    border-color:#ff7900 !important;

    background:#422313 !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions img {

    width:23px !important;

    height:23px !important;

    border-radius:50% !important;

    object-fit:cover !important;

}



#pdr-b38a-viewer .pdr-v-comment-input {

    width:100% !important;

    min-height:75px !important;

    margin-top:12px !important;

    padding:10px !important;

    border:1px solid #454653 !important;

    border-radius:10px !important;

    background:#101218 !important;

    color:white !important;

    font:13px/1.45 Arial,sans-serif !important;

    resize:vertical !important;

    box-sizing:border-box !important;

}



#pdr-b38a-viewer .pdr-v-comment-input:focus {

    outline:2px solid #ff7800 !important;

    outline-offset:1px !important;

}



/* Egyetlen kommentikon az eredeti Hirfolyamban */



#buddypress #activity-stream li.activity-item

.activity-meta .acomment-reply::before {

    content:none !important;

    display:none !important;

}






/* PDR_410B52_COMPACT */



/* Négy reakció egyetlen sorban, asztali gépen és mobilon */

#pdr-b38a-viewer .pdr-v-info .pdr-v-live-reactions {

    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:4px !important;

    width:100% !important;

    margin:9px 0 !important;

    padding:8px 5px !important;

    box-sizing:border-box !important;

    align-items:start !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions .pdr-bp-reaction-wrap {

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    min-width:0 !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    gap:3px !important;

}



#pdr-b38a-viewer button.pdr-bp-reaction-btn {

    display:flex !important;

    width:100% !important;

    min-width:0 !important;

    height:30px !important;

    min-height:30px !important;

    padding:0 3px !important;

    gap:2px !important;

    justify-content:center !important;

    border-radius:8px !important;

    font-size:10px !important;

    line-height:1 !important;

    letter-spacing:-0.2px !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions .pdr-bp-reaction-icon {

    flex-shrink:0 !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions .pdr-bp-reaction-text,

#pdr-b38a-viewer .pdr-v-live-reactions .pdr-bp-reaction-count {

    white-space:nowrap !important;

}



#pdr-b38a-viewer .pdr-v-live-reactions img {

    width:19px !important;

    height:19px !important;

    min-width:19px !important;

    max-width:19px !important;

    object-fit:cover !important;

    border-radius:50% !important;

}



/* Jobb oldali panel kisebb térközökkel */

#pdr-b38a-viewer .pdr-v-info {

    padding:12px !important;

}



#pdr-b38a-viewer .pdr-v-info-head {

    gap:8px !important;

    padding-bottom:9px !important;

}



#pdr-b38a-viewer .pdr-v-info-avatar {

    flex-basis:36px !important;

    width:36px !important;

    height:36px !important;

}



#pdr-b38a-viewer .pdr-v-info-description {

    padding:9px 0 !important;

}



#pdr-b38a-viewer .pdr-v-comments h3 {

    margin:10px 0 8px !important;

    font-size:14px !important;

}



#pdr-b38a-viewer .pdr-v-comment {

    margin-bottom:6px !important;

    padding:8px !important;

}



#pdr-b38a-viewer .pdr-v-comment-input {

    min-height:59px !important;

    margin-top:8px !important;

    padding:8px !important;

}



#pdr-b38a-viewer button.pdr-v-comment-open {

    min-height:35px !important;

    height:35px !important;

    margin-top:8px !important;

    padding:6px 10px !important;

}



/* Mobilon több hely a kommenteknek */

@media(max-width:750px) {

    #pdr-b38a-viewer .pdr-v-layout > .pdr-v-main {

        flex:0 0 43% !important;

        height:43% !important;

    }



    #pdr-b38a-viewer .pdr-v-info {

        padding:10px !important;

    }



    #pdr-b38a-viewer .pdr-v-info .pdr-v-live-reactions {

        gap:3px !important;

        padding:6px 3px !important;

    }



    #pdr-b38a-viewer button.pdr-bp-reaction-btn {

        font-size:9px !important;

        padding:0 2px !important;

        gap:1px !important;

        height:28px !important;

        min-height:28px !important;

    }



    #pdr-b38a-viewer .pdr-v-live-reactions img {

        width:17px !important;

        height:17px !important;

        min-width:17px !important;

        max-width:17px !important;

    }

}




/* PDR_410B54_LIGHTBOX_BUTTON */



/* Képnézegető Közzététel gombja */

#pdr-b38a-viewer button.pdr-v-comment-open {

    background:linear-gradient(180deg,#3b271f,#211916) !important;

    background-color:#302019 !important;

    border:1px solid #82513a !important;

    color:#f6e8dc !important;

    border-radius:10px !important;

    box-shadow:0 2px 6px rgba(0,0,0,.22) !important;

    font-weight:700 !important;

    text-shadow:none !important;

}



#pdr-b38a-viewer button.pdr-v-comment-open:hover {

    background:linear-gradient(180deg,#593728,#34231c) !important;

    border-color:#c08155 !important;

    color:white !important;

}



/* A reakciógombok eredeti színei megmaradnak */