/* BICOM — Semináře */
/* =========================================================
   BICOM / SEMINÁŘE
   ========================================================= */

.bicom-seminars{
    background:var(--bicom-white);
}

.bicom-seminars-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:42px;
}

.bicom-seminars-head .bicom-heading{
    margin:0;
}


/* =========================================================
   AKTUÁLNÍ SEMINÁŘE
   ========================================================= */

.bicom-seminars-current{
    background:var(--bicom-white);
}

.bicom-seminars-current__list{
    border-top:1px solid var(--bicom-line);
}

.bicom-seminar-card{
    display:grid;
    grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
    gap:0;

    padding:34px 0;

    border-bottom:1px solid var(--bicom-line);
}

.bicom-seminar-card__media{
    position:relative;

    min-height:270px;
    overflow:hidden;

    background:var(--bicom-surface);
}

.bicom-seminar-card__media img{
    display:block;

    width:100%;
    height:100%;
    min-height:270px;

    object-fit:cover;
    object-position:center;
}

.bicom-seminar-card__body{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:18px 0 18px clamp(38px,5vw,72px);
}

.bicom-seminar-card:not(:has(.bicom-seminar-card__media)){
    grid-template-columns:1fr;
}

.bicom-seminar-card:not(:has(.bicom-seminar-card__media)) .bicom-seminar-card__body{
    max-width:850px;
    padding-left:0;
}

.bicom-seminar-card__date{
    margin-bottom:12px;

    color:var(--bicom-green);
    font-size:16px;
    line-height:1.3;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:.02em;
}

.bicom-seminar-card h3{
    max-width:760px;
    margin:0;

    color:var(--bicom-navy);
    font-size:clamp(27px,2.4vw,38px);
    line-height:1.14;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.035em;
}

.bicom-seminar-card__lecturer{
    margin-top:16px;

    color:var(--bicom-navy);
    font-size:17px;
    line-height:1.45;
    font-weight:var(--bicom-weight-bold);
}

.bicom-seminar-card__place{
    margin-top:5px;

    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.5;
    font-weight:var(--bicom-weight-semibold);
}

.bicom-seminar-card__copy{
    max-width:720px;
    margin-top:21px;
}

.bicom-seminar-card__copy p:first-child{
    margin-top:0;
}

.bicom-seminar-card__copy p:last-child{
    margin-bottom:0;
}


/* více aktuálních seminářů */

.bicom-seminar-card:nth-child(even) .bicom-seminar-card__media{
    order:2;
}

.bicom-seminar-card:nth-child(even) .bicom-seminar-card__body{
    order:1;
    padding-left:0;
    padding-right:clamp(38px,5vw,72px);
}


/* =========================================================
   ŽÁDNÉ AKTUÁLNÍ TERMÍNY
   ========================================================= */

.bicom-seminars-empty{
    display:flex;
    align-items:center;

    min-height:150px;
    padding:30px 0;

    border-top:1px solid var(--bicom-line);
    border-bottom:1px solid var(--bicom-line);

    color:var(--bicom-muted);
    font-size:17px;
    line-height:1.6;
    font-weight:var(--bicom-weight-semibold);
}


/* =========================================================
   ARCHIV
   ========================================================= */

.bicom-seminars-archive{
    background:var(--bicom-surface);
}

.bicom-seminars-archive .bicom-seminars-head{
    margin-bottom:48px;
}

.bicom-seminars-year{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);

    border-top:1px solid rgba(23,63,82,.18);
}

.bicom-seminars-year + .bicom-seminars-year{
    margin-top:52px;
}

.bicom-seminars-year__title{
    grid-column:1;
    grid-row:1 / span 99;

    margin:0;
    padding:24px 30px 0 0;

    color:var(--bicom-navy);
    font-size:30px;
    line-height:1;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.04em;
}

.bicom-seminar-row{
    grid-column:2;

    display:grid;
    grid-template-columns:94px 145px minmax(0,1fr);
    gap:24px;
    align-items:center;

    min-height:104px;
    padding:16px 0;

    border-bottom:1px solid rgba(23,63,82,.18);
}

.bicom-seminar-row__thumb{
    grid-column:1;

    width:94px;
    height:68px;

    overflow:hidden;
    background:#e6ebed;
}

.bicom-seminar-row__thumb img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.bicom-seminar-row__date{
    grid-column:2;

    color:var(--bicom-navy);
    font-size:16px;
    line-height:1.45;
    font-weight:var(--bicom-weight-bold);
}

.bicom-seminar-row__main{
    grid-column:3;
    min-width:0;
}

.bicom-seminar-row__main h4{
    margin:0;

    color:var(--bicom-navy);
    font-size:19px;
    line-height:1.35;
    font-weight:var(--bicom-weight-bold);
    letter-spacing:-.015em;
}

.bicom-seminar-row__meta{
    margin-top:5px;

    color:var(--bicom-muted);
    font-size:16px;
    line-height:1.45;
    font-weight:var(--bicom-weight-medium);
}


/* pokud archivní seminář nemá obrázek */

.bicom-seminar-row:not(:has(.bicom-seminar-row__thumb)) .bicom-seminar-row__date{
    grid-column:1 / span 2;
}

.bicom-seminar-row:not(:has(.bicom-seminar-row__thumb)) .bicom-seminar-row__main{
    grid-column:3;
}


/* =========================================================
   HOVER – JEN JEMNÝ
   ========================================================= */

@media(hover:hover){

    .bicom-seminar-row{
        transition:background-color .2s ease;
    }

    .bicom-seminar-row:hover{
        background:rgba(255,255,255,.45);
    }

}


/* =========================================================
   COMPACT DESKTOP
   ========================================================= */

@media(min-width:1025px) and (max-height:960px){

    .bicom-seminar-card{
        padding:28px 0;
    }

    .bicom-seminar-card__media,
    .bicom-seminar-card__media img{
        min-height:235px;
    }

    .bicom-seminars-year + .bicom-seminars-year{
        margin-top:42px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .bicom-seminars-head{
        margin-bottom:36px;
    }

    .bicom-seminar-card{
        grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
    }

    .bicom-seminar-card__body{
        padding-left:36px;
    }

    .bicom-seminar-card:nth-child(even) .bicom-seminar-card__body{
        padding-right:36px;
    }

    .bicom-seminars-year{
        grid-template-columns:100px minmax(0,1fr);
    }

    .bicom-seminars-year__title{
        font-size:26px;
    }

    .bicom-seminar-row{
        grid-template-columns:80px 125px minmax(0,1fr);
        gap:18px;
    }

    .bicom-seminar-row__thumb{
        width:80px;
        height:60px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .bicom-seminars-head{
        display:block;
        margin-bottom:30px;
    }

    .bicom-seminar-card{
        grid-template-columns:minmax(0,1fr);
        padding:26px 0 30px;
    }

    .bicom-seminar-card__media,
    .bicom-seminar-card__media img{
        min-height:0;
    }

    .bicom-seminar-card__media{
        height:auto;
        aspect-ratio:16 / 10;
    }

    .bicom-seminar-card__media img{
        height:100%;
    }

    .bicom-seminar-card__body,
    .bicom-seminar-card:nth-child(even) .bicom-seminar-card__body{
        order:2;

        padding:24px 0 0;
    }

    .bicom-seminar-card:nth-child(even) .bicom-seminar-card__media{
        order:1;
    }

    .bicom-seminar-card h3{
        font-size:27px;
    }

    .bicom-seminars-year{
        display:block;

        border-top:0;
    }

    .bicom-seminars-year + .bicom-seminars-year{
        margin-top:42px;
    }

    .bicom-seminars-year__title{
        padding:0 0 15px;

        border-bottom:2px solid var(--bicom-navy);

        font-size:25px;
    }

    .bicom-seminar-row{
        display:grid;
        grid-template-columns:76px minmax(0,1fr);
        gap:8px 17px;

        min-height:0;
        padding:18px 0;
    }

    .bicom-seminar-row__thumb{
        grid-column:1;
        grid-row:1 / span 2;

        width:76px;
        height:62px;
    }

    .bicom-seminar-row__date{
        grid-column:2;

        font-size:16px;
    }

    .bicom-seminar-row__main{
        grid-column:2;
    }

    .bicom-seminar-row__main h4{
        font-size:18px;
    }

    .bicom-seminar-row:not(:has(.bicom-seminar-row__thumb)){
        grid-template-columns:minmax(0,1fr);
    }

    .bicom-seminar-row:not(:has(.bicom-seminar-row__thumb)) .bicom-seminar-row__date,
    .bicom-seminar-row:not(:has(.bicom-seminar-row__thumb)) .bicom-seminar-row__main{
        grid-column:1;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

    .bicom-seminar-card__media{
        aspect-ratio:4 / 3;
    }

    .bicom-seminar-card h3{
        font-size:25px;
    }

    .bicom-seminar-row{
        grid-template-columns:68px minmax(0,1fr);
        gap:7px 14px;
    }

    .bicom-seminar-row__thumb{
        width:68px;
        height:56px;
    }

}


/* =========================================================
   ODKAZY V SEMINÁŘÍCH
   ========================================================= */

.bicom-seminars .bicom-seminar-card__copy a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-top:6px;

    color:var(--bicom-navy);
    font-size:16px;
    line-height:1.4;
    font-weight:var(--bicom-weight-bold);

    text-decoration:none;
}

.bicom-seminars .bicom-seminar-card__copy a::after{
    content:"→";

    display:inline-block;

    color:var(--bicom-green);
    font-size:18px;
    line-height:1;

    transition:transform .2s ease;
}

.bicom-seminars .bicom-seminar-card__copy a:visited{
    color:var(--bicom-navy);
}

@media(hover:hover){

    .bicom-seminars .bicom-seminar-card__copy a:hover{
        color:var(--bicom-green);
    }

    .bicom-seminars .bicom-seminar-card__copy a:hover::after{
        transform:translateX(4px);
    }

}

.bicom-seminars .bicom-seminar-card__copy a:focus-visible{
    outline:2px solid var(--bicom-green);
    outline-offset:4px;
}

/* =========================================================
   RESPONZIVITA: DOPLŇKY PRO MOBILY
   Pouze přidává vlastnosti, žádný stávající selektor
   ani jeho specificitu nemění.
   ========================================================= */

@media (max-width:767px) {

  /* dlouhé nadpisy se zalomí místo přetečení mimo obrazovku */
  .bicom-seminar-card h3,
  .bicom-seminar-row__main h4,
  .bicom-seminar-card__lecturer,
  .bicom-seminar-card__place,
  .bicom-seminar-row__meta {
    overflow-wrap: break-word;
  }

}