/* =================================================================
   СТИЛИ ДЛЯ ОБРАЗОВАТЕЛЬНОЙ ПЛАТФОРМЫ  - страница Курсы и материалы
   Бренд КАДУЦЕЙ: бордо #461C1B, графит #242220 / #2B2825, золото #D9BD98,
   светлое золото #E4CFAD, текст #F1E7D6
   ================================================================= */

/* =================================================================
   0. ТЕМНАЯ ТЕМА - ФОНЫ ОСНОВНЫХ РАЗДЕЛОВ
   ================================================================= */

/* Шапка */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header {
  background-color: #242220 !important;
  border-bottom: 1px solid #D9BD98 !important;               /* золотая линия */
  box-shadow: 0 2px 8px rgba(217,189,152,.15) !important;    /* тёплая тень */
}

/* На всякий */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header.bg-white {
  background-color: #242220 !important;
}

/* Фон контента */
.ant-layout._content_layout_6sxhr_1 .ant-layout-content,
.ant-layout._content_layout_6sxhr_1 .material-page,
.ant-layout._content_layout_6sxhr_1 .material-page-container-l-col,
.ant-layout._content_layout_6sxhr_1 .material-page[style*="background-color: transparent"] {
  background-color: #242220 !important;
}

/* Заголовок страницы */
.ant-layout._content_layout_6sxhr_1 .mb-20.fw-500.fs-30 {
  color: #D9BD98 !important;                                  /* золотой акцент */
}

/* Горизонтальное меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal,
.ant-layout._content_layout_6sxhr_1 .ant-menu.ant-menu-horizontal,
.ant-layout._content_layout_6sxhr_1 .ant-menu-overflow.ant-menu.ant-menu-root.ant-menu-horizontal,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal.ant-menu-light,
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-menu-horizontal {
  background-color: #242220 !important;
  border-bottom: none !important;
}

/* Инфо в шапке */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .fw-500,
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-space-item,
.ant-layout._content_layout_6sxhr_1 .ant-statistic-content-value,
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .fs-12,
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .anticon-down {
  color: #F1E7D6 !important;
}

/* =================================================================
   1. ИКОНКИ В ХЕДЕРЕ
   ================================================================= */

/* Сообщения — бордо, иконка светлая (аккуратно, не захламляем золотом) */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:first-of-type .ant-btn-circle.bg-gray-3 {
  background-color: #461C1B !important;
  color: #F1E7D6 !important;
  border: 2px solid #D9BD98 !important;
}

/* Уведомления — тёмный фон, золотая окантовка */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:nth-of-type(2) .ant-btn-circle.bg-gray-3 {
  background-color: #242220 !important;
  border: 2px solid #D9BD98 !important;
  color: #D9BD98 !important;
}

/* =================================================================
   2. КНОПКА С БАЛЛАМИ
   ================================================================= */
.ant-layout._content_layout_6sxhr_1 .ant-btn-primary.flex.flex-center.bg-blue-1.border-blue-2.h-fit.br-xxs.color-gray-8.p-8.flex.gap-5.fw-500 {
  background-color: #242220 !important;
  border: 2px solid #D9BD98 !important;
  border-radius: 40px !important;
  color: #D9BD98 !important;
}

/* =================================================================
   3. КНОПКИ НА КАРТОЧКАХ КУРСОВ
   ================================================================= */

/* Скрываем штатную стрелку */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn .anticon-caret-right {
  display: none !important;
}

/* Контейнер для нашей стрелки */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Золотая стрелка (inline SVG) */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type::after {
  content: '';
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='15' viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'><path fill='%23D9BD98' d='M12.5 1l6.5 6.5L12.5 14l-1.1-1.1 4.5-4.4H1v-1.9h14.9l-4.5-4.4L12.5 1z'/></svg>");
  display: inline-block;
  width: 20px; height: 15px;
  background-size: 20px 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 12px;
  vertical-align: middle;
}

/* Основная кнопка — бордо + золото */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn {
  border-radius: 10px !important;
  height: 60px !important;
  background: #461C1B !important;
  border-color: #D9BD98 !important;
  color: #FFFFFF !important;
  display: flex; align-items: center; justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px; margin-bottom: 15px;
  box-shadow: 0 10px 28px rgba(217,189,152,.18) !important;
  transition: all .3s ease !important;
}
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn:hover {
  background: #3B1514 !important;
  border-color: #D9BD98 !important;
}

/* Альтернативная кнопка (если используется) — оставляем как secondary */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn {
  border-radius: 10px !important;
  height: 60px !important;
  background: transparent !important;
  border-color: #D9BD98 !important;
  color: #D9BD98 !important;
  display: flex; align-items: center; justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px; margin-bottom: 15px;
  transition: all .3s ease !important;
}
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn:hover {
  background: rgba(217,189,152,.12) !important;
  border-color: #D9BD98 !important;
  color: #E4CFAD !important;
}
/* та же золотая стрелка */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn span::after {
  content: '';
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='15' viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'><path fill='%23D9BD98' d='M12.5 1l6.5 6.5L12.5 14l-1.1-1.1 4.5-4.4H1v-1.9h14.9l-4.5-4.4L12.5 1z'/></svg>");
  display: inline-block; width: 20px; height: 15px;
  background-size: 20px 15px; background-repeat: no-repeat; background-position: center;
  margin-left: 12px; vertical-align: middle;
}

/* =================================================================
   5. КАРТОЧКИ КУРСОВ / ПАПОК / БИБЛИОТЕК
   ================================================================= */

/* Обёртка карточки */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card,
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] {
  border-radius: 20px !important;
  border: 1px solid #D9BD98 !important;                               /* золотая рамка */
  box-shadow: 0 4px 20px rgba(217,189,152,.12) !important;            /* тёплая тень */
  overflow: hidden;
  background-color: #242220 !important;                                /* тёмная карточка */
}

/* Контент карточки */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card .material-card-content,
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] .material-card-content,
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="lib-card"] .material-card-content {
  background-color: #242220 !important;
  color: #F1E7D6 !important;
  padding: 20px !important;
}

/* Заглушки/градиенты — без лишних линий */
.ant-layout._content_layout_6sxhr_1 .material-card .material-card-image ._gradient_placeholder_18l4s_1,
.ant-layout._content_layout_6sxhr_1 ._gradient_placeholder_18l4s_1.material-card-image-placeholder {
  border-bottom: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
}

/* Радиусы изображений */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card .material-card-image,
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] .material-card-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* =================================================================
   6. ПРОГРЕСС-БАР, ТЕКСТЫ СТАТУСОВ
   ================================================================= */
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-bg,
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-success-bg {
  background-color: #D9BD98 !important;                               /* золото */
}
.ant-layout._content_layout_6sxhr_1 .material-card-progress-current-name span,
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-text {
  color: #D9BD98 !important;
}

/* =================================================================
   7. ХЛЕБНЫЕ КРОШКИ
   ================================================================= */
.ant-layout._content_layout_6sxhr_1 .ant-breadcrumb-link .anticon-home svg { display: none !important; }
.ant-layout._content_layout_6sxhr_1 .ant-breadcrumb-link .anticon-home {
  background-image: url("data:image/svg+xml;utf8,<svg width='34' height='34' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23D9BD98' d='M20.16 12c0 4.512-3.648 8.16-8.16 8.16S3.84 16.512 3.84 12 7.488 3.84 12 3.84 20.16 7.488 20.16 12Zm-15.36 0c0 3.984 3.216 7.2 7.2 7.2s7.2-3.216 7.2-7.2-3.216-7.2-7.2-7.2-7.2 3.216-7.2 7.2Z'/><path fill='%23D9BD98' d='M12.816 8.016 8.832 12l3.984 3.984-.672.672L7.488 12l4.656-4.656.672.672Z'/><path fill='%23D9BD98' d='M8.16 12.48v-.96h8.16v.96H8.16Z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 34px 34px !important;
  display: inline-block !important; width: 34px !important; height: 34px !important; vertical-align: middle !important;
}

/* =================================================================
   8. ГОРИЗОНТАЛЬНОЕ МЕНЮ
   ================================================================= */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item { 
  background-color: #242220 !important; color: #F1E7D6 !important; 
}
.ant-layout._content_layout_6sxhr_1 .ant-menu-title-content { color: #F1E7D6 !important; }
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover {
  background-color: rgba(217,189,152,.08) !important;
  color: #D9BD98 !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected .ant-menu-title-content,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover .ant-menu-title-content {
  color: #D9BD98 !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected::after,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover::after {
  content:'' !important; position:absolute !important; bottom:0 !important; left:0 !important; right:0 !important; height:2px !important; background-color:#D9BD98 !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover {
  color:#D9BD98 !important; border-bottom:none !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after {
  border-bottom:2px solid #D9BD98 !important;
}

/* =================================================================
   9. ПОЛЕ ПОИСКА
   ================================================================= */

/* Группа поиска — графит + золотой кант */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper {
  border-radius: 10px !important;
  height: 39px !important;
  background: #2B2825 !important;
  border: 1px solid #D9BD98 !important;                /* золотая рамка */
  overflow: hidden !important;
  box-shadow: 0 0 0 3px rgba(217,189,152,0) !important;
}

/* Обёртка и аффиксы — прозрачные */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-wrapper,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-affix-wrapper {
  height: 100% !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important;
}

/* Сам input */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input {
  background: transparent !important; height: 100% !important; border: none !important;
  color: #F1E7D6 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important;
}

/* Доп. элементы */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-group-addon,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select { background: transparent !important; border: none !important; }
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selector {
  height: 100% !important; display:flex !important; align-items:center !important; background: transparent !important; border: none !important; border-radius:0 !important; box-shadow:none !important;
}

/* Текст и иконки внутри */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selection-item,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selection-search,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-arrow,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .anticon {
  color: #D9BD98 !important;                                   /* иконки/стрелка — золотые */
}

/* Плейсхолдер */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input::placeholder {
  color: rgba(241,231,214,.72) !important;
}

/* Ранее здесь всё убивалось на border/outline — смягчаем:
   внутренним элементам границы не нужны, wrapper — с золотым кантом */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *::before,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *::after {
  border: none !important; outline: none !important; box-shadow: none !important;
}

/* Выпадающий список поиска */
.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown {
  border-radius: 8px !important;
  border: 1px solid rgba(217,189,152,.35) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-select-item { color: #333333 !important; padding: 8px 12px !important; }
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(217,189,152,.85) !important; color: #242220 !important; font-weight: 600 !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: rgba(217,189,152,.25) !important; color: #242220 !important; font-weight: 500 !important;
}
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option:hover:not(.ant-select-item-option-disabled) {
  background-color: rgba(217,189,152,.15) !important; color: #242220 !important;
}

/* Едва заметный разделитель внутри группы */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-group-addon::before {
  content:''; position:absolute; left:0; top:25%; bottom:25%; width:1px; background: rgba(217,189,152,.2);
}