/* ==========================================================================
   Global imports (les @import doivent être en tout début de fichier)
   ========================================================================== */
@import url("ABSTRACT-A4.css");
@import url("FormStyle-1.css");

/* ==========================================================================
   Variables & reset léger
   ========================================================================== */
:root{
  --brand:#A53584;
  --brand-2:#8F549D;
  --ink:#000;
  --panel:#FCECD7;
  --box-shadow:1px 1px 12px #555;
  --title-bg:#111e41;
}

/* Evite les débordements sur petits écrans */
html{ box-sizing:border-box; }
*, *::before, *::after{ box-sizing:inherit; }

/* ==========================================================================
   Layouts généraux Register
   ========================================================================== */

.tableRegistration{
  width:100%;
  max-width:1170px;
}

/* Contenu principal */
#contenu{
  padding:10px;
  box-shadow:var(--box-shadow);
  min-height:400px;
}

/* Fond info bulles en rouge */
.registration .ajax__validatorcallout div, .registration .ajax__validatorcallout td {
    background-color: #ff2727;

}

tr.ajax__validatorcallout_popup_table_row {
display: none !important;
}

/* En-tête registration */
td#ctl00_registrationTopCell{
  background-image:url(https://overcome.key4events.com/images/client/729_top.jpg);
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.tdEnteteRegistrationTop{
  border:none;
  vertical-align:top;
  padding:0;
  height:315px; /* hauteur homogénéisée (315px était la valeur la + élevée) */
}

/* Variante explicite quand combinée avec l’id */
td#ctl00_registrationTopCell.tdEnteteRegistrationTop{
  background-size:contain;
}

/* Logo top (caché en mobile plus bas) */
.flagsTop{ top:0; }

/* Menu top */
.menu_top{ background-color:var(--brand); }

/* Pied de page */
div#footer{
  background-image:none !important;
  border-top:none !important; /* corrige "! important" => "!important" */
}

/* ==========================================================================
   Titres / rubriques / éléments divers
   ========================================================================== */
.TitreRubriqueBo, .TitreRubriqueV2, .AbstractTitle{
  display:block;
  padding:4px;
  background-color:var(--title-bg);
  color:#fff;
  font-size:16px;
}

/* Bandeaux abstracts */
#ctl00_Main_PnlSubmitterInfo,
#ctl00_Main_PnlSubmitterInfoBottom{
  background-color:var(--panel);
  color:#000;
  border:0;
  border-radius:0;
}

.AbstractAlreadyregistered,
.AbstractRegistration{
  border-color:#C0C0C0;
  border-radius:0;
  min-height:120px;
}
.AbstractSubmitterInfo{
  background-color:var(--panel);
  border:none;
  border-radius:0;
  padding:5px;
}

/* Divers */
#ctl00_Main_trfileprotectionagreement{ text-align:left !important; }
.fileprotectionagreement{ padding-left:155px; }
#ctl00_Main_PnlAbstract.step1{ min-height:175px; }

div.ConfirmBtns{ margin-top:75px !important; }

/* ==========================================================================
   Accessibilité / Menus
   ========================================================================== */
/* Remplace le texte du lien Registration par un ::after.
   Note : pour l’accessibilité, penser à ajouter aria-label côté HTML si possible. */
#MenuItem2 > a{
  font-size:0; /* masque le texte d'origine visuellement */
}
#MenuItem2 > a::after{
  content:"Conference registration";
  font-size:1.2rem;
  font-family:"BarlowSemiCondensed-Regular", Sans-serif;
  font-weight:400;
  color:inherit;
}

/* Cache l’item MenuItem1 si requis */
#MenuItem1 > a{ display:none !important; }

/* ==========================================================================
   Masquages ciblés (laisser uniquement ce qui est nécessaire)
   ========================================================================== */
/* cache une page dans la page */
div#ctl00_mainTableRegistration{ display:none; }

/* Cacher la rubrique ateliers sur le formulaire FO */
.row.rowRub5535{ display:none; }

/* BOUTON ABSTRACT TABLEAU MASQUÉ + deadline en ligne */
.cke_toolbar .cke_button__table,
.spanOnlineRegistrationDeadline{ display:none; }

/* Abstraits : caches des zones vides */
.abstractPreviewTitleAreaEmpty1,
.abstractPreviewTitleAreaEmpty2,
.abstractPreviewTitleAreaEmpty3,
.abstractPreviewTitleAreaEmpty4,
.abstractPreviewTitleAreaEmpty5,
.abstractPreviewTitleAreaEmpty6,
.abstractPreviewTitleAreaEmpty7,
.abstractPreviewTitleAreaEmpty8,
.abstractPreviewTitleAreaEmpty9,
.abstractPreviewTitleAreaEmpty10{ display:none; }

/* Déplacer l'info de quota */
#VldtrCallout_Quota_34_popupTable{ left:400px !important; }

/* FACTURES EN FRONT
   Décommentez pour masquer la liste des factures en FO :
   .tdLstInvoices{ display:none; }
*/

/* ==========================================================================
   Validator / Callout (ancien Ajax Control Toolkit)
   ========================================================================== */
.TitreGroupe .ajax__validatorcallout_popup_table{ left:300px !important; }

/* ==========================================================================
   Toggle (collapsible)
   ========================================================================== */

/* Conteneur */
.wrap-collabsible{
  margin:0 0 1.2rem 0; /* corrige "margin-bottom: 1.2rem 0;" invalide */
}

/* La case réelle : on utilise la classe .toggle pour cibler précisément */
.whiteDiv input[type='checkbox'].toggle{ display:none; }

.lbl-toggle{
  display:block;
  font-weight:bold;
  font-family:Montserrat-Regular, Arial, sans-serif;
  font-size:1.2rem;
  text-align:center;
  padding:1rem;
  color:#fff;
  background:var(--brand-2);
  cursor:pointer;
  border-radius:0;
  transition:all .25s ease-out;
  margin-bottom:3px;
}
.lbl-toggle:hover{ color:#363B29; }

.lbl-toggle::before{
  content:'';
  display:inline-block;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid currentColor;
  vertical-align:middle;
  margin-right:.7rem;
  transform:translateY(-2px);
  transition:transform .2s ease-out;
}

/* Flèche tournée quand ouvert */
.toggle:checked + .lbl-toggle::before{
  transform:rotate(90deg) translateX(-3px);
}

.collapsible-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease-in-out;
}

/* Une seule règle (supprime le doublon 200px/350px) */
.toggle:checked + .lbl-toggle + .collapsible-content{
  max-height:350px; /* ajustable */
}

.toggle:checked + .lbl-toggle{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.collapsible-content .content-inner{
  background:#FAFAFA;
  border-bottom:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  padding:.5rem 1rem;
}

/* Spécifiques abstraits */
#collapsible{ display:none; }
#ctl00_Main_ctl01_BtnNewAbstract{ display:none; }

/* ==========================================================================
   Boutons génériques
   ========================================================================== */
.CssButton{ color:var(--ink) !important; }

/* ==========================================================================
   Typo harmonisée pour multiples RUBRIQUE_B_XXXX
   ========================================================================== */
/* Regroupement au lieu de répéter 8 fois la même règle */
#RUBRIQUE_B_6125 > span,
#RUBRIQUE_B_6126 > span,
#RUBRIQUE_B_6128 > span,
#RUBRIQUE_B_6132 > span,
#RUBRIQUE_B_6135 > span,
#RUBRIQUE_B_6137 > span,
#RUBRIQUE_B_6144 > span,
#RUBRIQUE_B_6147 > span{
  font-size:15.2px;
}

/* ==========================================================================
   Champs / libellés spécifiques
   ========================================================================== */
#ctl00_Main_WbUsrCntrlAbstract_categoryName{ font-weight:bold; }

/* décalage libellé dîner à côté des sélecteurs de quantité */
#ctl00_Main_TcktFront_LABEL_QUANTITY_IT_CHCK64914{ padding-left:20px; }

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width:480px){

  .tdEnteteRegistrationTop{
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
    height:180px; /* cohérent et unique */
  }
  
  div#scroller {
  width: 100% !important;
  }

  /* Ajuste la table principale */
  .tableRegistration{
    width:100%;
    max-width:1170px;
  }

  /* Cache logo top en mobile */
  td#ctl00_registrationLogoTopCell.tdEnteteRegistrationLogo{ display:none; }

  .CssButton{ color:var(--ink) !important; }
  
  main article section > div > .block {
    padding: 1rem 0.5rem;
}


  /*Déplace les info bulles mobile*/
table.ajax__validatorcallout,.ajax__validatorcallout_popup_table {
    left: 220px !important;
}

.RadPicker {
    display:grid !important;
}
  
}