/*Estils UAB*/

/* Eliminar les limitacions del container per al main-bar quan el header és inline */

/* --- NOVES MIDES DE LLETRA GLOBALS PER A TÍTOLS H1, H2, H3 --- */
h1, .h1-style {
  font-size: 2rem !important;
}

h2, .h2-style {
  font-size: 1.6rem !important;
}

h3, .h3-style {
  font-size: 1.3rem !important;
}
h3.reference-heading {

  font-size:3rem!important;
}
h3.reference-heading a {
  color: var(--primary);}
  
.o-icon-grid,.o-icon-list {
   color:var(--primary)!important}
   .o-icon-grid:hover,.o-icon-list:hover {
   color:var(--primary-dark)!important}
  
/* --- FI DE LES NOVES MIDES DE LLETRA --- */

.main-header--inline .main-header__main-bar.container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Logo posicionat al marge esquerre quan el header és inline */
.main-header--inline .main-header__site-title {
  margin-left: 15px !important;
  flex-shrink: 0 !important;
}

/* Fer el logo més petit */
.main-header--inline .main-header__site-title img,
.main-header--inline .main-header__site-title h1,
.main-header--inline .main-header__site-title a {
  max-height: 40px !important;
  line-height: 1.2 !important;
}

/* Navegació posicionada al marge dret quan el header és inline - COMPACTA */
.main-header--inline .main-navigation {
  margin-right: 15px !important;
  flex-shrink: 1;
  overflow: hidden;
}

/* --- ESTILS MILLORATS PER CONTROLAR ELS ELEMENTS DEL MENÚ SUPERIOR --- */
.main-header--inline .main-navigation .navigation {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: baseline;
  gap: 0;
}

.main-header--inline .main-navigation .navigation > li {
  flex-shrink: 0;
  margin: 0 !important;
}

.main-header--inline .main-navigation .navigation > li > a {
  white-space: nowrap;
  display: block;
  padding: 6px 0px !important;
  font-size: 0.9em !important;
  line-height: 1.2 !important;
  text-decoration: none;
  transition: all 0.2s ease;
}

.main-header--inline .main-navigation .navigation > li > ul,
.main-navigation .navigation > li > ul { /* Selector combinat */
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  box-shadow: inset 0px 3px 0px 0px var(--nav) !important;
}
.main-navigation .navigation>li>a::after {
  background-color:var(--menu)!important;
}

/* --- FI DELS ESTILS MILLORATS PER AL MENÚ SUPERIOR --- */

body.main-header--inline .banner {
  /* position: sticky!important;
  /* top: 60px !important; 
  /* z-index: 1 !important; */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Mantingues si vols l'ombra */
}

body.main-header--center .banner {
  /* position: sticky!important;
  /* top: 165px !important;
  /* z-index: 1 !important; <-- Ja no és necessari */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Mantingues si vols l'ombra */
}

/* --------BANNER-----------------*/
.banner.has-text::before {
    content: "";
    position: absolute;
    background-color: transparent!important;
    opacity: .6;
    width: 100%;
    height: 100%;
    z-index: 1
}
.banner__content.banner__content--left {
  left:15%;
}
.banner__heading {font-size:4em!important}

/* --- CONTENIDOR CENTRAL DE LA PÀGINA MILLORAT AMB PROGRESSIÓ DE MARGES --- */
/* Desktop gran (e.g. >1400px, o per defecte) - Valors base */
.site-main-content-wrapper,
body .site-main-content-wrapper,
main .site-main-content-wrapper,
#content,
#main-content,
.main-content,
.page-content,
#main,
.content-wrapper {
  width: 85% !important; /* AJUSTAT: Amplada base per a pantalles grans (de la segona declaració) */
  max-width: 1200px !important; /* Mantenim un màxim per a llegibilitat */
  margin: 0 auto !important;
  margin-bottom:60px!important;
  padding: 10px 20px 0 20px !important; /* Padding base actual */
  box-sizing: border-box !important;
}

.site-main-content-wrapper > *:first-child,
#main-content > *:first-child,
.main-content > *:first-child,
.page-content > *:first-child,
#main > *:first-child,
.content-wrapper > *:first-child {
  margin-top: 15px !important; /* Afegit des de la segona secció de contenidor central */
}
/* --- FI DELS NOUS ESTILS PER AL CONTENIDOR CENTRAL --- */

.main-footer__bottom {
  background-color:#000000!important;
}

.pagination-range a:hover,
.pagination-range a:focus {
  background-color: var(--primary)!important;
  color: #fff!important;
  border-color: var(--primary);
}

/*=========PÀGINES DE TEXT======================*/


blockquote {
  display: inline-block; /* Això fa que s'ajusti al contingut */
  border-left: 3px solid var(--accent);
  box-shadow: 0px 1px 8px rgba(51, 51, 51, .25);
  font-style: italic;
  padding: 20px 25px 20px 60px;
  position: relative;
  margin: 1rem 0 1.5rem;
}

blockquote::before {
  /* Manté el símbol de les cometes a la cantonada superior esquerra */
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--accent);
  font-size: 2rem;
  left: 10px;
  position: absolute;
  top: 0px;
}






/*=========CANVIS EN EL QUADRE CLASSIFICACIÓ (hierarchy) =========*/
.hierarchy-item-sets{display:none;}
.hierarchy-items > .browse-controls:first-of-type .pagination {display:none}
.hierarchy-items > .browse-controls:first-of-type .sorting{display:}
.hierarchy-items > h3 {margin:0px}

/* === CANVIS BROWSE ITEM-SET === */
/*La plantilla Freedom ens deixa posar molts elements informatius
a la capcalera dels Item-set.  Si escollim no posar-ne cap, queda un
espai buit molt molest.  Faig aquesta classe per eliminar-lo*/
.regions-container:not(:has(*)) {
    display:none  ;
}

/* === CANVIS BROWSE ITEM-LIST === */

.hierarchy-items > .resource-list > .item.resource > .resource__body {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita a 2 línies */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display:none;
}

/* === INICI CANVIS PER A CERCA AVANÇADA === */
#advanced-search-form-wrapper {
  width: 85%; /* Prenem aquest de la primera declaració, ja que la segona duplicada tenia 100% i un comentari indicant que era "sense els canvis" */
  max-width: none;
  margin: 10px auto; /* Prenem aquest de la primera declaració */
  padding: 15px; /* Prenem aquest de la primera declaració */
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

#advanced-search-form h2,
#advanced-search-form .heading {
  color: #333;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}

#advanced-search-form .field:last-of-type {
  border-bottom: none !important;
}

#advanced-search-form .field {
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  padding: 3px 6px !important;
  margin-bottom: 5px !important;
  border-bottom: none !important;
}

#advanced-search-form .field .field-meta {
  flex-basis: 100px !important;
  flex-shrink: 0;
  padding-right: 10px !important;
  padding-left: 10px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
}

#advanced-search-form .field .field-meta label {
  color: #333 !important;
  font-weight: bold !important;
  display: block;
  margin-bottom: 0;
  font-size: 0.92em;
  line-height: 1.4;
}

#advanced-search-form .field .inputs {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  padding-left: 5px !important;
  padding-right: 0px !important;
}

/* Estils generals per a inputs, selects, etc. dins del formulari */
#advanced-search-form input[type="search"],
#advanced-search-form input[type="text"],
#advanced-search-form input[type="number"],
#advanced-search-form select,
#advanced-search-form .chosen-container .chosen-choices,
#advanced-search-form .chosen-container .chosen-single {
  width: 100% !important;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  font-size: 0.9em;
  min-height: 38px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Estil més específic per als inputs de text, search i number per ajustar alçada */
#advanced-search-form input[type="search"],
#advanced-search-form input[type="text"],
#advanced-search-form input[type="number"] {
  padding: 5px 8px !important;
  min-height: auto !important;
  height: auto !important;
}

#advanced-search-form select[multiple] {
  padding: 8px;
  min-height: 120px;
  background-image: none !important;
}

#advanced-search-form select[multiple]:focus {
  border-color: #888;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(136, 136, 136, 0.2);
}

#advanced-search-form select[multiple]::-webkit-scrollbar {
  width: 10px;
}

#advanced-search-form select[multiple]::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 0 4px 4px 0;
}

#advanced-search-form select[multiple]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
  border: 2px solid #f5f5f5;
}

#advanced-search-form select[multiple]::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}

#advanced-search-form select:not([multiple]):not(.chosen-select):not(.chosen-processed) {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l128%20128c3.6%203.6%207.8%205.4%2013%205.4s9.4-1.8%2013-5.4l128-128c3.6-3.6%205.4-7.8%205.4-13%200-5-1.8-9.4-5.4-13z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 9px 9px !important;
  padding-right: 35px !important;
}

#advanced-search-form .chosen-container {
  position: relative;
  background-image: none !important;
  width: 100% !important;
}

#advanced-search-form .chosen-container .chosen-single {
  padding: 10px 35px 10px 15px !important;
  background-image: none !important;
  line-height: normal;
}

#advanced-search-form .chosen-container-multi .chosen-choices {
  padding: 8px 35px 8px 12px !important;
}

#advanced-search-form fieldset {
  border: none;
  padding: 12px 0 0 0;
  margin: 12px 0;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

#advanced-search-form fieldset:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

#advanced-search-form fieldset legend {
  color: #000 !important;
  font-weight: bold;
  font-size: 1.15em;
  margin-bottom: 10px;
  padding: 0;
  border: none;
}

#advanced-search-form fieldset.filter {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  border: 1px solid #e0e0e0;
  padding: 12px;
  border-radius: 4px;
  background: #f9f9f9;
  margin-top: 0;
  align-items: baseline;
}

#advanced-search-form fieldset.filter > select,
#advanced-search-form fieldset.filter > input[type="text"],
#advanced-search-form fieldset.filter > .chosen-container {
  flex: 1;
  min-width: 120px;
  margin: 0;
}

#advanced-search-form fieldset.filter > input[type="text"] {
  flex: 2.5;
  min-width: 200px;
}

#advanced-search-form fieldset[data-field-type="daterange"] {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

#advanced-search-form fieldset[data-field-type="daterange"] .field {
  border-bottom: none;
  padding: 0;
  margin-bottom: 0;
}

#advanced-search-form fieldset[data-field-type="daterange"] .inputs {
  display: flex;
  gap: 15px;
  align-items: baseline;
}

#advanced-search-form fieldset[data-field-type="daterange"] .inputs .field {
  flex: 1;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

#advanced-search-form fieldset[data-field-type="daterange"] .inputs .field .field-meta {
  flex-basis: auto;
  padding-right: 0;
  font-size: 0.85em;
  font-weight: normal;
}

#advanced-search-form .search-form-buttons {
  text-align: right;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}

#advanced-search-form .search-form-buttons input[type="submit"],
#advanced-search-form .search-form-buttons button {
  padding: 10px 20px;
  font-size: 1em;
}
/* === FI CANVIS PER A CERCA AVANÇADA === */

.NewSearch {
  margin-bottom: 12px;
  text-align: right;
}

#search-page .resource-thumbnail img,
#search-page .resource-thumbnail {
  display: none !important;
}

#search-page .search-results-wrapper {
  display: flex !important;
  gap: 20px !important;
  align-items: flex-start !important;
}

#search-page .search-facets {
  width: 30% !important;
  flex: 0 0 30% !important;
  max-width: 30% !important;
  min-width: 300px;
  border-right: 1px solid #ddd !important;
  padding-right: 20px !important;
}

#search-page .search-results {
  width: 70% !important;
  flex: 0 0 70% !important;
  max-width: 70% !important;
  padding-left: 20px !important;
}

#search-page .resource h4,
#search-page .resource h4 a,
#search-page .resource-metadata h4,
#search-page .resource-metadata h4 a {
  font-size: 16px !important;
  font-weight: normal !important;
  margin-bottom: 8px !important;
}

#search-page .resource.items {
  display: flex !important;
  margin-bottom: 15px !important;
  padding: 12px !important;
  border-bottom: 1px solid #eee !important;
}

#search-page .resource-metadata {
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#search-page .resource .description {
  color: #666 !important;
  margin-top: 5px !important;
}

#search-page .search-facets h3,
#search-page .search-facets h4 {
  font-weight: bold !important;
  margin-bottom: 10px !important;
  color: #333 !important;
}

#search-page .search-facet-items {
  margin-bottom: 20px !important;
}

#search-page .search-facet-item {
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

#search-page .search-facet-item input[type="checkbox"] {
  margin: 2px 0 0 0 !important;
  flex-shrink: 0 !important;
}

#search-page .search-facet-item label {
  font-size: 13px !important;
  margin: 0 !important;
  flex: 1 !important;
}

#search-page .apply-facets button {
  padding: 8px 15px !important;
  margin: 0 10px 15px 0 !important;
}

#search-page .search-facet {
  margin-bottom: 25px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

#search-page .search-facet:last-child {
  border-bottom: none !important;
}


/* Estils per al bloc Reference amb botons en línia */

.reference-block-buttons #reference-headings {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin: 20px 0 !important;
    line-height: 1.2 !important;
}

.reference-block-buttons #reference-headings .reference-heading {
    margin: 0 !important;
    display: inline-block !important;
}


/* Amaga el text original, sense tocar la tipografia del contenidor */
a[href*="1900%2F1999"] > span.reference-label,
a[href*="2000%2F2099"] > span.reference-label,
a[href*="0000%2F0000"] > span.reference-label {
  font-size: 0;
}

/* Mostra el text nou amb la mateixa tipografia que tindria el text original */
a[href*="1900%2F1999"] > span.reference-label::before {
  content: "   19--?   ";
   white-space: pre; 
   font-size: 0.9rem;
color: #333;
}

a[href*="2000%2F2099"] > span.reference-label::before {
  content: "   20--?   ";
  white-space: pre; 
   font-size: 0.9rem;
   color: #333;
}
a[href*="0000%2F0000"] > span.reference-label::before {
  content: "Desconeguda";
   font-size: 0.9rem;
   color: #333;
}

a[href*="1900%2F1999"]:hover > span.reference-label::before, a[href*="2000%2F2099"]:hover > span.reference-label::before, a[href*="0000%2F0000"]:hover > span.reference-label::before {
    color: white;
}

/* 2) Ordre per defecte */ 
#reference-headings.references-list > li { order: 0; } 
/* 3) Posem Desconeguda el primer (pot ser més d’un) */ 
#reference-headings.references-list > li:has(> a[href*="0000%2F0000"]) { order: -3; } 
/* (Opcional) Altres “pseudo etiquetes” especials abans de la resta */
#reference-headings.references-list > li:has(> a[href*="1900%2F1999"]) { order: -2; } 
#reference-headings.references-list > li:has(> a[href*="2000%2F2099"]) { order: -1; }

a.metadata-browse-direct-link[href*="0000/0000"],a.metadata-browse-direct-link[href*="1900/1999"],a.metadata-browse-direct-link[href*="2000/2099"] {
    /* Amaga el text original */
    font-size: 0;
    line-height: 0;
    color: transparent;
}
a.metadata-browse-direct-link[href*="0000/0000"]::before {
    /* Mostra el nou text */
    content: "Data desconeguda";
}
a.metadata-browse-direct-link[href*="1900/1999"]::before{
    /* Mostra el nou text */
    content: "19--?";
}
a.metadata-browse-direct-link[href*="2000/2099"]::before {
    /* Mostra el nou text */
    content: "20--?";
}  
a.metadata-browse-direct-link[href*="0000/0000"]::before,a.metadata-browse-direct-link[href*="0000/0000"]::before,a.metadata-browse-direct-link[href*="2000/2099"]::before {

    /* Restaura els estils del text */
    font-size: 1rem;
    line-height: 1.5;
    color: #394f68;
    text-decoration: underline;
}


/* Estil de botó adaptatiu aplicat directament als enllaços */
.reference-block-buttons a,
.reference-block-buttons #reference-headings a,
.reference-block-buttons .reference-heading a {
    display: inline-block !important;
    padding: 10px 18px !important;
    border: 1px solid var(--primary) !important;
    background: transparent !important;
    color: var(--primary-dark) !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

.reference-block-buttons a:hover,
.reference-block-buttons #reference-headings a:hover,
.reference-block-buttons .reference-heading a:hover {
    background: var(--primary) !important;
    color: white !important;
    border-color: var(--primary-dark) !important;
}

/* Responsive - en pantalles petites, botons més petits */
@media screen and (max-width: 768px) {
    .reference-block-buttons #reference-headings {
        gap: 12px !important;
    }
    
    .reference-block-buttons a,
    .reference-block-buttons #reference-headings a,
    .reference-block-buttons .reference-heading a {
        padding: 8px 14px !important;
        font-size: 0.8rem !important;
    }
}

/* Responsive - en pantalles petites, botons més petits */
@media screen and (max-width: 768px) {
    .reference-block-buttons #reference-headings {
        gap: 8px;
    }
    
    .reference-block-buttons #reference-headings .reference-heading a {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}

/* ========== RESPONSIVE ADJUSTMENTS AMB PROGRESSIÓ DE MARGES ========== */

/* Desktop mitjà (1400px - 1201px) */
@media (max-width: 1400px) and (min-width: 1201px) {
  .site-main-content-wrapper,
  body .site-main-content-wrapper,
  main .site-main-content-wrapper,
  #content,
  #main-content,
  .main-content,
  .page-content,
  #main,
  .content-wrapper {
    width: 85% !important;
    padding: 8px 15px 0 15px !important;
  }
}

/* Desktop compacte (1200px - 993px) */
@media (max-width: 1200px) and (min-width: 993px) {
  .site-main-content-wrapper,
  body .site-main-content-wrapper,
  main .site-main-content-wrapper,
  #content,
  #main-content,
  .main-content,
  .page-content,
  #main,
  .content-wrapper {
    width: 85% !important;
    padding: 5px 15px 0 15px !important;
  }
}

/* Tablet (992px - 769px) */
@media (max-width: 992px) and (min-width: 769px) {
  .site-main-content-wrapper,
  body .site-main-content-wrapper,
  main .site-main-content-wrapper,
  #content,
  #main-content,
  .main-content,
  .page-content,
  #main,
  .content-wrapper {
    width: 90% !important;
    padding: 5px 10px 0 10px !important;
  }
}

/* Mòbil (768px - 481px) */
@media (max-width: 768px) and (min-width: 481px) {
  .site-main-content-wrapper,
  body .site-main-content-wrapper,
  main .site-main-content-wrapper,
  #content,
  #main-content,
  .main-content,
  .page-content,
  #main,
  .content-wrapper {
    width: 92% !important;
    margin: 0 auto !important;
    padding: 5px 8px 0 8px !important;
  }

  .main-header--inline .main-header__main-bar.container {
    height: 45px !important;
  }

  .main-header--inline .main-navigation .navigation > li > a {
    padding: 2px 2px !important;
  }

  body.main-header--inline .banner {
    top: 0px !important;
  }

  #advanced-search-form .field {
    flex-direction: column;
    align-items: stretch !important;
    padding: 4px 12px !important;
    /* border-bottom: none !important; Ja definit globalment, però es pot mantenir si hi ha una raó específica per a aquest breakpoint */
    margin-bottom: 8px !important;
  }

  #advanced-search-form .field .field-meta {
    flex-basis: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 6px !important;
    align-items: flex-start !important;
  }

  #advanced-search-form .field .inputs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #advanced-search-form fieldset.filter {
    flex-wrap: wrap;
  }

  #advanced-search-form fieldset.filter > select,
  #advanced-search-form fieldset.filter > .chosen-container {
    min-width: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
  }

  #advanced-search-form fieldset.filter > input[type="text"] {
    min-width: 100%;
    flex-basis: 100%;
  }

  #advanced-search-form fieldset[data-field-type="daterange"] .inputs {
    flex-direction: column;
    gap: 10px;
  }

  #search-page .search-results-wrapper {
    flex-direction: column !important;
  }

  #search-page .search-facets,
  #search-page .search-results {
    width: 100% !important;
    flex: none !important;
    max-width: none !important;
    border-right: none !important;
    padding: 0 !important;
  }

  #search-page .search-facets {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 15px !important;
    min-width: auto !important;
  }
}

/* Mòbil petit (480px i menys) */
@media (max-width: 480px) {
  .site-main-content-wrapper,
  body .site-main-content-wrapper,
  main .site-main-content-wrapper,
  #content,
  #main-content,
  .main-content,
  .page-content,
  #main,
  .content-wrapper {
    width: 95% !important;
    margin: 0 auto !important;
    padding: 5px 5px 0 5px !important;
  }

  .main-header--inline .main-header__main-bar.container {
    height: 45px !important;
  }

  .main-header--inline .main-header__site-title img,
  .main-header--inline .main-header__site-title h1,
  .main-header--inline .main-header__site-title a {
    max-height: 35px !important;
  }

  .main-header--inline .main-navigation .navigation > li > a {
    padding: 1px 1px !important;
  }

  body.main-header--inline .banner {
    top: 45px !important;
  }

  #search-page .search-facets {
    min-width: 250px !important; /* Potser volies dir auto o un valor més petit? 300px era l'original */
  }

  #search-page .search-results-wrapper {
    gap: 15px !important;
  }

  #advanced-search-form-wrapper {
    margin: 2px auto !important;
    padding: 15px !important;
  }

  #advanced-search-form .field {
    padding: 3px 8px !important;
  }
}

/*=============== CANVIS EN L'ESTIL DELS BOTONS=========================*/

.language {
    display: inline-block;
    background-color: var(--primary);
    border-radius: 3px;
    color: var(--primary-text); /* MODIFICADO: Antes #fff */
    font-family: "Open Sans",sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    padding: 5px;
    vertical-align: top;
}

button,
.button,
input[type=button],
input[type=reset],
input[type=submit] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    background-color: var(--primary);
    border: none;
    color: var(--primary-text); /* MODIFICAT: Abans #fff */
}

button:hover:not(.disabled),
.button:hover:not(.disabled),
input[type=button]:hover:not(.disabled),
input[type=reset]:hover:not(.disabled),
input[type=submit]:hover:not(.disabled) {
    background-color: var(--primary-dark);
    color: var(--primary-text); /* MODIFICAT: Abans #fff  */
}

button.btn--secondary:hover:not(.disabled),
.button.btn--secondary:hover:not(.disabled),
input[type=button].btn--secondary:hover:not(.disabled),
input[type=reset].btn--secondary:hover:not(.disabled),
input[type=submit].btn--secondary:hover:not(.disabled) {
    background-color: var(--primary);
    color: var(--primary-text); /* MODIFICAT: Abans #fff */
}

button.add-value:hover,
button.add-value:focus,
button.remove-value:hover,
button.remove-value:focus {
    background-color: var(--primary) !important;
    color: var(--primary-text) !important; /* MODIFICAT: Abans #fff !important */
}

input[type=checkbox]:checked {
    border: 2px solid var(--primary);
    background-color: var(--primary);
    color: var(--primary-text); /* MODIFICAT: Abans #fff */
}

#advanced-search .field .numeric-toggle-time:hover {
    background-color: var(--primary);
    color: var(--primary-text); /* MODIFICAT: Abans #fff */
}

.faceted-browse-page #section-sidebar button.close-button,
.block-facetedBrowsePreview #section-sidebar button.close-button {
    background-color: var(--primary);
}

.browse-controls .permalink:hover:not(.disabled) {
    background-color: var(--primary);
    color: var(--primary-text); /* MODIFICAT: Abans #fff */
}