/* ===== Thème GHF pour Indico 3.3.8 =====
   Vert header, Rose onglets, Bleu barre d’actions
================================================*/

/* Palette */
:root{
  --ghf-green:#9bdc63;
  --ghf-pink:#e86fb0;
  --ghf-pink-700:#d35ea1;
  --ghf-blue:#1b75bb;
  --ghf-blue-700:#15639a;
  --white:#fff;
}

/* ---------------------------------------
   HEADER (zone logo) -> vert
---------------------------------------- */
#header,
.site-header,
.page-header,
#header-logo,
.header .branding{
  background:var(--ghf-green) !important;
  border:0 !important;
}

/* ---------------------------------------
   BARRE D’ONGLETS PRINCIPALE -> rose
   (Accueil / Créer / Administration / Mon profil)
---------------------------------------- */
/* la barre elle-même */
#global-menu.toolbar,
.menu-bar,
#menu-bar,
.category-header .menu,     /* fallback */
.ui.menu.secondary,
.ui.menu.tabular{
  background:var(--ghf-pink) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* les items */
#global-menu.toolbar menu > li > a,
#global-menu.toolbar menu > li > ind-menu > button,
#menu-bar .item,
.ui.menu.secondary .item,
.ui.menu.tabular .item{
  background:var(--ghf-pink) !important;
  color:var(--white) !important;
  border:none !important;
}

/* hover / actif */
#global-menu.toolbar menu > li > a:hover,
#global-menu.toolbar menu > li > ind-menu > button:hover,
#menu-bar .item:hover,
#menu-bar .active.item,
.ui.menu.secondary .item:hover,
.ui.menu.secondary .active.item,
.ui.menu.tabular .item:hover,
.ui.menu.tabular .active.item{
  background:var(--ghf-pink-700) !important;
  color:var(--white) !important;
  box-shadow:none !important;
}

/* Supprimer la petite flèche sous “Créer un événement” (barre rose) */
#global-menu ind-menu > button::after,
#global-menu ind-menu > button::before{
  content:none !important;
}

/* ---------------------------------------
   BARRE D’ACTIONS sous le titre catégorie -> bleu
   (zone avec “Créer un événement”, “Naviguer”, calendrier, œil, etc.)
---------------------------------------- */
.category-header .toolbar,
#category-toolbar.toolbar,
.toolbar:where(.flexrow){
  background:var(--ghf-blue) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Boutons de la barre d’actions */
.category-header .toolbar .i-button,
.category-header .toolbar .ui.button,
#category-toolbar .i-button,
#category-toolbar .ui.button{
  background:var(--ghf-blue) !important;
  color:var(--white) !important;
  border:1px solid var(--ghf-blue) !important;
}

/* Hover/active des boutons */
.category-header .toolbar .i-button:hover,
.category-header .toolbar .ui.button:hover,
#category-toolbar .i-button:hover,
#category-toolbar .ui.button:hover,
.category-header .toolbar .i-button:focus,
#category-toolbar .i-button:focus{
  background:var(--ghf-blue-700) !important;
  border-color:var(--ghf-blue-700) !important;
  color:var(--white) !important;
}

/* Supprimer les chevrons/flèches ajoutés par Indico */
.category-header .toolbar .i-button.arrow::after,
.category-header .toolbar .i-button.arrow::before{
  content:none !important;
}

/* Menu déroulant (dropdown) de “Créer un événement” et autres -> bleu */
.category-header .toolbar .i-dropdown,
#category-toolbar .i-dropdown{
  background:var(--ghf-blue) !important;
  border:1px solid var(--ghf-blue-700) !important;
  box-shadow:none !important;
}

/* Liens des items du dropdown */
.category-header .toolbar .i-dropdown a,
#category-toolbar .i-dropdown a{
  color:var(--white) !important;
  background:transparent !important;
}

/* Hover sur les items du dropdown */
.category-header .toolbar .i-dropdown a:hover,
#category-toolbar .i-dropdown a:hover{
  background:var(--ghf-blue-700) !important;
  color:var(--white) !important;
}

/* Icônes dans la barre d’actions (compass, calendrier, œil…) */
.category-header .toolbar .i-button[class^="icon-"],
#category-toolbar .i-button[class^="icon-"]{
  color:var(--white) !important;
}

/* Champs de recherche posés sur la barre d’actions */
.category-header .toolbar .ui.input input,
#category-toolbar .ui.input input{
  background:#ffffff !important;
  color:#333 !important;
  border:0 !important;
}

/* Petites finitions */
.category-header,
.category-header .header{
  background-image:none !important;
}
/* --- En-tête de catégorie 100% BLEU --- */
.category-header,
.category-page .header{
  background: var(--ghf-blue) !important;   /* #1b75bb */
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;        /* au cas où un gradient trainait */
}

/* Titre + liens visibles en blanc sur le bleu */
.category-header .title,
.category-header a{
  color: #fff !important;
}

/* Fil d’Ariane posé sur l’en-tête : texte en blanc */
.i-breadcrumbs,
.i-breadcrumbs a{
  color: #fff !important;
}

/* (optionnel) pastilles/segments du fil d’Ariane transparentes */
.i-breadcrumbs .root,
.i-breadcrumbs .path{
  background: transparent !important;
  border: 0 !important;
}