/* Scrinio skin for DSpace Angular (injected under /dspace-ui/) */
@import url("design-tokens.css");
@import url("scrinio-chrome.css");

body {
  font-family: var(--dl-font) !important;
  background: var(--dl-bg) !important;
}

/* Injected Scrinio chrome sits above Angular */
#dl-chrome {
  position: relative;
  z-index: 10050;
}

/*
 * Hide stock DSpace header / second menu entirely.
 * Scrinio .dl-header (+ search-band) replaces it — same pattern as VuFind.
 */
ds-header,
header.ds-header,
.ds-header-navbar,
nav.navbar.navbar-expand-md,
nav.navbar.navbar-light,
.navbar.navbar-expand-md.navbar-light,
header > nav.navbar,
ds-root-header,
#header-navbar,
.navbar-brand,
header .navbar {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Breadcrumb DSpace — ridondante sotto chrome Scrinio */
.main-content .breadcrumb,
ol.breadcrumb,
nav[aria-label="breadcrumb"],
ds-breadcrumbs,
.ds-breadcrumbs,
.breadcrumbs {
  display: none !important;
}

/* Cookie banner: non in dettaglio item; solo eventuale ingresso portale */
ds-cookies-banner,
.cookie-consent,
app-cookies-banner,
#cookie-consent,
.klaro,
.cc-window,
.notification-area ds-cookies-banner {
  display: none !important;
}

/* Footer stock DSpace → sostituito da #dl-site-footer */
ds-footer,
ds-themed-footer,
footer.text-lg-start,
.top-footer,
.bottom-footer {
  display: none !important;
}

/* Search boxes inside DSpace pages */
.ds-home-search input.form-control,
ds-search-form input,
.main-content input[type="search"],
.main-content input[type="text"].form-control {
  border-radius: var(--dl-radius) 0 0 var(--dl-radius) !important;
  border-color: var(--dl-line) !important;
  min-height: 44px;
  font-family: var(--dl-font);
}
.ds-home-search button,
ds-search-form button,
.main-content .btn-primary {
  background: var(--scrinio-brown) !important;
  border-color: var(--scrinio-brown) !important;
  border-radius: 0 var(--dl-radius) var(--dl-radius) 0 !important;
  min-height: 44px;
}

/* Result / list cards — align with .dl-result-card */
.list-group-item,
ds-listable-object-component-loader .list-group-item,
.item-list-title,
ds-item-search-result-list-element {
  font-family: var(--dl-font);
}
.list-group-item {
  border: 0 !important;
  border-bottom: 1px solid var(--dl-line) !important;
  padding: 0.9rem 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.list-group-item a.lead,
.item-list-title a,
h3 a {
  color: var(--dl-link) !important;
  font-weight: 600;
  font-size: 1.05rem;
}
ds-item-search-result-list-element .list-group-item::before,
.main-content .search-results .list-group-item::before {
  content: "Digitale";
  display: inline-block;
  width: fit-content;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.15rem 0.45rem;
  border-radius: var(--dl-radius);
  color: #fff;
  background: var(--dl-badge-digital);
  margin: 0 0.35rem 0.25rem 0;
  vertical-align: middle;
}
.badge,
span.badge {
  border-radius: var(--dl-radius) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase;
  background: var(--dl-badge-digital) !important;
}

.thumbnail img,
ds-thumbnail img,
.img-responsive {
  border-radius: var(--dl-radius);
  border: 1px solid var(--dl-line);
}

/* Item detail under chrome — same “dettaglio sotto” feel as VuFind */
.main-content,
ds-item-page,
.item-page-fields {
  font-family: var(--dl-font);
  max-width: var(--dl-content-max);
}
.main-content h1,
h1.h2,
.item-page-title-field h1 {
  color: var(--scrinio-blue-deep) !important;
  font-family: var(--dl-font);
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}
/* Hide DSpace breadcrumbs (Home › …) — detail under Search like VuFind */
.main-content .breadcrumb,
.main-content nav[aria-label="breadcrumb"],
ol.breadcrumb,
ds-breadcrumbs,
.ds-breadcrumbs,
nav.ds-breadcrumbs {
  display: none !important;
}
.main-content a {
  color: var(--dl-link);
}

/* Badge on item title row */
.item-page-title-field h1::before {
  content: "Digitale";
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.15rem 0.45rem;
  border-radius: var(--dl-radius);
  color: #fff;
  background: var(--dl-badge-digital);
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
  top: -0.15rem;
}