/* ===============================
   CSS CORPS PAGE ACCUEIL
=============================== */
/* Cache le bloc EN sur toutes les pages françaises (fr, fr-FR, fr_CA, etc.) */
html[lang^="fr"], body[class*="pll-lang-fr"] {
  --_fr: 1; /* juste un marqueur */
}
html[lang^="fr"] .en-only,
body[class*="pll-lang-fr"] .en-only { 
  display: none !important;
}

/* Cache le bloc FR sur toutes les pages anglaises (en, en-GB, en-US, etc.) */
html[lang^="en"], body[class*="pll-lang-en"] {
  --_en: 1;
}
html[lang^="en"] .fr-only,
body[class*="pll-lang-en"] .fr-only { 
  display: none !important;
}
/* ===============================
   Style commun Publications & Séminaires
   =============================== */

/* Image en haut */
.juju-publications .et_pb_post .et_pb_image_container img,
.juju-seminaires .et_pb_post .et_pb_image_container img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
}

/* Encadré + barre violette */
.juju-publications .et_pb_post,
.juju-seminaires .et_pb_post {
    position: relative;
    border: 1px solid #ddd;  /* encadré */
    border-radius: 5px;      /* coins arrondis */
    overflow: hidden;
    margin-bottom: 60px;     /* espace vertical uniforme */
}


/* ===============================
   Publications
   =============================== */

/* 📚 Publications : barre violette démarre sous l'image */
   .juju-publications .et_pb_post .post-content::before {
       content: "";
       position: absolute;
       top: 180px;
       left: 0;
       width: 10px;
       height: 63%;
       background-color: #800080;
       transform: translateX(10px);
       z-index: 1;
   }

/* Texte, titre, auteurs */
.juju-publications .et_pb_post .post-content,
.juju-publications .et_pb_post .entry-title,
.juju-publications .et_pb_post .post-meta {
    padding-left: 15px;
}

/* Date (violet clair, police Adel) */
.juju-publications .et_pb_post .post-meta {
    font-family: "Adel", sans-serif;
    font-size: 18px;
    color: #b26de8;
    display: inline-block;
    margin-right: 6px;
}

/* Catégorie Publication : encadrée violet foncé */
.juju-publications .et_pb_post .post-meta a {
    font-family: "Adel", sans-serif;
    font-size: 18px;
    color: #800080;
    border: 3px solid #800080;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
    text-decoration: none;
}

/* Auteurs */
.juju-publications .et_pb_post .auteurs {
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

/* Logos arXiv & journal */
.juju-publications .et_pb_post .logos-publication img {
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
/* Titre des publications */
.juju-publications .et_pb_post .entry-title {
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 30px !important;
}

/* ===============================
      Module Séminaires avec .juju-seminaires
=============================== */
   
   /* Image en haut */
   .juju-seminaires .et_pb_post .et_pb_image_container img {
       width: 100%;
       height: 200px;
       object-fit: cover;
       object-position: top;
   }
   
   /* Bloc général */
   .juju-seminaires .et_pb_post {
       position: relative;
       border: 1px solid #ddd;
       border-radius: 5px;
       overflow: hidden;
       margin-bottom: 60px;
   }
   
   /* Barre violette qui remonte dans l'image */
   .juju-seminaires .et_pb_post .post-content::before {
       content: "";
       position: absolute;
       top: 150px; /* remonte dans l'image */
       left: 0;
       width: 10px;
       height: calc(100% - 150px);
       background-color: #800080;
       transform: translateX(10px);
       z-index: 1;
   }
   
   /* Conteneur du contenu → décale tout à droite de la barre violette */
   .juju-seminaires .post-content {
       padding-left: 30px; /* espace pour la barre + marge */
   }
   
   /* Titre */
   .juju-seminaires .titre-seminaire {
       font-size: 20px;
       font-weight: bold;
       margin-top: 5px;
   }
   
   /* Date (même style que publications) */
   .juju-seminaires .date-seminaire {
       font-family: "Adel", sans-serif !important;
       font-size: 18px !important;
       color: #b26de8 !important;
       display: inline-block;
       margin-right: 6px;
   }
   
   /* Catégorie (même style que publications) */
   .juju-seminaires .categorie-seminaire {
       font-family: "Adel", sans-serif;
       font-size: 18px;
       color: #800080;
       border: 3px solid #800080;
       border-radius: 4px;
       padding: 2px 8px;
       display: inline-block;
       text-decoration: none;
   }
   
   /* Intervenant */
   .juju-seminaires .intervenant-seminaire {
       font-size: 16px;
       margin-top: 10px;
       
   }
   /* Intervenant - police plus grande et gras */
   .juju-seminaires .et_pb_post .seminaire-intervenant {
       font-size: 18px !important;
       font-weight: bold !important;
   }
   /* Lieu */
   .juju-seminaires .lieu-seminaire {
       margin-top: 5px;
   }
   
   /* Contact */
   .juju-seminaires .contact-seminaire a {
       color: #800080;
       text-decoration: none;
   }
   .juju-seminaires .contact-seminaire a:hover {
       text-decoration: underline;
   }
/* Titre séminaires - police Barlow Condensed */
   .juju-seminaires .et_pb_post .entry-title {
       font-family: "Barlow Condensed", sans-serif !important;
       font-size: 30px !important;
       margin-top: 5px;
   }
   

   
   
   
   /* ===============================
      Module Blog avec .juju-alaune
      =============================== */
   
   /* Catégorie : style violet avec bordure */
   .juju-alaune .et_pb_post .post-meta a {
       display: inline-block;
       padding: 2px 8px;
       margin-right: 4px;
       border: 3px solid #800080; /* violet */
       border-radius: 4px;
       font-size: 18px;
       color: #800080;
       text-decoration: none;
   }
   
   /* Décalage du texte et titre */
   .juju-alaune .et_pb_post .post-content,
   .juju-alaune .et_pb_post .entry-title,
   .juju-alaune .et_pb_post .post-meta {
       padding-left: 10px;
   }
   
   /* Encadré + position relative */
   .juju-alaune .et_pb_post {
       position: relative;
       border: 1px solid #ddd !important; /* encadré fin */
       border-radius: 5px !important; /* coins arrondis */
       overflow: hidden !important; /* éviter les débordements */
       margin-bottom: 60px;
       background: #fff; /* fond blanc pour que le cadre se voie bien */
   }
   
  /* Cadre autour du module juju-alaune uniquement en tablette et desktop */
  @media (min-width: 768px) {
      .juju-alaune {
          border: 1px solid #ddd;
          border-radius: 5px;
          padding: 20px; /* espace interne */
          background: #fff;
          margin-bottom: 60px;
      }
  }
  
/* Forcer le cadre aussi sur mobile */
  @media (max-width: 767px) {
      .juju-alaune {
          border: 1px solid #ddd;
          border-radius: 5px;
          padding: 15px;
          background: #fff;
          margin-bottom: 30px;
      }
  }
   
   /* Barre violette sur le côté (corrigée) */
   .juju-alaune .et_pb_post .post-content::before {
       content: "";
       position: absolute;
       top: 150px; /* commence plus haut dans l'image */
       left: 0;
       width: 10px; /* épaisseur de la barre */
       height: calc(100% - 150px); /* longueur ajustée */
       background-color: #800080;
       transform: translateX(10px); /* décalage de la barre */
       z-index: 1;
   }
   
   /* Images des posts */
   .juju-alaune .et_pb_post .et_pb_image_container img {
       width: 100%; /* occupe toute la largeur */
       height: 200px; /* hauteur fixe */
       object-fit: cover; /* remplit sans déformer */
       object-position: center; /* centre l’image */
   }
  
  
  
   
   /* ===== Pagination personnalisée pour le module juju-alaune ===== */
   
   /* Structure desktop */
   .juju-alaune .pagination {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
   }
   .juju-alaune .pagination .alignleft {
       order: 2;
       text-align: right;
       flex: 1;
   }
   .juju-alaune .pagination .alignright {
       order: 1;
       text-align: left;
       flex: 1;
   }
   
   /* Liens communs */
   .juju-alaune .pagination a {
       font-size: 0;
       text-decoration: none;
       color: #884081;
       font-weight: 600;
       position: relative;
       transition: all 0.3s ease;
       display: inline-block;
       padding: 8px 16px;
   }
   
   /* === TEXTES selon la langue === */
   
   /* Français */
   html[lang="fr-FR"] .juju-alaune .pagination .alignleft a:before {
       content: "Actualités précédentes";
   }
   html[lang="fr-FR"] .juju-alaune .pagination .alignright a:after {
       content: "Actualités suivantes";
   }
   
   /* Anglais (UK) */
   html[lang="en-GB"] .juju-alaune .pagination .alignleft a:before {
       content: "Previous news";
   }
   html[lang="en-GB"] .juju-alaune .pagination .alignright a:after {
       content: "Next news";
   }
   
   /* === Styles flèches & texte === */
   
   /* Précédentes (droite) */
   .juju-alaune .pagination .alignleft a:before {
       font-family: inherit;
       font-size: 16px;
       margin-right: 6px;
       color: inherit;
   }
   .juju-alaune .pagination .alignleft a:after {
       content: "\f061"; /* flèche → */
       font-family: "Font Awesome 5 Free";
       font-weight: 900;
       font-size: 16px;
       margin-left: 6px;
       color: inherit;
       transition: transform 0.3s ease;
   }
   .juju-alaune .pagination .alignleft a:hover:after {
       transform: translateX(5px);
   }
   
   /* Suivantes (gauche) */
   .juju-alaune .pagination .alignright a:before {
       content: "\f060"; /* flèche ← */
       font-family: "Font Awesome 5 Free";
       font-weight: 900;
       font-size: 16px;
       margin-right: 6px;
       color: inherit;
       transition: transform 0.3s ease;
   }
   .juju-alaune .pagination .alignright a:after {
       font-family: inherit;
       font-size: 16px;
       color: inherit;
   }
   .juju-alaune .pagination .alignright a:hover:before {
       transform: translateX(-5px);
   }
   
   /* ===== Responsive tablette & mobile ===== */
   @media (max-width: 980px) {
       .juju-alaune .pagination {
           display: flex;
           flex-direction: column;
           align-items: center;
           gap: 12px;
       }
       .juju-alaune .pagination .alignleft,
       .juju-alaune .pagination .alignright {
           order: unset;
           text-align: center;
           width: 100%;
       }
       .juju-alaune .pagination a {
           min-width: 220px;
           border: 2px solid #884081;
           border-radius: 30px;
           padding: 10px 20px;
           font-size: 0;
           text-align: center;
       }
       .juju-alaune .pagination a:hover {
           background: #884081;
           color: #fff;
       }
       .juju-alaune .pagination .alignleft a:hover:after,
       .juju-alaune .pagination .alignright a:hover:before {
           color: #fff;
       }
   }

   

   
   /* ===============================
      Responsive
      =============================== */
   
   /* Tablette : afficher uniquement les 2 premiers posts */
   @media (max-width: 1024px) and (min-width: 768px) {
       .juju-alaune .et_pb_blog_grid .et_pb_post:nth-child(n+3) {
           display: none !important;
       }
   }