/* =========================================================
   OMEKA S ICONS (NO SVG, NO DATA URL, ROBUST SELECTORS)
   Items: 📄
   Fonds (Item sets pages): brown folder (pure CSS)
   ========================================================= */

/* 1) Default icon (items + general resource lists): document */
.resource-list .resource > a::before,
.resource-list .resource h2 a::before,
.resource-list .resource h3 a::before,
.resource-list .resource h4 a::before,
.resource-list .resource .resource-name a::before,
.resource-list .resource .resource-title a::before {
  content: "📄";
  display: inline-block;
  margin-right: .55rem;
  opacity: .9;
  transform: translateY(1px);
}

/* 2) Fonds pages (item sets): override to a BROWN FOLDER (guaranteed color) */
body[class*="item-set"] .resource-list .resource > a::before,
body[class*="item-set"] .resource-list .resource h2 a::before,
body[class*="item-set"] .resource-list .resource h3 a::before,
body[class*="item-set"] .resource-list .resource h4 a::before,
body[class*="item-set"] .resource-list .resource .resource-name a::before,
body[class*="item-set"] .resource-list .resource .resource-title a::before {
  content: "";
  width: 1.05em;
  height: .85em;
  display: inline-block;
  margin-right: .55rem;
  opacity: .95;
  transform: translateY(2px);

  /* folder tab + body */
  background:
    linear-gradient(#b07a45, #b07a45) .15em .10em / .55em .20em no-repeat,
    linear-gradient(#8B5A2B, #8B5A2B) 0 .28em / 100% calc(100% - .28em) no-repeat;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 2px;
  box-sizing: border-box;
}

/* =========================================================
   WHI WELCOME PAGE POLISH (Default theme) — APPEND ONLY
   Scope: ONLY the /page/welcome page
   ========================================================= */

body.page-welcome,
body[class*="page-welcome"] {
  background: #f4f4f4;
}

/* Main content card */
body.page-welcome #content,
body[class*="page-welcome"] #content {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: clamp(18px, 3vw, 34px);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  max-width: 1020px;
  margin: 26px auto;
}

/* Readability */
body.page-welcome #content p,
body.page-welcome #content li,
body[class*="page-welcome"] #content p,
body[class*="page-welcome"] #content li {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* Make the intro feel like a hero panel */
body.page-welcome .blocks > .block:first-child,
body[class*="page-welcome"] .blocks > .block:first-child {
  background: #fbfbfb;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: clamp(16px, 2.5vw, 28px);
}

/* Separate the language sections (your intro headings are H3) */
body.page-welcome #content h3,
body[class*="page-welcome"] #content h3 {
  margin-top: 2.2rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(0,0,0,.10);
  letter-spacing: -.01em;
}

/* Style the two big link sections (“Fonds” and “All items”) as a grid */
body.page-welcome #content h2,
body[class*="page-welcome"] #content h2 {
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(0,0,0,.12);
}

body.page-welcome #content h2 + ul,
body[class*="page-welcome"] #content h2 + ul {
  list-style: none;
  padding-left: 0;
  margin-top: .9rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: .55rem .9rem;
}

body.page-welcome #content h2 + ul li a,
body[class*="page-welcome"] #content h2 + ul li a {
  display: block;
  padding: .6rem .85rem;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  text-decoration: none;
}

body.page-welcome #content h2 + ul li a:hover,
body[class*="page-welcome"] #content h2 + ul li a:hover {
  border-color: rgba(176,0,32,.35);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* Make the search feel more intentional (welcome page only) */
body.page-welcome header .search-form input[type="text"],
body[class*="page-welcome"] header .search-form input[type="text"] {
  padding: .6rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.25);
}

body.page-welcome header .search-form button,
body.page-welcome header .search-form input[type="submit"],
body[class*="page-welcome"] header .search-form button,
body[class*="page-welcome"] header .search-form input[type="submit"] {
  border-radius: 999px;
  padding: .6rem .85rem;
}

body.page-welcome header .search-form input[type="text"]:focus,
body[class*="page-welcome"] header .search-form input[type="text"]:focus {
  outline: none;
  border-color: #b00020;
  box-shadow: 0 0 0 3px rgba(176,0,32,.15);
}

/* Optional: make the top nav links look slightly more “button-like” */
body.page-welcome header nav a,
body.page-welcome .navigation a,
body[class*="page-welcome"] header nav a,
body[class*="page-welcome"] .navigation a {
  padding: .35rem .6rem;
  border-radius: 999px;
}

body.page-welcome header nav a:hover,
body.page-welcome .navigation a:hover,
body[class*="page-welcome"] header nav a:hover,
body[class*="page-welcome"] .navigation a:hover {
  background: rgba(176,0,32,.08);
}

/* =========================================================
   WELCOME PAGE — header logo sizing + abstract accent mark
   ========================================================= */

/* Shrink the huge header logo/wordmark area */
body.page-welcome header,
body[class*="page-welcome"] header {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Try common logo selectors used by Default theme */
body.page-welcome .site-title img,
body.page-welcome .site-title svg,
body.page-welcome .site-title,
body[class*="page-welcome"] .site-title img,
body[class*="page-welcome"] .site-title svg,
body[class*="page-welcome"] .site-title {
  max-height: 140px; /* adjust: 120–160 */
}

body.page-welcome .site-title img,
body[class*="page-welcome"] .site-title img {
  height: auto;
  max-height: 140px;
  width: auto;
}

/* Pull content up a bit */
body.page-welcome #content,
body[class*="page-welcome"] #content {
  margin-top: 16px;
}

/* Abstract “mark” above the first content block */
body.page-welcome .blocks > .block:first-child,
body[class*="page-welcome"] .blocks > .block:first-child {
  position: relative;
  padding-top: 46px; /* makes room for mark */
}

body.page-welcome .blocks > .block:first-child::before,
body[class*="page-welcome"] .blocks > .block:first-child::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 22px;
  width: 72px;
  height: 6px;
  border-radius: 999px;
  background: #b00020; /* your accent red */
  opacity: .95;
}

/* A faint “grid dot” motif next to the bar */
body.page-welcome .blocks > .block:first-child::after,
body[class*="page-welcome"] .blocks > .block:first-child::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 104px;
  width: 26px;
  height: 14px;
  opacity: .18;
  background:
    radial-gradient(circle, #000 2px, transparent 2.5px) 0 0 / 8px 8px;
}
/* =========================================================
   FIX: header logo alignment + stop cropping (welcome page)
   Overrides the earlier max-height on .site-title
   ========================================================= */

body.page-welcome .site-title,
body[class*="page-welcome"] .site-title {
  max-height: none !important;   /* removes the crop */
  height: auto !important;
  overflow: visible !important;
  text-align: center;
}

body.page-welcome .site-title a,
body[class*="page-welcome"] .site-title a {
  display: inline-block;
}

body.page-welcome .site-title img,
body.page-welcome .site-title svg,
body[class*="page-welcome"] .site-title img,
body[class*="page-welcome"] .site-title svg {
  display: block;
  margin: 0 auto;               /* centers it */
  max-height: 140px;            /* shrink logo safely */
  height: auto;
  width: auto;
}

/* If the header wrapper itself is forcing left alignment */
body.page-welcome header .site-title,
body[class*="page-welcome"] header .site-title {
  margin-left: auto;
  margin-right: auto;
}

/* Freedom theme: remove the header search UI */
.main-header form[role="search"],
.main-header .search,
.main-header input[type="search"],
.main-header__advanced-search {
  display: none !important;
}