/**********************************************************************
*****     Stránka s PROGRAMEM                                     *****
*****     https://www.sovak.lndo.site/voda-forum-2026/program     *****
*****     https://www.sovak.cz/konference-vak-2026/program        *****
**********************************************************************/
ul.program {
  --_blakc: #222429;
  --_blue: #377dff;
  --_white: #ffffff;
  list-style-type: none;
  padding: 0;
}

.program__item {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 130px 1fr;
  margin-bottom: 0.5rem;

  &.program__item--block {
    gap: 0;
  }

  &.program__item--day {
    grid-template-columns: 1fr;
  }
}

.program__time {
  grid-column: 1;
  text-align: end;
  color: var(--_blue);
  font-weight: 700;

  .program__item--day & {
    text-align: start;
  }
}

.program__content {
  grid-column: 2;
}

.program__item--day {
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--_white);
  background-color: var(--_blakc);
  padding: 0.5rem 1rem;
  /*line-height: 1;*/

  .program__time {
    color: var(--_white);
  }
}

.program__item--block {
  font-weight: 700;
  padding: 0.25rem 1rem;
  background-color: var(--_blue);
  color: var(--_white);

  .program__time {
    color: var(--_white);
    padding-right: 1rem;
  }
}

.program__title {
  font-weight: 700;
}

.program__pipe {
  color: var(--_blue);
  /*font-weight: 700;*/
  font-size: 1.5rem;
  line-height: 1;
}

/************************************
******     MENU PRO VF 2026     *****
************************************/

.konference-menu {
  @media (width < 992px) {
    /*background-color: lightskyblue;*/

    .gva_menu {
      display: flex;
      flex-flow: row wrap;
      column-gap: 10px;
      justify-content: center;

      & > li {
        padding: 10px;
        /*background-image: linear-gradient(red);*/
        /*background-repeat: no-repeat;*/
        /*background-origin: content-box;*/
      }
    }

    .is-active {
      color: #377dff;
      position: relative;

      &::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #377dff;
        /*opacity: 1;*/
        /*filter: alpha(opacity=0);*/
        /*-webkit-transition: all 0.35s;*/
        /*transition: all 0.35s;*/
        /*-moz-transition: all 0.35s;*/
        /*-ms-transition: all 0.35s;*/
      }
    }
  }
}