/* ============================================================
   МЕЙДЖИК · Premium theme for Chamilo
   Подключает базовую тему и накладывает фирменный премиум-стиль
   Палитра: золото + тёмный графит + глубокий синий
   ============================================================ */
@import url("../chamilo/default.css");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --mj-dark:#0c1119;
  --mj-dark2:#161d2b;
  --mj-dark3:#1f2838;
  --mj-gold:#C9A227;
  --mj-gold-lt:#E8C766;
  --mj-gold-dk:#9c7a16;
  --mj-blue:#1B4F72;
  --mj-blue-lt:#2E86C1;
  --mj-ink:#1b2230;
  --mj-bg:#f5f6f8;
  --mj-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --mj-sans:'Manrope',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* ---------- Базовый фон и типографика ---------- */
body{
  background:var(--mj-bg) !important;
  font-family:var(--mj-sans) !important;
  color:var(--mj-ink);
}
#main, .main-content, .container .row { color:var(--mj-ink); }

h1,h2,h3,h4,.page-header h1,.sectiontitle{
  font-family:var(--mj-serif) !important;
  color:var(--mj-blue) !important;
  letter-spacing:.2px;
}
h1,h2{ font-weight:800 !important; }

a{ color:var(--mj-blue-lt); }
a:hover,a:focus{ color:var(--mj-blue); }

/* ============================================================
   ШАПКА — тёмная, благородная, с золотой линией
   ============================================================ */
#cm-header{
  background:
     radial-gradient(1200px 240px at 50% -60px, rgba(201,162,39,.16), rgba(201,162,39,0) 70%),
     linear-gradient(180deg,#0b0f17 0%, #121826 55%, #0e1420 100%) !important;
  border-bottom:3px solid var(--mj-gold) !important;
  box-shadow:0 4px 24px rgba(0,0,0,.35), inset 0 -1px 0 rgba(201,162,39,.25);
  position:relative;
}
#cm-header::after{
  content:""; position:absolute; left:0; right:0; bottom:-3px; height:3px;
  background:linear-gradient(90deg,transparent,var(--mj-gold-lt),var(--mj-gold),var(--mj-gold-lt),transparent);
  opacity:.9;
}

/* Логотип / бренд в шапке */
#cm-header .logo{ padding:14px 0 10px; text-align:left; }
#header-logo{
  max-height:78px; width:auto !important;
  filter:drop-shadow(0 2px 10px rgba(201,162,39,.35));
  /* запасной текст, если картинка логотипа ещё не загружена: */
  font-family:var(--mj-serif); font-weight:800; font-size:30px;
  color:var(--mj-gold-lt); letter-spacing:1px; line-height:1.1;
}

/* Иконки-уведомления / счётчики в шапке делаем золотыми */
#cm-header a{ color:#e9eef6; }
#cm-header .label, #cm-header .badge{
  background:var(--mj-gold) !important; color:#1a1a1a !important;
}

/* ============================================================
   ВЕРХНЕЕ МЕНЮ (navbar) — на тёмном, золотой акцент
   ============================================================ */
.navbar-default{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  margin-bottom:0;
}
.navbar-default .navbar-nav > li > a{
  color:#dfe6f0 !important;
  font-weight:600;
  letter-spacing:.3px;
  border-bottom:2px solid transparent;
  transition:.2s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  color:var(--mj-gold-lt) !important;
  background:rgba(201,162,39,.08) !important;
  border-bottom-color:var(--mj-gold);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color:#1a1a1a !important;
  background:linear-gradient(180deg,var(--mj-gold-lt),var(--mj-gold)) !important;
  border-bottom-color:var(--mj-gold-dk);
  box-shadow:0 2px 10px rgba(201,162,39,.35);
}
.navbar-default .navbar-toggle{ border-color:var(--mj-gold); }
.navbar-default .navbar-toggle .icon-bar{ background:var(--mj-gold); }
/* выпадающее меню профиля */
.navbar-default .dropdown-menu{
  background:var(--mj-dark2); border:1px solid rgba(201,162,39,.35);
}
.navbar-default .dropdown-menu > li > a{ color:#e3e9f2; }
.navbar-default .dropdown-menu > li > a:hover{ background:rgba(201,162,39,.15); color:var(--mj-gold-lt); }

/* ============================================================
   КНОПКИ — премиальные
   ============================================================ */
.btn-primary{
  background:linear-gradient(180deg,#2c6ea0,var(--mj-blue)) !important;
  border:1px solid #14385a !important;
  color:#fff !important;
  font-weight:600; letter-spacing:.3px;
  box-shadow:0 2px 8px rgba(27,79,114,.25);
}
.btn-primary:hover,.btn-primary:focus{
  background:linear-gradient(180deg,var(--mj-blue-lt),#235f8c) !important;
  border-color:var(--mj-gold) !important;
}
/* Акцентная (золотая) — Save / основное действие */
.btn-success, .btn-gold{
  background:linear-gradient(180deg,var(--mj-gold-lt),var(--mj-gold)) !important;
  border:1px solid var(--mj-gold-dk) !important;
  color:#23200f !important; font-weight:700; letter-spacing:.3px;
  text-shadow:0 1px 0 rgba(255,255,255,.25);
  box-shadow:0 2px 10px rgba(201,162,39,.3);
}
.btn-success:hover,.btn-gold:hover{ filter:brightness(1.06); }
.btn-default{ border-radius:4px; }

/* ============================================================
   КАРТОЧКИ / ПАНЕЛИ / ПЛИТКИ КУРСОВ
   ============================================================ */
.panel, .card, .well, .productinfo, .course_item{
  border:1px solid #e4e7ec !important;
  border-top:3px solid var(--mj-gold) !important;
  border-radius:8px !important;
  box-shadow:0 6px 20px rgba(16,24,40,.06) !important;
}
.panel-heading{
  background:linear-gradient(180deg,#fbfbfd,#f1f3f6) !important;
  border-bottom:1px solid #e4e7ec !important;
  font-family:var(--mj-serif); color:var(--mj-blue) !important; font-weight:700;
}
.panel-default > .panel-heading{ color:var(--mj-blue) !important; }

/* Плитки на главной (Мои курсы) */
.course-items .items, .course_item, .items .panel{
  transition:transform .15s ease, box-shadow .15s ease;
}
.course-items .items:hover, .course_item:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(16,24,40,.12) !important;
}

/* ============================================================
   ХЛЕБНЫЕ КРОШКИ / ЗАГОЛОВКИ РАЗДЕЛОВ
   ============================================================ */
.breadcrumb{
  background:#fff !important;
  border:1px solid #e9ebf0; border-left:4px solid var(--mj-gold) !important;
  border-radius:6px;
}
.breadcrumb a{ color:var(--mj-blue) !important; }
.page-header{ border-bottom:2px solid var(--mj-gold); }

/* ============================================================
   СТРАНИЦА ВХОДА — премиальная
   ============================================================ */
.login_block .panel, .well_login, form[name="formLogin"], #formLogin,
.loginpanel, .panel.panel-default.form-login{
  border-top:4px solid var(--mj-gold) !important;
  box-shadow:0 18px 40px rgba(12,17,25,.18) !important;
}
.login_course_block .btn, #formLogin .btn-primary{
  background:linear-gradient(180deg,var(--mj-gold-lt),var(--mj-gold)) !important;
  border:1px solid var(--mj-gold-dk) !important; color:#23200f !important; font-weight:700;
}
/* поле логина/пароля */
.form-control:focus{
  border-color:var(--mj-gold) !important;
  box-shadow:0 0 0 .15rem rgba(201,162,39,.25) !important;
}

/* ============================================================
   ТАБЛИЦЫ / ВКЛАДКИ / ПРОГРЕСС
   ============================================================ */
.table > thead > tr > th{
  background:var(--mj-blue) !important; color:#fff !important;
  border-color:#143b5a !important; font-family:var(--mj-sans); font-weight:700;
}
.nav-tabs > li.active > a{
  border-top:3px solid var(--mj-gold) !important; color:var(--mj-blue) !important; font-weight:700;
}
.progress-bar{ background:linear-gradient(90deg,var(--mj-gold),var(--mj-gold-lt)) !important; color:#23200f; }
.label-success,.badge-success{ background:var(--mj-gold) !important; color:#23200f !important; }

/* ============================================================
   ПОДВАЛ
   ============================================================ */
.footer, #footer, .footer-content{
  background:linear-gradient(180deg,#121826,#0b0f17) !important;
  border-top:3px solid var(--mj-gold) !important;
  color:#cdd5e1 !important;
}
.footer a, #footer a{ color:var(--mj-gold-lt) !important; }

/* Лёгкое золотое выделение текста */
::selection{ background:rgba(201,162,39,.30); }

/* ============================================================
   ПОЛНАЯ РУСИФИКАЦИЯ остаточных строк интерфейса
   (заменяем английские подписи, которых нет в языковом пакете)
   ============================================================ */
/* Заголовок блока «Profile» -> «Профиль» */
#profile_block > .panel-heading{ font-size:0 !important; }
#profile_block > .panel-heading::after{
  content:"Профиль"; font-size:15px;
  font-family:var(--mj-serif); font-weight:700; color:var(--mj-blue);
}
/* Пункты меню профиля */
#profile_block a[href*="new_message.php"],
#profile_block a[href*="personal_data.php"],
#profile_block a[href*="auth/profile.php"]{ font-size:0 !important; }
#profile_block a[href*="new_message.php"]::after{ content:"Написать сообщение"; font-size:14px; }
#profile_block a[href*="personal_data.php"]::after{ content:"Личные данные"; font-size:14px; }
#profile_block a[href*="auth/profile.php"]::after{ content:"Редактировать профиль"; font-size:14px; }
/* Меню под аватаром: «My certificates» -> «Мои сертификаты» */
.dropdown-menu a[href*="my_certificates.php"]{ font-size:0 !important; }
.dropdown-menu a[href*="my_certificates.php"]::after{ content:"Мои сертификаты"; font-size:14px; }

/* --- Боковой блок «Курсы» (главная) --- */
#courses a[href$="/user_portal.php"]{ font-size:0 !important; }
#courses a[href$="/user_portal.php"]::after{ content:"История курсов"; font-size:14px; }
#courses a[href*="auth/courses.php"]{ font-size:0 !important; }
#courses a[href*="auth/courses.php"]::after{ content:"Каталог курсов"; font-size:14px; }
#courses a[href*="last_course.php"]{ font-size:0 !important; }
#courses a[href*="last_course.php"]::after{ content:"Последний курс"; font-size:14px; }
#courses a[href*="last_lp.php"]{ font-size:0 !important; }
#courses a[href*="last_lp.php"]::after{ content:"Последний учебный путь"; font-size:14px; }
#courses a[href*="time_report.php"]{ font-size:0 !important; }
#courses a[href*="time_report.php"]::after{ content:"Отчёт по времени"; font-size:14px; }

/* --- Боковой блок «Навыки» --- */
#skills > .panel-heading, #skills_block > .panel-heading{ font-size:0 !important; }
#skills > .panel-heading::after, #skills_block > .panel-heading::after{
  content:"Навыки"; font-size:15px; font-family:var(--mj-serif); font-weight:700; color:var(--mj-blue);
}
#skills a[href*="my_skills_report.php"]{ font-size:0 !important; }
#skills a[href*="my_skills_report.php"]::after{ content:"Мои навыки"; font-size:14px; }
#skills a[href*="skills_wheel.php"]{ font-size:0 !important; }
#skills a[href*="skills_wheel.php"]::after{ content:"Управление навыками"; font-size:14px; }

/* --- Навигатор / Общее --- */
#navigation_sidebar a[href*="dashboard/index.php"]{ font-size:0 !important; }
#navigation_sidebar a[href*="dashboard/index.php"]::after{ content:"Сводка"; font-size:14px; }
#help a[href*="forum"]{ font-size:0 !important; }
#help a[href*="forum"]::after{ content:"Форум"; font-size:14px; }

/* --- Заголовок «Популярные курсы» на главной --- */
.hot-courses .page-header{ font-size:0 !important; }
.hot-courses .page-header::after{
  content:"Популярные курсы"; font-size:22px;
  font-family:var(--mj-serif); font-weight:700; color:var(--mj-blue);
}