/*
    Use this stylesheet to modify the layout of your
    conference.
*/

:root {
  /* Header */
  --conf-theme-header-bg: #1d2f08;
  --conf-theme-header-border-bottom: #0f4c80;
  --conf-theme-header-text: white;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #f5faff;
  --conf-theme-subtitle-border: #d5e4f1;
  --conf-theme-subtitle-text: #24425a;

  /* Menu colors */
  --conf-theme-menu-bg: #f6f6f6;
  --conf-theme-menu-border: #ccc;
  --conf-theme-menu-link: #275c86;
  --conf-theme-menu-selected: #2bb153;
  --conf-theme-menu-selected-bg: #b5cba6;
  --conf-theme-menu-selected-border: #669937;
  --conf-theme-hover-bg: #e0e0e0;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #f6f6f6;
  --conf-theme-support-border: #ccc;
  --conf-theme-support-header-bg: #286900;
  --conf-theme-support-header-text: #f3f3f3;
  --conf-theme-support-text: #aaa;

  /* Background images */
  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');

  /* Announcement colors */
  --conf-theme-announcement-bg: #f5faff;
  --conf-theme-announcement-border: #c2d6e7;
  --conf-theme-announcement-text: #0f283d;
}

/* Other CSS as needed */
.conference-page header h2 {
    color: #633808;
}

.i-group .i-radio {
  margin-bottom: 15px;    /* Отступ снизу между пунктами */
}

.i-group .i-radio label {
  margin-left: 10px;      /* Текст от кружка */
  cursor: pointer;
  line-height: 1.4;       /* Высота строки для читаемости */
}

.i-group .i-radio input[type="radio"] {
  margin-right: 8px;      /* Кружок от текста */
  transform: scale(1.1);  /* Чуть больше кружков */
}

.group.right.entry-action-buttons .icon-list.i-link {
  position: relative; /* Базовый контейнер */
  padding-left: 5em; /* Место для текста слева */
  white-space: nowrap;
}

.group.right.entry-action-buttons .icon-list.i-link::before  {
  content: "Подробнее"; /* Текст с стрелкой */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  font-weight: 500;
  text-decoration: underline !important;
  color: #007bff !important; /* Bootstrap-синий или ваш */
}


@media only screen and (max-device-width: 975px){
  #confSectionsBox {
    display: flex;
    flex-direction: column;
    margin: 0 ; 
  }

body > .main {
    font-size: 150%;
    line-height: 1.7;
}

.ui.form, .simpleTextAnnouncement {
    font-size: 110%;
}

.ui.buttons .button, .ui.buttons .or, .ui.button {
    font-size: 100%;
    width: 100%;
}

  .conf_leftMenu {
    order: -1;
    margin-bottom: 15px;
    width: auto;
    margin-right: -30px;
    display: flex;
    flex-direction: column;  /* две строки */
  }

  /* МЕНЮ скроллится */
  .conf_leftMenu ul {
    flex: none;
    height: 60px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-right: 10px;
  }

  .confBodyBox {
    margin-left: 5%;
    width: 90%;
  }
  
  /* СКРЫВАЕМ проблемный пункт */
  .menuConfTitle a.no-link {
    display: none !important;
  }
  
  .conf_leftMenu nav {
    flex: 1;
    display: flex;
    align-items: center;
  }
  
  #outer {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  #outer > li.menuConfTitle a {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    white-space: nowrap;
    font-size: 100%;

  }
  
  .support_box {
    order: 2;
    flex: none;
    margin-top: 8px !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;  /* справа */
  }
  
  .support_box h3 { 
    display: none; 
  }
  
  .support_box ul { 
    display: flex; 
    gap: 12px; 
    padding-right: 2%;
  }
  
  .support_box li { 
    display: flex; 
    align-items: center; 
  }
}

@media only screen and (max-device-width: 600px){
 body > .main {
    font-size: 250%;
    line-height: 1.7;
}

  .conf_leftMenu ul {
    height: 150px;
   }

  #outer > li.menuConfTitle a {
    height: 100px;
    padding: 30px;
  }

ind-select .caption {
    white-space: pre-wrap;
  }

.support_box {
     margin-top: 20px !important;
}
}