@charset "utf-8";

/* =====================
   Ukraine Theme Colors
   ===================== */
:root {
  --ukraine-blue: #0057B7;   /* deep blue */
  --ukraine-yellow: #FFD700; /* golden yellow */
  --ukraine-light: #F6F6F6;  /* neutral light bg */
}

/* =====================
   General
   ===================== */
body {
  background: url(/img/conference/skins/sc/fond.jpg) repeat-x var(--ukraine-light);
  color: #222;
  font-family: sans-serif;
}

/* =====================
   Titles
   ===================== */
.titre {
  text-transform: uppercase;
  color: var(--ukraine-blue);
}
.formcontent .titre {
  text-transform: none;
  color: inherit;
}

/* =====================
   Template colors
   ===================== */
.template_color             { color: var(--ukraine-blue); }
.template_border_color      { border-color: var(--ukraine-blue); }
.template_backgroundcolor   { background-color: var(--ukraine-blue); }

/* =====================
   Menu styling
   ===================== */
.menu_niveau_1_on > a {
  background-color: white !important;
  color: var(--ukraine-blue) !important;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

/* Hover effect for active item */
.menu_niveau_1_on > a:hover {
  background-color: var(--ukraine-yellow) !important;
  color: var(--ukraine-blue) !important;
}

/* =====================
   Header
   ===================== */
#template_header {
  color: var(--ukraine-blue);
}
#template_header a {
  color: var(--ukraine-blue);
  text-decoration: none;
}
#template_header a:hover {
  color: var(--ukraine-yellow);
}

/* =====================
   Links & Cartouche
   ===================== */
#template_link,
.menu_cartouche {
  background: var(--ukraine-blue);
  color: var(--ukraine-yellow);
  padding: 0.3em 0.6em;
  border-radius: 3px;
}