/* Thème Silverpeas pour Redmine 7.0
 *
 * Adapté depuis la version Redmine 6.x. Redmine 7.0 a :
 *  - redessiné la barre supérieure (<nav class="top-menu"> en flex + menu
 *    utilisateur déroulant) et l'en-tête (#43937, #31353) ;
 *  - remplacé les propriétés CSS physiques par des propriétés logiques et
 *    supprimé rtl.css (#43515, #43700) ;
 *  - introduit les variables Open Color --oc-* (#43256) ;
 *  - rendu les icônes SVG systématiques (plus de repli sur les PNG).
 */

@import url("/assets/application-5bad425e.css");

:root {
  --sp-green-dark:  #006600;
  --sp-green-light: #9ED55E;
  --sp-green-pale:  #eaf7d9;
  --sp-dark:        #2a2a2a;
  /* liseré de l'élément courant (indigo par défaut depuis 7.0) */
  --color-current-marker: var(--sp-green-dark);
}

body { color: #303030; background: #ffffff; }

/***** Barre supérieure (structure refaite en 7.0) *****/

#top-menu {
  background-color: var(--sp-dark);
  color: #ffffff;
  font-size: 0.8125rem;
  /* ne pas remettre padding:0 : la barre est en flex et a besoin de sa gouttière */
  padding-inline: 12px;
}

/* Cibler uniquement les liens de la barre, pas le menu déroulant du compte */
#top-menu .top-menu__links > ul > li > a {
  font-weight: 600;
  padding-block: 9px;
  padding-inline: 14px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.2);
  border-inline-end: 1px solid rgba(0, 0, 0, 1);
}
#top-menu .top-menu__links > ul > li:first-child > a { border-inline-start: 0; }
#top-menu .top-menu__links > ul > li:last-child  > a { border-inline-end: 0; }

/* Menu utilisateur (avatar + chevron) introduit en 7.0 */
#top-menu #account .dropdown-trigger { padding-block: 6px; padding-inline: 8px; }
#top-menu #account .dropdown-content li a:hover { color: var(--sp-green-dark); }

/***** En-tête *****/

#header {
  background: #efefef url("/assets/themes/silverpeas/logo-silverpeas-tracker-019707ba.png") no-repeat 0 0;
  background-origin: border-box;
  block-size: 8em;
  padding-block: 10px 0;
  padding-inline: 20px;      /* conserve l'espacement latéral de Redmine 7 */
}
#header h1 { display: none; }
#header a, #header a:hover { color: var(--sp-dark); }

#quick-search {
  margin-inline-end: 0;
  padding-block: 0.5em;
  padding-inline: 1em 0.5em;
  color: var(--sp-dark);
}
#quick-search a { color: var(--sp-dark); }
#quick-search #q,
#project-jump .drdn-trigger {
  block-size: 28px;
  line-height: normal;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#project-jump .drdn-trigger { padding-block: 4px; }

/***** Menu principal (onglets) *****/

#main-menu {
  background-color: var(--sp-green-light);
  border-block-start: 1px solid #ffffff;
  inset-inline-start: 0;
  inset-inline-end: 0;
  /* surtout pas width:100% : #main-menu a désormais un padding-inline de 20px,
     et Redmine n'applique pas box-sizing:border-box globalement */
  inline-size: auto;
  padding-inline: 20px;
  padding-block: 0;
}
#main-menu li { margin: 0; padding: 0; }
#main-menu li a {
  color: var(--sp-dark);
  background-color: var(--sp-green-light);
  border-inline-end: 1px solid #ffffff;
  font-size: 0.8125rem;
  font-weight: bold;
  padding-block: 6px 5px;
  padding-inline: 10px;
}
#main-menu li a:hover { background-color: var(--sp-green-dark); color: #ffffff; text-decoration: none; }
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background-color: var(--sp-green-dark);
  color: #ffffff;
  box-shadow: none;          /* 7.0 ajoute un liseré indigo sous l'onglet courant */
}
#main-menu li a.new-object,
#main-menu li a.new-object:hover {
  background-color: var(--sp-green-dark);
  border-color: var(--sp-green-dark);
  color: #ffffff;
}
#main-menu .menu-children { border-color: var(--sp-green-dark); }
#main-menu .menu-children li a { color: #333333; background-color: #ffffff; border-inline-end: 0; }
#main-menu .menu-children li a:hover { background-color: var(--sp-green-dark); color: #ffffff; }
#main-menu .tabs-buttons { background-color: var(--sp-green-light); }

/***** Barre latérale (le lien courant est passé en indigo en 7.0) *****/

#sidebar a.selected,
#sidebar a.selected:hover {
  background-color: var(--sp-green-light);
  color: var(--sp-green-dark);
  box-shadow: inset 3px 0 0 var(--sp-green-dark);
}
#sidebar a.selected svg.icon-svg { stroke: var(--sp-green-dark) !important; }

/***** Pied de page *****/

#footer { background-color: var(--sp-dark); border: 0; color: #ffffff; }
#footer a { color: #ffffff; font-weight: bold; }

/***** Contenu *****/

#main { font: 90% Verdana, Tahoma, Arial, sans-serif; background: #e8eaec; }
#main a { font-weight: bold; color: var(--sp-green-dark); }
#main a:hover { color: var(--sp-green-light) !important; text-decoration: none; }
#content { background: #ffffff; }
#content .tabs ul { inset-block-end: -1px; }

h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 {
  border-block-end: 0;
  color: var(--sp-green-dark);
  font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;
}
h2, .wiki h1 { letter-spacing: -1px; }
h4 { border-block-end: 1px dotted #c0c0c0; }

/***** Messages *****/
/* En 7.0 les messages portent toujours une icône SVG : plus d'image de fond,
   sinon l'icône PNG du thème se superpose à l'icône SVG du cœur. */

div.flash.notice {
  background: var(--sp-green-pale);
  border-color: var(--sp-green-dark);
  color: var(--sp-green-dark);
}
div.flash.notice svg.icon-svg { stroke: var(--sp-green-dark); }

/* Conserve le vert du thème d'origine ; passer sur de l'ambre (#fff8e1 /
   #7a5900) si l'on préfère distinguer visuellement les avertissements. */
div.flash.warning {
  background: var(--sp-green-pale);
  border-color: var(--sp-green-dark);
  color: var(--sp-green-dark);
  text-align: start;
}
div.flash.warning svg.icon-svg { stroke: var(--sp-green-dark); }

.nodata, .warning {
  text-align: center;
  background-color: var(--sp-green-pale);
  border-color: var(--sp-green-dark);
  color: var(--sp-green-dark);
}
.nodata svg.icon-svg, .warning svg.icon-svg { stroke: var(--sp-green-dark); }