
.jjgbs-video{
    margin:1.8em auto;
    max-width:100%;
}
.jjgbs-video-frame{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:12px;
    background:#111;
}
.jjgbs-video-frame--wide{aspect-ratio:16/9}
.jjgbs-video-frame--vertical{
    width:min(100%,430px);
    margin-inline:auto;
    aspect-ratio:9/16;
}
.jjgbs-video-frame--wide iframe,
.jjgbs-video-frame--vertical iframe,
.jjgbs-video-frame--wide > div,
.jjgbs-video-frame--vertical > div{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
}
.jjgbs-video-frame--wide iframe,
.jjgbs-video-frame--vertical iframe{
    position:absolute!important;
    inset:0!important;
    border:0!important;
}
.jjgbs-video-frame--native{
    width:min(100%,1000px);
    margin-inline:auto;
    background:#000;
}
.jjgbs-video-frame--native video{
    display:block;
    width:100%;
    height:auto;
    max-height:78vh;
    object-fit:contain;
    background:#000;
}
.jjgbs-video-caption{
    width:min(100%,1000px);
    margin:8px auto 0;
    color:#686868;
    font-size:.9em;
    font-style:italic;
}
.jjgbs-video--vertical .jjgbs-video-caption{max-width:430px}
.jjgbs-video-fallback a{font-weight:700}

/* Išmanios nuorodos: pagal nutylėjimą NIEKADA netempiamos per visą temą. */
.jjgbs-smart-link{
    --jjgbs-link-width:auto;
    box-sizing:border-box;
    max-width:100%;
    text-decoration:none!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
    overflow-wrap:anywhere;
}
.jjgbs-smart-link__title{min-width:0}
.jjgbs-smart-link__arrow{flex:0 0 auto;margin-left:auto}

.jjgbs-smart-link--text,
.jjgbs-smart-link--underline,
.jjgbs-smart-link--button,
.jjgbs-smart-link--outline,
.jjgbs-smart-link--pill,
.jjgbs-smart-link--soft{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:auto;
}
.jjgbs-smart-link--text{
    color:#8b0000;
    font-weight:700;
}
.jjgbs-smart-link--underline{
    color:#8b0000;
    font-weight:700;
    border-bottom:2px solid currentColor;
    padding:3px 0;
}
.jjgbs-smart-link--button{
    padding:11px 17px;
    border-radius:7px;
    background:#111;
    color:#fff!important;
    font-weight:700;
}
.jjgbs-smart-link--outline{
    padding:10px 16px;
    border:1px solid #8b0000;
    border-radius:7px;
    color:#8b0000!important;
    font-weight:700;
    background:transparent;
}
.jjgbs-smart-link--pill{
    padding:10px 18px;
    border-radius:999px;
    background:#111;
    color:#fff!important;
    font-weight:700;
}
.jjgbs-smart-link--soft{
    padding:11px 16px;
    border-radius:9px;
    background:#f3eded;
    color:#6d0000!important;
    font-weight:700;
}
.jjgbs-smart-link--card,
.jjgbs-smart-link--burgundy,
.jjgbs-smart-link--dark{
    display:inline-flex;
    align-items:center;
    gap:16px;
    width:auto;
    max-width:min(100%,560px);
    margin:1.2em 0;
    padding:17px 19px;
    border-radius:11px;
    font-weight:700;
}
.jjgbs-smart-link--card{
    border:1px solid #ddd8d0;
    background:#fff;
    color:#171717!important;
}
.jjgbs-smart-link--burgundy{
    background:#8b0000;
    color:#fff!important;
}
.jjgbs-smart-link--dark{
    background:#171717;
    color:#fff!important;
}

/* Vartotojo pasirenkamas plotis. */
.jjgbs-smart-link--width-25{width:25%!important}
.jjgbs-smart-link--width-50{width:50%!important}
.jjgbs-smart-link--width-75{width:75%!important}
.jjgbs-smart-link--width-100{width:100%!important}
.jjgbs-smart-link--width-custom{width:min(var(--jjgbs-link-width),100%)!important}

@media (hover:hover) and (pointer:fine){
    .jjgbs-smart-link--button:hover,
    .jjgbs-smart-link--outline:hover,
    .jjgbs-smart-link--pill:hover,
    .jjgbs-smart-link--soft:hover,
    .jjgbs-smart-link--card:hover,
    .jjgbs-smart-link--burgundy:hover,
    .jjgbs-smart-link--dark:hover{
        transform:translateY(-2px);
    }
    .jjgbs-smart-link--outline:hover{
        background:#8b0000;
        color:#fff!important;
    }
}

/* Straipsnio peržiūrų indikatorius. */
.jjgbs-post-views{
    display:flex;
    align-items:center;
    gap:7px;
    width:max-content;
    max-width:100%;
    margin:0 0 1.25em;
    color:#777;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:1.3;
}
.jjgbs-post-views__eye{
    width:16px;
    height:16px;
    display:inline-flex;
}
.jjgbs-post-views__eye svg{
    width:16px;
    height:16px;
    display:block;
}

@media(max-width:600px){
    .jjgbs-video{margin:1.25em 0}
    .jjgbs-video-frame{border-radius:9px}
    .jjgbs-video-frame--vertical{width:min(100%,360px)}
    .jjgbs-video--vertical .jjgbs-video-caption{max-width:360px}

    .jjgbs-smart-link--width-25,
    .jjgbs-smart-link--width-50{
        min-width:min(100%,180px);
    }
    .jjgbs-smart-link--card,
    .jjgbs-smart-link--burgundy,
    .jjgbs-smart-link--dark{
        padding:14px 15px;
    }
}
