.pnb-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    z-index:9999;
    font-family:inherit;
    -webkit-tap-highlight-color:transparent;
}
.pnb-bell{
    width:var(--pnb-button-size);
    height:var(--pnb-button-size);
    min-width:var(--pnb-button-size);
    border:1px solid var(--pnb-button-border);
    background:var(--pnb-button-bg);
    color:var(--pnb-icon-color);
    border-radius:999px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    position:relative;
    box-shadow:0 8px 22px rgba(15,23,42,.10);
    transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease;
    -webkit-tap-highlight-color:transparent;
}
.pnb-no-button-bg .pnb-bell{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
}
.pnb-bell:hover,
.pnb-bell:focus,
.pnb-bell:active{
    outline:0;
    transform:translateY(-1px);
}
.pnb-default-icon,
.pnb-icon-svg svg,
.pnb-icon-img{
    width:var(--pnb-icon-size);
    height:var(--pnb-icon-size);
    display:block;
}
.pnb-default-icon{fill:currentColor;}
.pnb-icon-svg{display:inline-flex;color:var(--pnb-icon-color);}
.pnb-icon-svg svg{max-width:var(--pnb-icon-size);max-height:var(--pnb-icon-size);}
.pnb-icon-svg svg *{fill:currentColor!important;stroke:currentColor!important;}
.pnb-icon-svg svg [fill="none"]{fill:none!important;}
.pnb-icon-svg svg [stroke="none"]{stroke:none!important;}
.pnb-icon-img{object-fit:contain;}
.pnb-badge{
    position:absolute;
    top:10px;
    right:-20px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:999px;
    background:var(--pnb-badge-bg);
    color:var(--pnb-badge-color);
    border:2px solid var(--pnb-badge-border);
    font-size:10px;
    font-weight:900;
    letter-spacing:-.25px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(15,23,42,.16);
    line-height:1;
}
.pnb-badge-animate{animation:pnbBadgeStart 1.4s ease-out 1;}
@keyframes pnbBadgeStart{
    0%{transform:scale(1);}
    20%{transform:scale(1.18);}
    40%{transform:scale(.96);}
    100%{transform:scale(1);}
}
.pnb-panel{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    width:min(var(--pnb-panel-width), calc(100vw - 24px));
    max-height:min(460px, calc(100vh - 120px));
    overflow:hidden;
    overflow-x:hidden;
    background:var(--pnb-panel-bg);
    color:var(--pnb-panel-text);
    border-radius:18px;
    box-shadow:0 20px 50px rgba(15,23,42,.18);
    border:1px solid rgba(15,23,42,.06);
    opacity:0;
    visibility:hidden;
    transform:scale(.985);
    transform-origin:top right;
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
    overscroll-behavior:contain;
    touch-action:pan-y;
}
.pnb-wrap.is-open .pnb-panel{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}
.pnb-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:15px;
    border-bottom:1px solid rgba(15,23,42,.08);
    font-size:15px;
}
.pnb-panel-head strong{
    font-size:16px;
    line-height:1.2;
    font-weight:800;
}
.pnb-close-panel,
.pnb-modal-close{
    width:24px;
    height:24px;
    min-width:24px;
    margin-left:auto;
    margin-right:-7px;
    background:transparent;
    color:#111111;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    line-height:1;
    box-shadow:none;
}
.pnb-close-panel{
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    opacity:.85;
}
.pnb-list{
    overflow:auto;
    overflow-x:hidden;
    max-height:420px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    overscroll-behavior:contain;
    touch-action:pan-y;
}
.pnb-list::-webkit-scrollbar{display:none;width:0;height:0;}
.pnb-item{
    width:100%;
    border:0;
    background:transparent;
    color:inherit;
    cursor:pointer;
    text-align:left;
    padding:12px 15px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    border-bottom:1px solid rgba(15,23,42,.06);
    transition:background .14s ease, opacity .14s ease;
    -webkit-tap-highlight-color:transparent;
}
.pnb-item:hover,
.pnb-item:focus,
.pnb-item:active{
    outline:0;
    background:transparent;
}
.pnb-item-main{
    display:flex;
    gap:10px;
    min-width:0;
    align-items:flex-start;
}
.pnb-dot{
    width:9px;
    height:9px;
    min-width:9px;
    border-radius:999px;
    background:var(--pnb-badge-bg);
    margin-top:6px;
}
.pnb-item-text{display:block;min-width:0;}
.pnb-title{
    display:block;
    font-size:14px;
    font-weight:800;
    line-height:1.3;
    margin-bottom:5px;
    overflow-wrap:anywhere;
}
.pnb-summary{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:12.5px;
    line-height:1.4;
    opacity:.72;
    overflow-wrap:anywhere;
}
.pnb-date{
    white-space:nowrap;
    font-size:11px;
    opacity:.62;
    padding-top:2px;
}
.pnb-empty{
    padding:18px 16px;
    font-size:14px;
    opacity:.75;
}
.pnb-panel-foot{
    border-top:1px solid rgba(15,23,42,.06);
    padding:12px 16px;
    text-align:center;
}
.pnb-panel-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    color:inherit;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    opacity:.92;
}
.pnb-modal{
    position:fixed;
    inset:0;
    background:var(--pnb-overlay-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    visibility:hidden;
    z-index:999999;
    transition:opacity .18s ease, visibility .18s ease;
    overflow:hidden;
}
.pnb-modal.is-visible{
    opacity:1;
    visibility:visible;
}
.pnb-modal-card{
    width:min(var(--pnb-popup-width), calc(100vw - 28px));
    max-width:100%;
    max-height:min(76vh, 680px);
    overflow:auto;
    overflow-x:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    overscroll-behavior:contain;
    touch-action:pan-y;
    background:var(--pnb-popup-bg);
    color:var(--pnb-popup-text);
    border-radius:18px;
    box-shadow:0 22px 56px rgba(0,0,0,.22);
    padding:0;
    position:relative;
    transform:scale(.985);
    opacity:0;
}
.pnb-modal-inner{
    padding:15px;
    box-sizing:border-box;
}
.pnb-modal-inner{
    padding:15px;
    box-sizing:border-box;
}
.pnb-modal.is-visible .pnb-modal-card{
    animation:pnbModalReveal .18s ease forwards;
}
.pnb-modal-card::-webkit-scrollbar{display:none;width:0;height:0;}
@keyframes pnbModalReveal{
    0%{opacity:0;transform:scale(.985);}
    100%{opacity:1;transform:scale(1);}
}
.pnb-modal-close{
    position:absolute;
    top:15px;
    right:8px;
    width:22px;
    height:22px;
    background:transparent;
    color:#111111;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:900;
    box-shadow:none;
    z-index:2;
}
.pnb-modal-close:hover,
.pnb-modal-close:focus,
.pnb-modal-close:active{
    outline:0;
    transform:none;
}
.pnb-modal-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:24px;
    margin-bottom:8px;
}
.pnb-modal-date{
    font-size:12px;
    opacity:.7;
    padding-right:0;
    margin:0;
    line-height:24px;
}
.pnb-modal-title{
    font-size:18px;
    font-weight:800;
    line-height:1.3;
    margin:0 0 10px 0;
    color:inherit;
    overflow-wrap:anywhere;
}
.pnb-modal-content,
.pnb-modal-content *{
    max-width:100%;
    box-sizing:border-box;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.pnb-modal-content{
    font-size:14px;
    line-height:1.52;
}
.pnb-modal-content p{margin:0 0 12px;}
.pnb-modal-content img,
.pnb-modal-content video,
.pnb-modal-content iframe{
    max-width:100%;
    border-radius:12px;
}
.pnb-modal-content iframe{
    width:100%;
    aspect-ratio:16/9;
    height:auto;
}
.pnb-modal-content .wp-block-embed__wrapper{max-width:100%;}
body.pnb-modal-lock{
    overflow:hidden;
    overflow-x:hidden;
}

@media (max-width: 767px){
    .pnb-wrap{
        margin-left:-16px;
    }
    .pnb-panel{
        position:fixed;
        left:12px;
        right:12px;
        top:var(--pnb-panel-top, 88px);
        width:auto;
        max-width:none;
        max-height:calc(100vh - var(--pnb-panel-top, 88px) - 16px);
        border-radius:20px;
        transform:scale(.985);
        transform-origin:top center;
    }
    .pnb-panel-head{
        padding:12px 14px 10px;
    }
    .pnb-panel-head strong{
        font-size:15px;
    }
    .pnb-list{
        max-height:calc(100vh - var(--pnb-panel-top, 88px) - 110px);
    }
    .pnb-item{
        grid-template-columns:1fr;
        gap:6px;
        padding:10px 14px;
    }
    .pnb-item-main{gap:8px;}
    .pnb-dot{
        width:8px;
        min-width:8px;
        height:8px;
        margin-top:5px;
    }
    .pnb-title{
        font-size:13px;
        margin-bottom:4px;
    }
    .pnb-summary{
        font-size:12px;
        -webkit-line-clamp:2;
    }
    .pnb-date{
        padding-left:16px;
        font-size:10.5px;
    }
    .pnb-panel-foot{
        padding:10px 14px 12px;
    }
    .pnb-modal{
        align-items:flex-start;
        justify-content:center;
        padding:var(--pnb-modal-top, 96px) 12px 12px;
    }
    .pnb-modal-card{
        width:calc(100vw - 24px);
        max-width:520px;
        max-height:calc(100vh - var(--pnb-modal-top, 96px) - 14px);
        padding:0;
        border-radius:18px;
    }
    .pnb-modal-inner{
        padding:15px;
    }
    .pnb-modal-close{
        top:15px;
        right:6px;
        width:22px;
        height:22px;
        font-size:18px;
    }
    .pnb-modal-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:24px;
    margin-bottom:8px;
}
.pnb-modal-date{
        padding-right:20px;
        margin-bottom:8px;
    }
    .pnb-modal-title{
        font-size:17px;
        margin:0 0 10px 0;
    }
    .pnb-modal-content{
        font-size:13.5px;
        line-height:1.48;
    }
}


/* Ajustari finale mobile, Samsung S25 5G */
@media (max-width: 767px){
    .pnb-wrap{
        margin-left:-18px!important;
    }
    .pnb-badge{
        top:2px!important;
        right:2px!important;
        min-width:15px!important;
        height:15px!important;
        padding:0 4px!important;
        font-size:9.5px!important;
        font-weight:900!important;
    }
    .pnb-panel{
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-width:none!important;
        overflow-x:hidden!important;
        touch-action:pan-y!important;
    }
    .pnb-panel-head{
        padding:15px!important;
    }
    .pnb-item{
        padding:12px 15px!important;
    }
    .pnb-modal{
        overflow:hidden!important;
        padding:var(--pnb-modal-top, 96px) 12px 12px!important;
    }
    .pnb-modal-card{
        width:calc(100vw - 24px)!important;
        max-width:520px!important;
        max-height:calc(100vh - var(--pnb-modal-top, 96px) - 14px)!important;
        padding:0!important;
        overflow-x:hidden!important;
        touch-action:pan-y!important;
    }
    .pnb-modal-inner{
        padding:15px!important;
        box-sizing:border-box!important;
    }
    .pnb-modal-top{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        min-height:24px!important;
        margin-bottom:8px!important;
    }
    .pnb-modal-date{
        line-height:24px!important;
        padding:0!important;
        margin:0!important;
        font-size:12px!important;
    }
    .pnb-modal-close{
        position:static!important;
        width:24px!important;
        height:24px!important;
        min-width:24px!important;
        margin-left:auto!important;
        margin-right:-7px!important;
        padding:0!important;
        background:transparent!important;
        color:#111!important;
        font-size:20px!important;
        font-weight:900!important;
        line-height:1!important;
        box-shadow:none!important;
    }
    .pnb-modal-title{
        margin:0 0 10px 0!important;
        font-size:17px!important;
        line-height:1.3!important;
    }
    .pnb-modal-content{
        font-size:13.5px!important;
        line-height:1.48!important;
        overflow-x:hidden!important;
    }
}