/*
 * @package rnfleet_core
 * @author Loïc Vinet from Pantagram
 * @see https://github.com/BnF-Partenariats/Rn_fleet
 *
 * @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: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #003556; /* Couleur de fond */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Ombre légère */
  z-index: 500; /* Z-index inférieur à la toolbar admin (501) */
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* Décalage quand la toolbar admin horizontale est présente */
body.toolbar-horizontal .user-toolbar {
  top: 39px;
}

body.toolbar-horizontal.toolbar-tray-open .user-toolbar {
  top: 79px;
}

/* Décalage quand la toolbar admin verticale est présente */
body.toolbar-vertical .user-toolbar,
body.toolbar-vertical.toolbar-tray-open .user-toolbar {
  top: 39px;
}

/* 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;
}

span.nb_user_database a,
span.nb_organization_database a{
  color: #505050;
  font-weight: bold;
  text-decoration: none;
}

body{
  margin-top:60px;
}

/* Ajustement du margin-top quand la toolbar admin horizontale est présente */
body.toolbar-horizontal{
  margin-top: 99px;
}

body.toolbar-horizontal.toolbar-tray-open{
  margin-top: 139px;
}

/* Ajustement du margin-top quand la toolbar admin verticale est présente */
body.toolbar-vertical,
body.toolbar-vertical.toolbar-tray-open{
  margin-top: 99px;
}

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;
}


body.sidebar-open .region-meta {
  display: none !important;
}

body.sidebar-open .layout-region--content {
  width: 100% !important;
  max-width: 100% !important;
}

.custom-header.profile{
  width:100%;
}

/* Giftcard display panel - ACHETEUR */
.giftcard-buyer-panel {
  background-color: #f9f9f9;
  border: 1px solid #c8e6c9;
  border-radius: 4px;
  padding: 1em;
  margin-bottom: 1em;
}

/* Giftcard display panel - BENEFICIAIRE */
.giftcard-recipient-panel {
  background-color: #faf3fc;
  border: 1px solid #f8bbd0;
  border-radius: 4px;
  padding: 1em;
  margin-bottom: 1em;
}
.giftcard-recipient-panel .panel__title{
  background-color: #b997a4;
}

.giftcard-buyer-panel .panel__title{
  background-color: #caccac;
}
.giftcard-panel-title {
  font-weight: bold;
  margin-bottom: 0.5em;
}