/* FFTDA theme for Chamilo 3 (var/themes/fftda/default.css), loaded through the setting
   header_extra_content = <link rel="stylesheet" href="/themes/fftda/default.css">.
   Not touched by the admin Colors page (which only regenerates colors.css).
   Tokens taken from the official stylesheet https://www.fftda.fr/files/style.min.css (248 KB, Bootstrap
   included, not reused as such): fonts Encode Sans / Encode Sans Semi Condensed / Open Sans, --grey1 #706359,
   --grey2 #ece9e4, top bar #f7f6f4, menu bar #0d6efd with links #ccdeee. */
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@300;400;600&family=Encode+Sans:wght@300;400&family=Open+Sans:wght@300;400;600;700;800&display=swap");

:root {
  --fftda-grey1: #706359;
  --fftda-grey2: #ece9e4;
  --fftda-bar: #f7f6f4;
  --fftda-blue: #0d6efd;
  --fftda-blue-text: #ccdeee;
  --fftda-red: #ed1c24;
}

/* Typography: Open Sans body like fftda.fr, condensed uppercase for navigation and titles */
body, #app, .p-component {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.app-main h1, .app-main h2, .section-header h2, .p-card-title {
  font-family: "Encode Sans Semi Condensed", "Open Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--fftda-grey1);
}

/* Top bar: warm light grey like the fftda.fr link bar, blue rule underneath like its menu bar */
.app-topbar {
  background: var(--fftda-bar);
  border-bottom: 4px solid var(--fftda-blue);
  box-shadow: none;
}
.app-topbar .app-topbar__end a, .app-topbar .app-topbar__end button, .app-topbar .app-topbar__items a {
  color: var(--fftda-grey1);
}
.app-topbar .app-topbar__end a:hover, .app-topbar .app-topbar__end button:hover {
  color: var(--fftda-blue);
}

/* Sidebar: same grey ground, Encode Sans Semi Condensed uppercase entries, blue active state */
.app-sidebar {
  background: var(--fftda-bar);
  border-right: 1px solid var(--fftda-grey2);
}
.app-sidebar .p-panelmenu-header-label, .app-sidebar .p-panelmenu-item-label {
  font-family: "Encode Sans Semi Condensed", "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.app-sidebar .p-panelmenu-header-action, .app-sidebar .p-menuitem-link {
  color: var(--fftda-grey1);
}
/* Current entry: Chamilo marks it with router-link-exact-active (vue-router items) or with
   router-link-url-active (legacy "url" items such as Parametres, rendered as a plain <a>).
   Never use router-link-active: vue-router also sets it on the link of the parent route, and
   AdminIndex has path "" under /admin, so "Administration" stayed lit on every admin page. */
.app-sidebar .p-panelmenu-header-action:hover, .app-sidebar .p-menuitem-link:hover,
.app-sidebar .p-panelmenu-header-action.router-link-exact-active,
.app-sidebar .p-menuitem-link.router-link-exact-active,
.app-sidebar .p-panelmenu-header-action.router-link-url-active,
.app-sidebar .p-menuitem-link.router-link-url-active,
.app-sidebar .p-panelmenu-header-action .mdi, .app-sidebar .p-menuitem-link .mdi {
  color: var(--fftda-blue);
}
.app-sidebar .p-panelmenu-header-action:hover, .app-sidebar .p-menuitem-link:hover {
  background: #fff;
}

/* Learning path player: the big icon shown when a path has no image is decorative (no click
   handler, role="img"), but Chamilo's generic .base-icon style gives it a pointer cursor, so
   learners kept clicking it to get back to the module list (2026-10-14). */
.lp-runtime-preview-fallback, .lp-runtime-preview-fallback .base-icon {
  cursor: default;
}