/* GROUPFINDER v2.4.31
   Better article listing proportions + category manager. */

.gf-article-lead-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}

.gf-article-lead-main,
.gf-article-lead-side{
    min-width:0;
}

.gf-article-lead-side{
    display:grid;
    gap:18px;
}

.gf-article-lead-layout .gf-article-card{
    height:auto!important;
    min-height:0!important;
}

.gf-article-lead-layout .gf-article-card.is-lead{
    display:flex;
    flex-direction:column;
}

.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-media{
    aspect-ratio:16/8.5;
}

.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-body{
    padding:18px;
}

.gf-article-lead-layout .gf-article-card.is-lead h2{
    margin:7px 0 8px;
    font-size:34px;
}

.gf-article-lead-layout .gf-article-card.is-lead p{
    min-height:0;
}

.gf-article-lead-layout .gf-article-card.is-side{
    display:grid;
    grid-template-columns:1fr;
}

.gf-article-lead-layout .gf-article-card.is-side .gf-article-card-media{
    aspect-ratio:16/7.4;
}

.gf-article-lead-layout .gf-article-card.is-side .gf-article-card-body{
    padding:14px;
}

.gf-article-lead-layout .gf-article-card.is-side h2{
    margin:6px 0 7px;
    font-size:22px;
}

.gf-article-lead-layout .gf-article-card.is-side p{
    min-height:0;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

.gf-article-lead-layout .gf-article-card footer{
    margin-top:14px;
}

.gf-article-grid-rest{
    align-items:start;
}

.gf-article-grid-rest .gf-article-card{
    height:auto;
}

.gf-article-grid-rest .gf-article-card p{
    min-height:0;
}

@media(max-width:980px){
    .gf-article-lead-layout{
        grid-template-columns:1fr;
    }

    .gf-article-lead-side{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .gf-article-lead-side{
        grid-template-columns:1fr;
    }

    .gf-article-lead-layout .gf-article-card.is-lead h2{
        font-size:28px;
    }
}

/* Redakce - category manager */
.gf-studio-categories{
    margin:0 0 20px;
    padding:16px;
    border:1px solid var(--gf-border);
    border-radius:15px;
    background:var(--gf-surface);
}

.gf-studio-categories>header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:13px;
}

.gf-studio-categories>header h2{
    margin:3px 0 0;
    font:600 24px "Barlow Condensed",sans-serif;
}

.gf-studio-categories>header form{
    display:flex;
    gap:7px;
}

.gf-studio-categories>header input{
    width:220px;
    height:36px;
    padding:0 10px;
    border:1px solid var(--gf-border);
    border-radius:8px;
    outline:0;
    background:var(--gf-surface-2);
    color:#eee;
    font:500 11px Barlow,sans-serif;
}

.gf-studio-categories>header input:focus{
    border-color:rgba(184,150,245,.45);
}

.gf-studio-categories>header button{
    height:36px;
    padding:0 11px;
    border:0;
    border-radius:8px;
    background:var(--gf-purple);
    color:#17131e;
    display:flex;
    align-items:center;
    gap:5px;
    font:600 10px Barlow,sans-serif;
    cursor:pointer;
}

.gf-studio-categories>header button span{
    font-size:15px;
}

.gf-studio-category-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

.gf-studio-category-list>article{
    min-width:0;
    padding:7px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;
    background:#15171c;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    align-items:center;
}

.gf-studio-category-list>article.is-inactive{
    opacity:.55;
}

.gf-studio-category-list>article>form:first-child{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) 58px 31px;
    gap:5px;
}

.gf-studio-category-list input{
    min-width:0;
    height:31px;
    padding:0 8px;
    border:1px solid #2b2e35;
    border-radius:7px;
    outline:0;
    background:#1b1d22;
    color:#dedfe3;
    font:500 10px Barlow,sans-serif;
}

.gf-studio-category-list button{
    min-height:31px;
    padding:0 8px;
    border:1px solid #30333a;
    border-radius:7px;
    background:#1c1e23;
    color:#9da2ac;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    font:600 9px Barlow,sans-serif;
    cursor:pointer;
}

.gf-studio-category-list button:hover{
    border-color:rgba(184,150,245,.38);
    color:#ddd1ff;
}

.gf-studio-category-list button.is-enable{
    color:#bda4f4;
}

.gf-studio-category-list button .material-symbols-rounded{
    font-size:14px;
}

.gf-studio-category-note{
    margin:10px 0 0;
    color:#666b75;
    font-size:9px;
}

@media(max-width:820px){
    .gf-studio-categories>header{
        align-items:stretch;
        flex-direction:column;
    }

    .gf-studio-categories>header form{
        width:100%;
    }

    .gf-studio-categories>header input{
        width:auto;
        min-width:0;
        flex:1;
    }

    .gf-studio-category-list{
        grid-template-columns:1fr;
    }
}