@import url("../../fonts/Circe/stylesheet.css");

body {
    font-family: 'Circe', Arial, Helvetica, sans-serif;
}

h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 40px 0 10px;
  line-height: 20px;
}

h4 {
	font-size: 16px;
	font-weight: 600;
  margin-bottom: 10px;
}

.programm-wrapper h4 {
	text-align: center;
}

.program-tabs.program-share-exp.program-grid-block h3 {
	text-align: center;
}

.days-tabs-content h4 {
	text-align: center;
}

.header-text {
  text-align: center;
}

.days-triggers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.days-triggers_item {
  border: 1.5px solid #6f60ab;
  padding: 0px 20px;
  border-radius: 50px;
  color: #000;
  white-space: nowrap;
  display: inline-flex !important; 
  align-items: center;
}


.days_item {
	border-right: 1px solid #6f60ab;
	padding: 12px 12px 12px 0;
	margin-right: 15px;
}

.days-triggers_item--active {
  background: #6f60ab;
  color: #fff;
}

.days-triggers_item:focus {
	color: #b1aad2;
}

.days-triggers_item--active .days_item {
	background: #fff;
	color: #000;
	padding: 12px 12px 12px 20px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-left: -20px;
}

.program-tabs .tabs-triggers_item--active:hover, .days-triggers_item--active:hover {
    color: #fff;
    text-decoration: underline;
}

.tabs-triggers_item span {
	display: none;
}

.programm-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.programm-wrapper > div {
	box-sizing: border-box;
	padding-right: 10px;
}

.program-filter-programm-item {
	min-height: 80px;
	border: 1px solid #eee;
	border-radius: 25px;
	padding: 13.5px;
}

.program-filters-all-labels {
  display: grid;
  gap: 10px;
  padding: 0px;
}

.program-filter-item.chosen {
	background: #8073b5 !important;
	color: #fff !important;
}

.program-filter-item .icon-marker {
  filter: none;
  transition: filter 0.3s ease;
}

.program-filter-item.chosen .icon-marker {
  filter: brightness(0) invert(1);
}

.program-filter-item .icon-marker-file {
  filter: none;
  transition: filter 0.1s ease;
}

.program-filter-item.chosen .icon-marker-file {
  filter: brightness(0) invert(1);
}

.program-filter-item {
  position: relative;
  display: flex; /* у вас уже стоит */
  align-items: flex-end;
  justify-content: flex-start; /* оставляем */
  min-height: 90px;
  padding-right: 110px; /* оставляем */
  padding-bottom: 0;
  vertical-align: bottom;
  white-space: normal;
}

.program-filter-item:hover {
  cursor: pointer;
}

.program-filter-item .text {
  flex-grow: 1;
  pointer-events: none;
}

.program-filter-item .downloads {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	gap: 5px;
	align-items: end;
	padding-right: 60px;
	padding-bottom: 15px;
}

.download-text-block {
  display: flex;
  align-items: center;
  gap: 3px; 
  font-size: 16px;
  line-height: 1.2;
}

/* Размеры иконки */
.download-text-block .icon-marker-file {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	margin-bottom: 3.5px;
}

.download-text-block .download-text {
	font-weight: 400;
	white-space: wrap;
	font-size: 14px;
	line-height: 14px;
	text-transform: initial;
	padding: 0;
	margin: 0;
}

.download-text .hall-text {
	font-weight: 600;
	font-size: 15px;
}

.download-buttons-row {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 5px;
}

.downloads {
	display: flex !important;
	flex-direction: column;
}



.btn-download {
    background: #fff;
    color: #000;
    font-size: 11px;
    padding: 1px 15px;
    border-radius: 50px;
    border: 1.5px solid #8073b5;
    transition: background-color 0.3s ease, 
    color 0.3s ease, 
    padding 0.3s ease, 
    border-color 0.3s ease;
}

.btn-download:hover {
    background: #8073b5;
    color: #fff;
    font-size: 11px;
    padding: 1px 25px;
    border-radius: 50px;
    border: 1.5px solid #b1aad2;
}

.download-buttons a.btn-download {
  margin-right: 0;
}

.program-filter-item .icon-marker {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 5px;
	right: 5px;
	pointer-events: none;
	user-select: none;
}

@media (min-width: 768px) {
  .programm-wrapper > div {
    width: 33%;
  }
}

/* Мобильная версия */
@media (max-width: 767px) {
  .programm-wrapper {
    display: block;
  }

  .programm-wrapper > div {
    width: 100%;
  }
}

.program-filters-all-labels .program-filter-item {
	background-color: #eceeee;
	padding: 15px;
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 25px;
  padding-right: 50px;
}

.program-share-exp .tabs-triggers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px;
  margin-bottom: 20px;
}

.program-share-exp .tabs-triggers .tabs-triggers_item {
	background-color: #eceeee;
	border: 1px solid #ECEEEE;
	color: #000;
	font-weight: 700;
	border-radius: 0px;
	font-weight: 700;
	font-size: 14px;
	margin-right: -1px;
	margin-bottom: -1px;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 5px 5px 5px 0px;
	align-content: center;
	min-height: 60px;
	border-radius: 25px;
}

.program-share-exp .tabs-triggers .tabs-triggers_item span {
  display: none;
}

.program-share-exp .tabs-triggers .tabs-triggers_item:hover {
  box-shadow: none;
  background-color: #8073b5;
  color: #fff;
  text-decoration: none !important;
}

.program-share-exp .tabs-triggers .tabs-triggers_item--active {
  box-shadow: none;
  background-color: #8073b5;
  color: #fff;
  box-shadow: none !important;
}

@media screen and (max-width: 768px) {
  .program-share-exp .tabs-triggers {
    grid-template-columns: 1fr;
  }
}

.program-tabs table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	width: 100%;
}

.program-tabs .time_congress {
	width: 140px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 5px;
	border-bottom: 1px solid #fff;
	background-color: #eceeee;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.speaker_role {
	padding: 4px 12px;
	display: inline-block;
	margin-top: 10px;
	background-color: #6f60ab;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	border-radius: 25px;
}

.program-tabs .about_congress {
	padding: 15px;
	color: #000;
	background-color: rgba(128, 115, 181, 0.15);
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	border-bottom: 1px solid #fff;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-left: 1px solid #fff;
}


/* цвета меток */
span.dir {
	padding: 6px 12px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 5px;
	background-color: #8073b5;
	font-size: 14px;
	font-weight: 500;
  color: #fff;
  line-height: 14px;
}

.dir.dir-94176 {
  color: #000;
  background-color: #ffb184;
}

.dir.dir-94179 {
  background-color: #ff8740;
}

.dir.dir-94182 {
  background-color: #ff6823;
}

.dir.dir-94185 {
  background-color: #a63e00;
}

.dir.dir-94188 {
  background-color: #3c78d8;
}

.dir.dir-94191 {
  color: #000;
  background-color: #fff571;
}

.dir.dir-94194 {
  background-color: #38761d;
}

.dir.dir-94197 {
  background-color: #0d6240;
}

.dir.dir-94200 {
  background-color: #0d749e;
}

.dir.dir-94203 {
  background-color: #6950d4;
}

.dir.dir-94242 {
  background-color: #8e7cc3;
}

.dir.dir-94224 {
  background-color: #b517f0;
}

.dir.dir-94227 {
  background-color: #8C53F9;
}

.dir.dir-94230 {
  background-color: #0d749e;
}

.dir.dir-94233 {
  background-color: #ff6823;
}

.dir.dir-94236 {
  background-color: #0d6240;
}

.dir.dir-94590 {
  background-color: #00cb89;
}

.dir.dir-94587 {
  background-color: #8e7cc3;
}

/* Скрытые рубрики для демонстрации */
.program-filter-item.label-94176 {
	display: none;
}
.program-filter-item.label-94191 {
	display: none;
}
.program-filter-item.label-94179 {
	display: none;
}
.program-filter-item.label-94194 {
	display: none;
}
.program-filter-item.label-94587 {
	display: none;
}

@media screen and (max-width: 992px) {
  .program-grid-block {
	  display: block;
    grid-template-columns: 1fr;
    gap: 25px;
    margin: auto;
  }
  .speakers_list {
    grid-template-columns: 1fr;
  }
  .days-triggers,
  .days-tabs-content
   {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .tabs-triggers {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .program-filters-all-labels .program-filter-item,
  .program-share-exp .days-triggers,
  .program-share-exp .tabs-triggers .tabs-triggers_item {
    font-size: 16px!important;
  }
  .program-filters-all-labels .program-filter-item, .program-share-exp .days-triggers, .program-share-exp .tabs-triggers .tabs-triggers_item, .program-tabs .about_congress {
	font-size: 14px !important;
  }
  span.dir {
	font-size: 12px;
  }
  .program-tabs .time_congress {
	width: 80px;
	font-size: 14px;
  }
}