/* ==========================================================
   JOSPORT REDESIGN 2026
   CATEGORY V7
   ========================================================== */

/* 1. Skrytí H1 v kategoriích (SEO zachováno) */
.type-category .category-title,
.type-category h1.category-title,
.type-category .content-wrapper h1:first-of-type{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* 2. Odstranění mezery po H1 */
.type-category .category-top,
.type-category .category-header,
.type-category .content-wrapper{
    margin-top:0!important;
    padding-top:0!important;
}


/* ==========================================================
   3. POPIS KATEGORIE – BANNER VŽDY CELÝ, TEXT ROZBALOVACÍ
   Celý obsah zůstává v HTML kvůli SEO.
   PC: přibližně 10 řádků textu
   Mobil: přibližně 6 řádků textu
   ========================================================== */

/* Samotný obal kategorie už se nikdy neořezává – banner zůstane celý. */
.type-category .category-perex{
    position:relative!important;
    max-height:none!important;
    overflow:visible!important;
}

/* Skript do tohoto obalu přesune pouze obsah ZA bannerem. */
.type-category .jo-category-description-content-v6{
    position:relative!important;
    overflow:hidden!important;
    max-height:17em!important; /* cca 10 řádků na PC */
    line-height:1.7!important;
    transition:max-height .35s ease!important;
}

/* Jemné vyblednutí pouze na konci zkráceného textu. */
.type-category
.jo-category-description-content-v6:not(.jo-expanded)::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        #fff 86%
    );
    pointer-events:none;
}

/* Rozbalený text. */
.type-category
.jo-category-description-content-v6.jo-expanded{
    max-height:none!important;
    overflow:visible!important;
}

/* Tlačítko rozbalení. */
.type-category .jo-category-toggle-v6{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-height:44px!important;
    margin:14px auto 26px!important;
    padding:0 18px!important;
    border:1px solid #cbdbea!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#075b9f!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 6px 16px rgba(17,52,89,.06)!important;
    cursor:pointer!important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease!important;
}

.type-category .jo-category-toggle-v6:hover,
.type-category .jo-category-toggle-v6:focus-visible{
    border-color:#9fc4df!important;
    background:#f4f9fd!important;
    color:#075b9f!important;
    box-shadow:0 8px 20px rgba(17,52,89,.10)!important;
    outline:none!important;
}

@media (max-width:767px){
    .type-category .jo-category-description-content-v6{
        max-height:10.2em!important; /* cca 6 řádků */
    }

    .type-category
    .jo-category-description-content-v6:not(.jo-expanded)::after{
        height:64px;
    }

    .type-category .jo-category-toggle-v6{
        width:100%!important;
        margin:12px 0 22px!important;
        box-sizing:border-box!important;
    }
}