/*
 * @package rncontainer_core
 * @author Loïc Vinet from Pantagram
 * @see https://github.com/BnF-Partenariats/retronews-cms
 *
 * @version 1.0.0
 * @date 2024-09-01
 * @license GPL-2.0-or-later
 *
 * @year 2024
 * Tous droits réservés.
 */


.square-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* Ratio 1:1 pour créer un carré */
}

.square-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc; /* Couleur de fond gris */
}

.empty-value{
  color: #CCC;
  font-weight: normal;
}

/* Styles pour le menu burger */
.claro-mobile-menu {
  position: absolute;
  right: 40px;
  top: 12px;
  /*background-color: #d0cfcf;*/
  background-color: white;
  border-radius: 20px;
  /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);*/
}


.claro-mobile-menu-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
}

.claro-mobile-menu-icon::before {
  content: "\2630"; /* Utilisez un caractère d'icône burger approprié */
  font-size: 24px;
}

.claro-mobile-menu-links {
  display: none;
  position: absolute;
  top: 90px;
  width: 300px;
  right: 50px;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1000;
  list-style: none;
}

.claro-mobile-menu-links li a{
  display:block;
  width:100%;
  text-decoration: none;
  color: inherit;
  font-size:0.9rem;
  font-weight: bold;
  line-height:28px;
}

.header-logo{
  display:inline-block;
  font-size: 2rem;
}

.header-logo a{
  color: white;
  text-decoration: none;
}

.header-logo a:hover{
  color: white;
  text-decoration: none;
}

.claro-mobile-menu-links li:hover{
  background-color: #0073e6;
  color:white !important;
}

.claro-mobile-menu-links.active {
  display: block;
}



.content-header{
  margin-top:56px
}
.path-admin .content-header{
  margin-top:0px
}


/* Style pour la barre d'outil */
.user-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #5d0000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 900;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* Style pour le contenu de la barre d'outil */
.user-toolbar-content {
  max-width: 2200px; /* Largeur maximale du contenu */
  margin: 0 auto; /* Centrage du contenu */
  padding: 10px 20px; /* Espacement intérieur */
  display: flex;
  justify-content: space-between; /* Alignement des éléments à l'extrémité */
  align-items: center; /* Centrage vertical */
}

/* Style pour le champ de recherche */
.user-search {
  flex: 2; /* Expansion du champ de recherche */
  margin-right: 20px; /* Marge à droite */
  height:48px;
}

.user-search input {
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: 4px;
}


/* Style pour le titre */
.user-title {
  color: #fff; /* Couleur du texte */
  flex: 1; /* Expansion du titre */
  margin-left:28px;
}

.user-title h1 {
  margin: 0;
}

/* Style pour le bouton burger */
.user-burger {
  flex: 0; /* Pas d'expansion du bouton burger */
}

/*recherche */

#views-exposed-form-rnfleet-megasearch-global .views-exposed-form__item.views-exposed-form__item{
  margin: 0px !important;
}
#views-exposed-form-rnfleet-megasearch-global{
  margin-top: 0em !important;
}
.user-search .views-exposed-form.views-exposed-form{
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block;
  margin-block: 0 !important;
  padding: 0 !important;
}
.block-views-exposed-filter-blockrnfleet-megasearch-global h2{display:none}
.block-views-exposed-filter-blockrnfleet-megasearch-global .form-item{margin:0px}
.block-views-exposed-filter-blockrnfleet-megasearch-global .claro-autocomplete{width:100%}
.search-api-autocomplete-search{
  z-index:1982;
}
#edit-submit-rnfleet-megasearch{display:none}


.view_profile_attribus_small_picto_valide{
  height:30px;
  filter:grayscale(100%);
}

.view_profile_attribus_small_picto_unknow{
  height:30px;
}

.view_profile_attribus_small_picto_essayiste{
  height:30px;
}

.view_profile_attribus_small_picto_client{
  height:30px;
}


.view_profile_attribus_large_picto_valide{
  height:60px;
  filter:grayscale(100%);
  margin-right: 10px;
}

.view_profile_attribus_large_picto_unknow{
  height:60px;
}

.view_profile_attribus_large_picto_essayiste{
  height:60px;
}

.view_profile_attribus_large_picto_client{
  height:60px;
}

.profile-attribute-container{
  display: flex;
  align-items: center; /* Ceci centrera verticalement tous les éléments enfants */
}

.view_profile_label {
  font-size: 80%;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 25px;
}


.view-profile-content  .accreditation-paragraph .form-item__label,
.view-profile-content .profile-item .form-item__label,
.view-organization-content .organization-item .form-item__label{
  display: inline-flex;
  width:160px;
  color: #666;
}
.view-profile-content  .accreditation-paragraph .form-item__value,
.view-profile-content .profile-item .form-item__value,
.view-organization-content .organization-item .form-item__value{
  display: inline-flex;
}

.admin-item-lastlogin{
  padding: 0.75em 1.5em 0.75em 1.5em;
}

.rnfleet-footer{
  text-align: center;
  color: #989898;
  font-size: 0.7em;
}

.rnfleet-pre-footer{
  margin-top:75px;
}

@media screen and (max-width: 768px) {
  .user-toolbar-content {
    /*flex-direction: column;*/
  }

  .claro-mobile-menu{
    right:29px;
  }

  .user-search {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .user-title {
    display: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
}


.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: none !important;
  box-shadow: none !important;
}


.button--button-red{
  background-color: #ad0000 !important;
  color:white !important;
}






.custom-radio {
  margin-right: 20px; /* Ajoute un peu d'espace entre les boutons radio */
}

.custom-radio-input {
  margin-right: 5px; /* Ajuste l'espace entre le bouton radio et son label */
}

.custom-radio-label {
  /* Si vous avez besoin de styles supplémentaires pour le label */
}

.ck.ck-powered-by__label {
  display: none;
}
/*.ck.ck-icon.ck-reset_all-excluded{
  display: none;
}*/

.content-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ddd;
}
.content-toolbar-section {
  display: flex;
  align-items: center;
}
.content-toolbar-section button {
  padding: 8px 16px;
  margin: 0 5px;
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.content-toolbar-section button:hover, .content-toolbar-section button.active {
  background-color: #ddd;
}
.article-inline{
  display: inline !important;
}
@media screen and (max-width: 992px) {
  .content-toolbar {
    display: block; /* Affiche les boutons radio en bloc */

  }
  .content-toolbar-section button{
    font-size:10px !important;
  }
  .content-toolbar-section label{
    display:none !important;
  }
}

.content-context-all{
  color: #676767;
}
.content-context-media{
  color: #ff9900;
}
.content-context-edu{
   color: #00a6ff;
}

.content-context-all, .content-context-media, .content-context-edu, .copy-button{
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.fa-inline{
  display: table-cell !important;
}

.context-center{
  justify-content:center !important;
}


.content-toolbar-section button.disabled {
  opacity: 0.6; /* Rend le bouton visuellement désactivé */
  cursor: not-allowed; /* Change le curseur pour indiquer que l'action n'est pas autorisée */
}


#json-container{
  font-size: 75%;
}


.panel_status_cache_api,
.panel_documentation_api,
.panel_routes_settings
{
  display: flex;
  flex-direction: column;
}

.cache-status,
.documentation_api,
.routes_settings_panel_content{
  display: flex;
  align-items: center; /* Alignement vertical des enfants */
}

.icon {
  /*margin-right: 15px;*/
  width:60px;
}

.status-text,
.documentation-text,
.routes-settings-text{
  flex: 1; /* Permet au texte de prendre l'espace restant */
}

.cache-status-false i {
  font-size: 200%;
  color: #dc9002; /* Couleur rouge pour les erreurs */
}

.cache-status-true i {
  font-size: 200%;
  color: #428800; /* Couleur rouge pour les erreurs */
}

.documentation_api i {
  font-size: 200%;
}

.routes_settings_panel_content i {
  font-size: 200%;
  color : #ff9900;
}


.view-rncontent-most-viewed {
  border-radius: 10px;
  /* Application d'une ombre portée uniquement en bas */
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
}
.view-rncontent-most-viewed.view-display-id-media{
  border: 5px solid #ff9900 !important;
  margin-top:0 !important;
}

.view-rncontent-most-viewed.view-display-id-edu{
  border: 5px solid #00a6ff !important;
}

.view-rncontent-most-viewed.view-display-id-media thead tr{
  background-color: white !important;
}

.view-rncontent-most-viewed.view-display-id-media thead tr th {
  background: inherit;
}

.view-rncontent-most-viewed.view-display-id-edu thead tr{
  background-color: white !important;
}

.view-rncontent-most-viewed.view-display-id-edu thead tr th {
  background: inherit;
}

.view-rncontent-most-viewed thead tr{
  font-weight: normal;
  font-size: 70%;
  color: white !important;
  white-space: nowrap;
}

.most_viewed_context-media {
  padding-left:25px;
  text-align: left;
  font-weight: normal;
  display:block;
  width:200px;
  position:relative;
  left:55px;
  top:2px;
  background-color: #ff9900;
  border-radius: 5px 5px 0px 0px;
  border: 3px solid #ff9900 !important;
  color:white;
}

.most_viewed_context-edu {
  padding-left:25px;
  text-align: left;
  font-weight: normal;
  display:block;
  width:200px;
  position:relative;
  left:55px;
  top:2px;
  background-color: #00a6ff;
  border-radius: 5px 5px 0px 0px;
  border: 3px solid #00a6ff !important;
  color:white;
}

.custom-promo-block-inline {
  display: flex;
  align-items: center;
  gap: 10px; /* Espacement entre les champs */
}

.custom-promo-block-inline .form-item {
  margin-bottom: 0; /* Évite les marges indésirables */
}

.rncontent-footer{
  text-align: center;
  color: #989898;
  font-size: 0.7em;
}

.rncontent-pre-footer{
  margin-top:75px;
}

.gin--navigation{
  margin-top:80px;
}

body{
  margin-top:60px;

}

body.toolbar-fixed{
  margin-top: 0 !important;
}



.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
.gin--edit-form .page-wrapper__node-edit-form .node-confirm-form,
.gin--edit-form .page-wrapper__node-edit-form .admin-list,
.gin--edit-form .page-wrapper__node-edit-form .help  {
  max-width: inherit !important;
}