.top-bar, .top-bar ul {
  background-color: white;
}

.block-blockGroup.grid-span-2 {
    grid-column: span 1 !important;
}

.block-itemWithMetadata {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.block-itemWithMetadata .item-with-metadata,
.block-itemWithMetadata .resource.show,
.block-itemWithMetadata dl {
    width: 100% !important;
    max-width: 100% !important;
}




/* ==========================================================================
   Réorganisation de l'en-tête (Logo + Recherche en haut, Menu en dessous)
   ========================================================================== */
#content {
   border: 1px solid #eee;
}

body:not(.browse) #content {
  max-width: 73rem;
}

header {
  max-width: calc(76rem - 2rem);
  margin: auto;
}

header .top-bar {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
}

header .top-bar-left {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
}

header .site-title img {
    max-height: 75px;
    width: auto;
}

header .top-bar-right {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

header .search {
    order: -1; /* Remonte le bloc de recherche avant le menu */
    align-self: flex-end; /* Aligne la recherche à droite */
    margin-top: -60px; /* Remonte la recherche au niveau du logo */
    margin-bottom: 15px;
    padding-right: 15px;
}

/* Style du champ de recherche pour ressembler à l'ancien */
header .search .search-form {
    display: flex;
    gap: 5px;
}

header .search input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px 10px;
}

header .search .button {
    background-color: #0056b3;
    color: #ffffff;
    border-radius: 3px;
    padding: 6px 15px;
}

header .dropdown.menu {
    width: 100% !important;
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

header .dropdown.menu > li > a {
    font-weight: bold;
    color: #333;
    padding: 12px 20px;
}

header .dropdown.menu > li > a:hover {
    background-color: #e2e6ea;
}

.banner  {
    margin-top: -8px !important;
   margin-bottom: 0px !important;
}

/* Body*/
.resource-name {
   font-size: 17px !important;
}