/*
 * Styles personnalises CGT SOCGEN
 *
 * Il ne sera ni modifie ni supprime lors des mises a jour de
 * Joomla ou du template Helix Ultimate.
 *
 * Emplacement :
 * /templates/shaper_helixultimate/css/custom.css
 *
 * Chargement : Ce fichier est automatiquement charge par Helix Ultimate.
 */



/* =========================================================
   Global
   ========================================================= */

/* Correction dropdown dans editeur front, onglet Publication. Helix utilise des variables non définies */

.choices__list--dropdown {
  background-color: var(--white, #fff);
  border: 1px solid var(--gray, #ccc);
}




/* ======================================================= */
/*  Connexion utilisateur                                  */
/*  Fichier: /overrides/com_users/login/default_login.php  */
/* ======================================================= */

.com-users-login__options.list-group {
  font-size: 0.8em;
}

.saml-login-button {
  background-color: #e9ecef;
  border-color: #d3d9df;
  color: #1f2328;
}
.saml-login-button:hover,
.saml-login-button:focus {
  background-color: #dee2e6;
  border-color: #c9d0d7;
  color: #1f2328;
}
.saml-login-button img {
  vertical-align: middle;
  margin: -6px 8px 0 0;
  width: 36px;

}

/* =========================================================
   Menu mobile (Les 3 modules personnalisés)
   ========================================================= */

@media print {
  #mod-custom312, #mod-custom313, #mod-custom314 {
    display: none !important;
  }
}



/* =========================================================
   Joomla 5 + Helix Ultimate
   Centrage du message d'accès (joomla-alert / system message)
   ========================================================= */

/* 1) Le conteneur des messages occupe tout l’écran et centre */
html body #system-message-container{
  position: fixed !important;
  inset: 0 !important;                 /* top/right/bottom/left = 0 */
  display: flex !important;
  align-items: center !important;       /* centrage vertical */
  justify-content: center !important;   /* centrage horizontal */
  z-index: 2147483647 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;      /* ne bloque pas le clic sur la page */
}

/* 2) Le composant Joomla (la boîte) reste cliquable */
html body #system-message-container joomla-alert{
  pointer-events: auto !important;      /* permet la croix */
  width: 520px !important;
  max-width: 90vw !important;
  margin: 0 !important;
  transform: none !important;
}

/* 3) Amélioration lisibilité (optionnelle) */
html body #system-message-container joomla-alert .alert{
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.35) !important;
}

html body #system-message-container joomla-alert .alert-message{
  text-align: center !important;
}
/* =========================================================
   com_tags (Joomla) : page Tag / Tagged
   Objectif :
   - enlever les puces
   - libellé tag en Permanent Marker rouge #D71620
   - titres des articles en NOIR
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

/* 1) Supprimer puces (sur UL et LI) */
body.com-tags.view-tag ul,
body.com-tags.view-tagged ul{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
body.com-tags.view-tag li,
body.com-tags.view-tagged li{
  list-style: none !important;
}
body.com-tags.view-tag li::marker,
body.com-tags.view-tagged li::marker{
  content: "" !important;
}

/* 2) Votre “tag” au-dessus du titre (classe ajoutée par l’override) */
body.com-tags.view-tag .t-cats,
body.com-tags.view-tagged .t-cats{
  font-family: "Permanent Marker", cursive !important;
  color: #D71620 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  margin: 0 0 6px 0 !important;
}

/* 3) Titres : FORCER noir (Helix/com_tags met du rouge) */
body.com-tags.view-tag .t-title,
body.com-tags.view-tag .t-title a,
body.com-tags.view-tag .t-link,
body.com-tags.view-tagged .t-title,
body.com-tags.view-tagged .t-title a,
body.com-tags.view-tagged .t-link{
  color: #111 !important;
}
body.com-tags.view-tag .t-title a:hover,
body.com-tags.view-tagged .t-title a:hover{
  text-decoration: underline;
}

/* 4) Si com_tags/Helix colore les liens en rouge via variables, on neutralise sur la zone */
body.com-tags.view-tag .t-articles a,
body.com-tags.view-tagged .t-articles a{
  color: inherit;
}