/* ==========================================================================
   CASCA THEME — ORGANIZED STYLESHEET
   Notes:
   - All original values preserved.
   - Duplicates consolidated; specificity kept.
   - Later rules still override earlier ones where intended.
   - Cursor URLs centralized in :root variables.
   ========================================================================== */

/* --------------------------------------
   0) TOKENS / CUSTOM PROPERTIES
   -------------------------------------- */
:root {
  /*--cursor-outline: url("https://freight.cargo.site/t/original/i/P2095620229104815645536858232616/cursor_outlined.svg"), auto;
  --cursor-filled:  url("https://freight.cargo.site/t/original/i/Q2095620229086368901463148681000/cursor_blackfilled_whiteoutlined.svg"), auto;*/

  --black:    #000;
  --accent:   #7a7225;
  --accent-2: #7a712c;
  --accent-3: #7ffb71;
  --green:    #139143;
  --sh-max-w: 960px;      /* largura máx em telas grandes */
  --sh-gap: 16px;         /* respiro ao redor */
}

/* --------------------------------------
   1) GLOBAL / RESETS / BASE
   -------------------------------------- */
[hidden] { display: none !important; }

html, body {
  font-family: "Source Code Pro", monospace, sans-serif !important;
  color: var(--black) !important;
  background: var(--green) !important;
  font-style: normal !important;
}

/* Global cursor defaults */
html,
a,
img {
  /*cursor: var(--cursor-outline) !important;*/
}

/* Hover cursor (filled) — consolidate all hover targets */
a:hover,
a li,
a li:hover,
a.caption:hover,
.caption:hover,
.caption a:hover,
.vp-video:hover,
.vp-target:hover,
.linked:hover,
html a:hover,
div a:hover,
iframe:hover,
a.sizing-frame:hover,
.page a.active:hover,
bodycopy a:hover,
bodycopy * a:hover,
img:hover,
ul.pagination li.pagination_next a:hover,
ul.pagination li.pagination-next a:hover,
ul.pagination li.next a:hover,
ul.pagination li.pagination_previous a:hover,
ul.pagination li.pagination-previous a:hover,
ul.pagination li.previous a:hover {
  /*cursor: var(--cursor-filled) !important;*/
}

/* Legacy custom cursor scopes */
bodycopy, bodycopy * { cursor: var(--cursor-outline) !important; }

/* Typography */
h1, h2, h3, #site-title, .pagination_next {
  font-family: "Source Code Pro", monospace !important;
  font-weight: 700 !important;
}

p { color: var(--black) !important; }

/* Links / color */
a {
  color: var(--black) !important;
  border-bottom: 0 solid #d1d7df !important;
}
a:hover,
header nav a:hover,
header nav li a:hover {
  color: var(--accent-3) !important;
}

/* --------------------------------------
   2) HEADER / NAV / SEARCH
   -------------------------------------- */
header { width: 100% !important; float: left !important; }

.top-fixed {
    width:100%;
    position:fixed;
    z-index:999999999999999999999999999999;
}

.top-header-1 {
    height:30px;
    float:left;
    padding:30px;
}
.top-header-1 svg {
    width:auto;
    height:30px;
}

.top-header-2 {
    float:right;
}

#site-title { margin: 0 0 0 !important; }
#site-title img { max-width: 100% !important; max-height: 100% !important; }

header nav a,
header nav li,
#header-text,
header .uma-header-right nav .navigation li a,
.uma-header-right {
  text-transform: none !important;
  color: var(--black) !important;
  font-size: 24px !important;
  line-height: 26px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  width: 100% !important;
}
header nav a { margin: 0 !important; padding: 0 !important; }
header nav li { text-align: left !important; margin-left: 0 !important; }

/*.search-header {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 62% !important;
  float: left !important;
  text-transform: uppercase;
  margin-left: 152px;
}

.search-header input[type="text"],
.search-header input[type="search"] {
  font-size: 1rem;
  padding: 0.5rem;
  width: 240px;
}*/

/* Header CTA */
.header-cta {
  width: 300px;
  max-width: 100%;
  padding: 22px 34px;
  border: 3px solid var(--black) !important;
  background: var(--black) !important;
  border-radius: 100px;
  line-height: 1.2;
  color: var(--accent) !important;
  font-size: 24px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
  float: right !important;
  text-align: center !important;
}
.header-cta:hover { background: var(--accent-2) !important; color: var(--black) !important; }

/* Burger / logo utilities */
.burger-btn {
  background: none;
  border: 0;
  padding: 6px;
  /*cursor: pointer;*/
  line-height: 0;
  display: inline-flex;
  align-items: center;
  z-index: 99999999;
  transform: translate(-50%, -50%);
}
.burger-btn img { width: 50px; height: 50px; display: block; }

.logo-inside {
  left: 0; top: 0; width: 100%;
  position: fixed; padding: 8px !important;
  z-index: 9999999999999999 !important;
}
.logo-inside img { width: 100%; }

/* Fixed logo clusters */
.fixed-logo-c1, .fixed-logo-c2, .fixed-logo-c3, .fixed-logo-c4, .fixed-logo-c5 { z-index: 9999; position: fixed !important; }
.fixed-logo-c1 { left: 0 !important; top: 0 !important; }
.fixed-logo-c2 { right: 0 !important; top: 0 !important; text-align: right !important; }
.fixed-logo-c3 { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.fixed-logo-c4 { left: 0 !important; bottom: 0 !important; }
.fixed-logo-c5 { right: 0 !important; bottom: 0 !important; text-align: right; }
.fixed-logo-c1 a:hover, .fixed-logo-c2 a:hover, .fixed-logo-c3 a:hover, .fixed-logo-c4 a:hover, .fixed-logo-c5 a:hover { color: var(--black) !important; }
.fixed-logo-size { width: 10% !important;pointer-events: none !important; }

.fixed-coffee { position: fixed !important; left: 180px !important; bottom: 10px !important; z-index: 9999; }
.fixed-coffee img { width: 180px; }

/* --------------------------------------
   3) LAYOUT / WRAPPERS / CONTENT
   -------------------------------------- */
#wrap { max-width: 98% !important; padding: 0 !important; }
#primary { padding: 0px; }
article#content {
  width: 100% !important;
  float: left !important;
  margin-top: 0 !important;
  padding: 10px !important;
  padding-top: 50px !important;
}
.uma-footer { display: none !important; }
#header-logo { margin-bottom: 20px !important; }
div.align-bottom { display: flex !important; flex-direction: column !important; }
#outputs { display: none !important; }

/* --------------------------------------
   6) FORMS / INPUTS / LABELS
   -------------------------------------- */
.uma-global-content form input[type=file],
.uma-global-content form input[type=input],
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email],
[type=month], [type=number], [type=password], [type=search], [type=tel],
[type=text], [type=time], [type=url], [type=week], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: .5rem;
  border: 0px solid var(--black) !important;
  border-radius: 100px !important;
  background-color: var(--accent) !important;
  font-size: 24px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: var(--black) !important;
}

label {
  display: block;
  margin: 0;
  color: var(--black) !important;
  font-size: 24px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}


/* --------------------------------------
   7) BUTTONS / TOGGLES
   -------------------------------------- */
button, html [type=button], .button, input[type=submit] {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: left !important;
  margin-top: 38px !important;
}

#toggle-meta {
  border: 1px solid var(--black) !important;
  border-radius: 100px !important;
  background-color: var(--black) !important;
  padding: 15px 20px !important;
  font-size: 24px !important;
  color: var(--accent) !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  float: left !important;
  margin-left: 20px !important;
}

/* --------------------------------------
   8) PAGINATION (TOP/BOTTOM + FIXED PILLS)
   -------------------------------------- */
.pagination { margin: 50px 0 0 !important; }
.pagination li,
.pagination li:first-child,
pagination li:last-child {
  font-size: 24px !important;
  letter-spacing: 0 !important;
  color: var(--black) !important;
}
.pagination li.pagination_previous a,
.pagination li.pagination_next a {
  border: 1px solid var(--black) !important;
  border-radius: 100px !important;
  background-color: var(--black) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 24px !important;
  color: var(--accent) !important;
  text-align: center !important;
  float: left !important;
}

/* Hover color on the standard buttons */
ul.pagination li.pagination_next a:hover,
ul.pagination li.pagination-next a:hover,
ul.pagination li.next a:hover,
ul.pagination li.pagination_previous a:hover,
ul.pagination li.pagination-previous a:hover,
ul.pagination li.previous a:hover {
  background-color: var(--black) !important;
  color: var(--green) !important;
}

/* Fixed NEXT (right) */
ul.pagination li.pagination_next,
ul.pagination li.pagination-next,
ul.pagination li.next {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  list-style: none !important;
  margin: 0 !important;
}
ul.pagination li.pagination_next a,
ul.pagination li.pagination-next a,
ul.pagination li.next a {
  display: block !important;
  padding: 12px 16px !important;
  border: 3px solid var(--black) !important;
  border-right: 0 !important;
  background-color: var(--accent) !important;
  color: var(--black) !important;
  text-decoration: none !important;
  border-radius: 100px 0 0 100px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
ul.pagination li.pagination_next a:hover,
ul.pagination li.pagination-next a:hover,
ul.pagination li.next a:hover { opacity: .85 !important; }

/* Fixed PREVIOUS (left) */
ul.pagination li.pagination_previous,
ul.pagination li.pagination-previous,
ul.pagination li.previous {
  position: fixed !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  list-style: none !important;
  margin: 0 !important;
}
ul.pagination li.pagination_previous a,
ul.pagination li.pagination-previous a,
ul.pagination li.previous a {
  display: block !important;
  padding: 12px 16px !important;
  border: 3px solid var(--black) !important;
  border-left: 0 !important;
  background-color: var(--accent) !important;
  color: var(--black) !important;
  text-decoration: none !important;
  border-radius: 0 100px 100px 0 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
ul.pagination li.pagination_previous a:hover,
ul.pagination li.pagination-previous a:hover,
ul.pagination li.previous a:hover { opacity: .85 !important; }

/* ID-based next/prev (items/show) */
#next-item, #previous-item {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  list-style: none !important;
  margin: 0 !important;
}
#next-item { right: 0 !important; }
#previous-item { left: 0 !important; }
#next-item a, #previous-item a {
  display: block !important;
  padding: 12px 16px !important;
  border: 3px solid var(--black) !important;
  background-color: var(--accent) !important;
  color: var(--black) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
#next-item a { border-right: 0 !important; border-radius: 100px 0 0 100px !important; }
#previous-item a { border-left: 0 !important; border-radius: 0 100px 100px 0 !important; }
#next-item a:hover, #previous-item a:hover { opacity: .85 !important; }

/* Hide input & sort links if needed */
.pagination-nav { margin-top: 3em !important; display: none !important; }
#sort-links { margin-top: 3em !important; }

/* --------------------------------------
   9) ITEMS / GRID (BROWSE)
   -------------------------------------- */
/* Neutralize theme floats */
body.items.browse .records .item {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  box-sizing: border-box;
  border:none;
}

/* Thumbs */
body.items.browse .records .item .item-img img,
body.items.browse .records .item .item-img img.thumb-auto {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
body.items.browse .records .item .item-img img { margin-bottom: 10px !important; }
body.items.browse .records .item .item-img img:hover { transform: rotate(3deg); transition-duration: .3s; }
body.items.browse .records .item .item-img img:mouseout { transform: rotate(0deg); transition-duration: .3s; }

/* Headings inside content */
#content h1, #content h2, #content h3, #content h4 {
  margin-top: 0 !important; padding-top: 0 !important; color: var(--black) !important; font-style: normal !important; text-align:left !important;
}
.h1:before, .news-list-view.news-list-view-template-3 .left-side .article .title:before, .tx_solr .tx-solr-q:before, h1:before { display: none !important; }

.browse .hentry h1 a, .browse .hentry h2 a, .browse .hentry h3 a, .browse .hentry h4 a { color: var(--black) !important; }
.browse .hentry h2, #collection-items .hentry h2 { font-size: 13px; line-height: 18px; margin-bottom: 0; margin-top: 10px !important; }

/* Lists */
#content ul, #content ol { margin-left: 0 !important; }

/* GRID: base definition (earlier value) */
body.items.browse .records {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0px;
}

/* Later grid override to 7 columns (kept LAST to preserve behavior) */
body.items.browse .records {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0px;
}

/* --------------------------------------
   10) ADMIN / META / MISC
   -------------------------------------- */
#admin-bar {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  padding-right: 150px;
  z-index: 99999999999 !important;
}
#admin-bar a {
  font-size: 14px !important;
  font-family: "Source Code Pro", monospace !important;
  font-optical-sizing: auto !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: var(--black) !important;
}
#admin-bar li a:link, #admin-bar li a:visited { color: var(--black) !important; }

.buy-me-a-coffee { position: fixed; left: 16px; bottom: 300px; display: none; }
.buy-me-a-coffee a {
  padding: 30px !important;
  border: solid 3px var(--black);
  border-radius: 500px !important;
  text-align: center;
  color: var(--black);
  background: var(--accent-2) !important;
  font-size: 24px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
  width: 50% !important;
  float: left !important;
}
.buy-me-a-coffee a:hover { background: var(--black) !important; color: var(--accent-3) !important; }

.item-source { text-align: center !important; }
.file-full { z-index: 999999999999 !important; }

/* --------------------------------------
   11) CONTRIBUTION PAGE
   -------------------------------------- */
body.contribution .fixed-logo-size { width: 1% !important; }
body.contribution #form-submit {
  padding: 10px !important;
  font-size: 2rem !important;
  background-color: var(--black) !important;
}

/* Add to archive button */
.add-to-archive {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 100px;
}

/* --------------------------------------
   12) ACCESSIBILITY HELPERS
   -------------------------------------- */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* --------------------------------------
   13) RESPONSIVE (GENERAL)
   -------------------------------------- */

/* Tablet and down: 2 columns */
@media (max-width: 1024px) {
  body.items.browse .records { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Mobile and down: 2 columns */
@media (max-width: 640px) {
  body.items.browse .records { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fixed-logo-size { width: 5% !important; display: none !important; }
  .burger-btn img { width: 40px !important; height: 40px !important; }
  button, html [type=button], .button, input[type=submit] { margin-top: 23px !important; }
  /*.search-header { margin-left: 33px !important; width:100% !important; padding-top:0px !important; top:50px !important; left:53%; }*/
}

/* <= 480px tweaks */
@media (max-width: 480px) {
  .content-container { padding: 12px; padding-top: 0 !important; }
  .browse .hentry img, #collection-items .hentry img { max-width: 100%; float: left; margin: 0; }
  body.items.browse .records { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  button, html [type=button], .button, input[type=submit] { margin-top: 23px !important; }
  /*.search-header { margin-left: 33px !important; }*/
  article#content, .add-to-archive { margin-top: 30px !important; }
}

/* Medium breakpoint helpers */
@media screen and (min-width: 48em) {
  .h2, .slider-header .slick-slider .slick-slide .caption, h2 { letter-spacing: 0 !important; }
}

/* Extra-wide small adjustment */
@media screen and (min-width: 90.0625em) {
  .uma-header-left { padding: 16px 0 !important; }
}

/* 1366×768 and smaller → 4 columns */
@media screen and (max-width: 1366px) and (max-height: 768px) {
  body.items.browse .records { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .pagination { margin-top: 0 !important; }
}

/* --------------------------------------
   14) RESPONSIVE (MOBILE LAYOUT STACK)
   -------------------------------------- */
@media (max-width: 768px) {
  body.items.browse .records { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

  #collections-menu li { font-size: 1rem !important; }
  #collections-menu ul { margin-top: 70px !important; }

  .fixed-coffee { left: 50px !important; bottom: 10px !important; }
  .fixed-coffee img { width: 80px !important; }

  /* Reposition fixed next/prev on mobile */
  #next-item { right: 0 !important; top: 80% !important; }
  #previous-item { left: 0 !important; top: 80% !important; }

  #toggle-meta {
    padding: 5px 20px !important;
    margin-bottom: 30px !important;
  }
  #related_content h1 { text-align: center !important; font-size: 20px !important; }

  header { width: 100% !important; float: left !important; position: relative !important; }

  body, #header-text,
  label, #sort-links, .header-cta {
    font-size: 0.5em !important; line-height: 1.2em !important;
  }

  .browse .hentry img, #collection-items .hentry img { width: 100% !important; margin: 0 !important; }

  .pagination-nav ul.pagination li.page-input form label input[type=text] {
    font-size: 2em !important; line-height: 1.2em !important; top: -24px !important; margin-right: -6px !important;
  }
  .pagination li.pagination_previous a, .pagination li.pagination_next a {
    font-size: 1.5em !important; line-height: 1.2em !important; margin-top: 16px !important;
  }
  li.pagination_previous a:hover,
  .pagination li.pagination_previous a:hover, .pagination li.pagination_next a:hover { background: #84f978 !important; }

  .pagination li, .pagination li:first-child, pagination li:last-child {
    font-size: 2em !important; line-height: auto !important;
  }

  .add-to-archive, .buy-me-a-coffee, #top-nav, .uma-header-right { display: none !important; }

  article#content { padding: 0 !important; padding-top: 0 !important; }
  #admin-bar {
    position: fixed !important; right: 0 !important; top: 60px !important;
    background: none !important; -webkit-box-shadow: none !important;
    padding-right: 150px; z-index: 99999999999 !important; text-align: center !important;
    width: 100% !important; display: none !important;
  }

  .pagination li.pagination_previous, .pagination li.pagination_next {
    margin: 0 10px !important; font-size: 1em !important; float: left !important;
  }
  #content ul, #content ol { width: 100% !important; }

  /* Header stack */
  .uma-header-right { display: flex; flex-direction: column; align-items: stretch; }

  article#content, .add-to-archive { margin-top: 10px !important; }

  .pagination-nav ul.pagination li.page-input form label input[type=text] { font-size: 18px !important; }

  .header-cta { padding: 8px 12px; font-size: 13px; }
  h1 { font-size: clamp(20px, 5vw, 28px); }
}

/* --------------------------------------
   15) DEVICE-SPECIFIC MEDIA QUERIES
   -------------------------------------- */

/* iPad range – force 3 columns (grid) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fixed-coffee { left: 40px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 80px !important; }

  .items-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .items-list .item { width: 100%; }
}

/* iPad range – float version */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fixed-coffee { left: 40px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 80px !important; }
  .items-list .item { width: 33.33% !important; float: left; clear: none; }
}

/* Exact dimension tweaks */
@media only screen and (width: 1024px) and (height: 768px) {
  .fixed-coffee { left: 40px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 80px !important; }
}
@media only screen and (width: 1024px) {
  .fixed-coffee { left: 70px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 100px !important; }
  article#content { padding-top: 180px !important; }
}
@media only screen and (width: 800px) {
  .fixed-coffee { left: 70px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 100px !important; }
  article#content { padding-top: 180px !important; }
}
@media only screen and (width: 1152px) {
  .fixed-coffee { left: 70px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 100px !important; }
  article#content { padding-top: 180px !important; }
}
@media only screen and (width: 1440px) {
  .fixed-coffee { left: 90px !important; bottom: 30px !important; }
  .fixed-coffee img { width: 130px !important; }
  article#content { padding-top: 180px !important; }
}

/* Large desktops — keep fixed logos behavior consistent */
@media (min-width: 800px), (min-width: 1200px), (min-width: 1900px), (min-width: 2300px) {
  .fixed-logo-c1 a:hover, .fixed-logo-c2 a:hover, .fixed-logo-c3 a:hover, .fixed-logo-c4 a:hover, .fixed-logo-c5 a:hover { color: var(--black) !important; }
  .fixed-logo-c1 { left: 0 !important; top: 0 !important; }
  .fixed-logo-c2 { right: 0 !important; top: 0 !important; text-align: right !important; }
  .fixed-logo-c3 { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
  .fixed-logo-c4 { left: 0 !important; bottom: 0 !important; }
  .fixed-logo-c5 { right: 0 !important; bottom: 0 !important; text-align: right; }
}

/* --------------------------------------
   16) MISC TEXT HIDERS / CLEANUP
   -------------------------------------- */
.h1:before, .news-list-view.news-list-view-template-3 .left-side .article .title:before,
.tx_solr .tx-solr-q:before, h1:before { display: none !important; }

ul.footer-new {
    margin-bottom:30px;
    float:right;
    font-size:14px !important;
}
    ul.footer-new a {
        text-decoration:none;
        font-size:14px !important;
    }

ul.footer-new li {
    float:left;
    list-style:none;
    padding-right:20px;
    font-size:14px !important;
}

/* ===== Fixed, centralizada e responsiva ===== */
:root{
  --sh-max-w: 960px !important;      /* largura máx em telas grandes */
  --sh-gap: 16px !important;         /* respiro ao redor */
}

.search-header{
  position: fixed !important;
  top: max(12px, env(safe-area-inset-top)) !important; /* respeita notch/iOS */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: clamp(280px, 64vw, var(--sh-max-w)) !important;
  z-index: 9999999999999999999999999999999999999999 !important; /* acima de tudo do site */
  /*padding: var(--sh-gap) !important;*/
  padding: 0px;
  box-sizing: border-box !important;

  /* visual “glass” opcional */
  background: rgba(255,255,255,0.75) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px) !important;
  backdrop-filter: saturate(160%) blur(12px) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
}

/* layout do formulário dentro da barra */
.search-header .browse-search{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important; /* remove espaçamentos padrão */
}

/* input de busca fluido */
#browse-q{
  flex: 1 1 auto !important;
  width: 100% !important;
  padding: 15px 40px !important;
  padding-bottom:0px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: clamp(15px, 1.2vw + 12px, 20px) !important;
}

/* esconda o label só para leitores de tela (já está “sr-only” no seu HTML) */
label[for="browse-q"].sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
}

/* mobile: a barra ocupa quase a tela toda */
@media (max-width: 640px){
  .search-header{
    width: calc(100vw - 24px) !important;
    padding: 12px !important;
  }
}

/* (opcional) tema escuro */
@media (prefers-color-scheme: dark){
  .search-header{
    background: rgba(20,20,20,0.6) !important;
    border-color: rgba(255,255,255,0.10) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
  }
  #browse-q{ color: #fff !important; }
  #browse-q::placeholder{ color: rgba(255,255,255,0.6) !important; }
}


/* ===== Filtro “pills” acima dos itens ===== */
.filter-pills{
  position: sticky !important;
  top: calc( max(12px, env(safe-area-inset-top)) + 84px ) !important; /* abaixo da search-header fixa */
  z-index: 9999 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding: 10px 16px !important;
  margin: 8px auto 18px !important;
  max-width: min(92vw, 1200px) !important;
}

.filter-pills a{
  display: inline-block !important;
  text-decoration: none !important;
  padding: 10px 18px !important;
  border-radius: 9999px !important;
  background: #0d0d0d !important;
  color: #1e9047 !important;
  border: 2px solid #0d0d0d !important;
  line-height: 1 !important;
  font-size: 16px !important;
  transition: transform .15s ease, background .15s ease !important;
}

.filter-pills a:hover{
  transform: translateY(-1px) !important;
}

.filter-pills a.is-active{
  background: #7a7225 !important;
  color: #000 !important;
  border-color: #7a7225 !important;
}

@media (max-width: 640px){
  .filter-pills{
    gap: 10px !important;
    padding: 8px 12px !important;
  }
  .filter-pills a{
    font-size: 15px !important;
    padding: 9px 16px !important;
  }
}

/* Remove "Sort by" bar */
#sort-links,
.sort-links,
.items-sort,
.sorting,
#sorting,
.pagination-nav .sort-links,
#content .sort-links {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ===== Hover estilo COSMOS ===== */
body.items.browse .records .item {
  position: relative !important;
  transform: translateZ(0) !important; /* habilita aceleração */
  transition: transform .35s cubic-bezier(.16,1,.3,1), 
              
}

body.items.browse .records .item:hover {
  transform: translateY(-6px) scale(1.04) !important;

}

/* A imagem também suaviza o zoom */
body.items.browse .records .item .item-img img {
  transition: transform .35s cubic-bezier(.16,1,.3,1) !important;
  transform-origin: center center !important;
}

body.items.browse .records .item:hover .item-img img {
  transform: scale(1.06) !important;
}

/* Opcional: borda suave para parecer mais “físico” */
body.items.browse .records .item {
  border-radius: 14px !important;
  overflow: hidden !important;
}


body.items.browse .records .item h2 a {
  display: none !important;
}

/* Centralização completa do item na página show */
body.items.show #content-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  /* Faz o container preencher o viewport menos o espaço da search-header */
  min-height: calc(100vh - 200px) !important;

  /* Remove espaçamentos herdados */
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}


/* ===== Botões de navegação laterais no item show ===== */
body.items.show .viewer-nav {
  position: fixed !important;
  top: 50% !important;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none !important; /* previne interferência com a imagem */
  z-index: 99999 !important;
}

body.items.show .viewer-prev,
body.items.show .viewer-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}

body.items.show .viewer-prev {
  left: 30px !important;
}

body.items.show .viewer-next {
  right: 30px !important;
}

/* Estilo do botão (pílula, glass light) */
body.items.show .viewer-prev img,
body.items.show .viewer-next img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: #424241 !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.25) !important;
  transition: transform .25s ease, background .25s ease !important;
}

/* Hover suave */
body.items.show .viewer-prev:hover img,
body.items.show .viewer-next:hover img {
  background: rgba(255,255,255,0.85) !important;
  transform: scale(1.12) !important;
}

/* Mobile ajuste */
@media (max-width: 640px){
  body.items.show .viewer-prev img,
  body.items.show .viewer-next img {
    width: 36px !important;
    height: 36px !important;
  }
  body.items.show .viewer-prev { left: 14px !important; }
  body.items.show .viewer-next { right: 14px !important; }
}


/* Botão Voltar — estilo idêntico ao exemplo final fornecido */
body.items.show .back-btn{
  position: fixed !important;
  top: 90px !important;
  left: 30px !important;
  z-index: 100000 !important;

  width: 36px !important;
  height: 36px !important;
  border-radius: 9999px !important;
  background: #3a3a3a !important; /* círculo escuro */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

/* remove qualquer pseudo-elemento herdado */
body.items.show .back-btn::before,
body.items.show .back-btn::after{
  content: none !important;
}

/* Ícone */
body.items.show .back-btn img{
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== SHOW ITEM - BACKGROUND FULL BLACK ===== */
body.is-item-show {
  background: #000 !important;
}

/* ===== SHOW ITEM PAGE — OVERRIDE THE GREEN VARIABLE ===== */
body.is-item-show {
  --green: #000 !important;
}


body.is-item-show html,
body.is-item-show body,
body.is-item-show #wrap,
body.is-item-show article#content,
body.is-item-show .content,
body.is-item-show .uma-global-content {
  background: #000 !important;
}


/* tooltip com a arte back-esc.svg */
body.items.show .back-btn::after{
  content: "" !important;
  position: absolute !important;
  left: calc(100% + 10px) !important;   /* um respiro ao lado do botão */
  top: 50% !important;
  transform: translateY(-50%) scale(.98) !important;
  width: 96px !important;               /* ajuste se seu SVG for maior/menor */
  height: 28px !important;
  background-image: var(--back-esc) !important; /* vem do style=… no HTML */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 0 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

/* aparecer no hover */
body.items.show .back-btn:hover::after{
  opacity: 1 !important;
  transform: translateY(-50%) scale(1) !important;
}

/* Opcional: esconder o tooltip em telas muito pequenas */
@media (max-width: 640px){
  body.items.show .back-btn::after{ display:none !important; }
}

/* ===========================
   MOBILE LAYOUT FIX (SEM ALTERAR ESTÉTICA)
   =========================== */

@media (max-width: 768px) {

  /* Mantém o fundo, gloria a Deus */
  body.items.browse {
    background: var(--green) !important;
  }

  /* SEARCH HEADER – reposiciona e mantém estilo */
  .search-header {
    margin-top: 16px;
    margin-bottom: 12px;
    padding: 0 16px;
    width: 100%;
    margin-top:80px !important;
  }
  .search-header input[type="search"] {
    width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
    box-sizing: border-box;
  }

  /* Mantém PILLS bonitinhas — sem deformar */
  .filter-pills {
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    scroll-snap-type: x mandatory;
    margin-top:200px !important;
  }
  .filter-pills a {
    scroll-snap-align: start;
    font-size: 15px !important;
    padding: 8px 14px !important;
    line-height: 1;
  }

  /* GRID responsivo sem arredondar, sem overlay estranho */
  .records {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    padding: 0 12px 40px !important;
  }

  @media (max-width: 480px) {
    .records {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
      padding: 0 10px 40px !important;
    }
  }

  /* REMOVE QUALQUER ROUNDING (retorna ao original) */
  .item-img img,
  .thumb-auto {
    border-radius: 0 !important;
  }

  /* Remove altura forçada */
  .item-img img {
    height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Esconde meta redundante em mobile para dar mais respiro */
  .item-meta h2,
  .item-meta .creator,
  .item-meta .date {
    display: none;
  }
}

/* ===== Ajuste do HEADER no SHOW ITEM (mobile) ===== */
@media (max-width: 768px) {
  body.items.show .top-fixed .site-title svg,
  body.items.show .top-fixed .site-title img {
    width: 110px !important;
  }

  .back-btn {
    top: 16px !important;
    left: 16px !important;
  }
}


/* ===== MOBILE "SHOW ITEM" — modo foco total ===== */
@media (max-width: 768px){
  /* Escopo somente na página de show */
  body.items.show{
    background:#000 !important;
    overscroll-behavior-y: contain; /* evita bounce indesejado */
  }

  /* some tudo que não é a obra ou o botão back */
  body.items.show .top-fixed,
  body.items.show header,
  body.items.show .uma-header-right,
  body.items.show .search-header,
  body.items.show #collections-menu,
  body.items.show .filter-pills,
  body.items.show .pagination,
  body.items.show .pagination-nav,
  body.items.show #admin-bar { 
    display:none !important; 
  }

  /* container da obra ocupa a tela toda */
  body.items.show #content-container{
    padding:0 !important;
    margin:0 auto !important;
    width:100vw !important;
    min-height:100vh !important;
  }

  /* wrapper que contém a imagem */
  body.items.show .element-set.center,
  body.items.show .media-stage{
    width:100vw !important;
    height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  /* imagem principal: máximo da viewport, sem cortar */
  body.items.show img.file-full{
    display:block !important;
    margin:0 auto !important;
    max-width:100vw !important;
    max-height:100vh !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  /* botões “pills” antigos (prev/next) somem */
  body.items.show #previous-item,
  body.items.show #next-item{ display:none !important; }

  /* suas setas laterais (qualquer uma das duas implementações) */
  body.items.show .viewer-nav a,
  body.items.show .nav-arrow{
    position:fixed !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10010 !important;
    opacity:.95 !important;
  }
  body.items.show .viewer-prev,
  body.items.show .nav-arrow.prev{
    left: max(10px, env(safe-area-inset-left) + 8px) !important;
  }
  body.items.show .viewer-next,
  body.items.show .nav-arrow.next{
    right: max(10px, env(safe-area-inset-right) + 8px) !important;
  }
  
  .sr-sharebar {
      display:none !important;
  }

  /* botão VOLTAR (mantém seu estilo atual) */
  body.items.show .back-btn{
    position:fixed !important;
    left: max(12px, env(safe-area-inset-left) + 10px) !important;
    top:  max(12px, env(safe-area-inset-top)  + 10px) !important;
    z-index:10020 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
  }
}

/* ===== Desktop: painel flutuante para #collections-menu ===== */
@media (min-width: 1024px) {
  /* container do painel */
  #collections-menu{
    position: fixed !important;
    top: 88px !important;           /* ajuste fino abaixo do header/busca */
    right: 24px !important;
    width: 340px !important;        /* 320–380 funciona bem */
    max-height: calc(100vh - 128px) !important;
    padding: 16px !important;

    /* visual glass */
    background: rgba(18,18,18,0.86) !important;
    -webkit-backdrop-filter: saturate(160%) blur(12px) !important;
    backdrop-filter: saturate(160%) blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.35) !important;

    overflow: auto !important;
    overscroll-behavior: contain !important;
    z-index: 99999 !important;

    /* remove heranças antigas */
    margin-top: 0 !important;
    height: auto !important;
  }

  /* lista interna limpa e empilhada */
  #collections-menu ul{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* cada item */
  #collections-menu li{
    border: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    width: 100% !important;
  }

  /* link estilo “chip” */
  #collections-menu li a{
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    color: #eaeaea !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    transition: background .15s ease, transform .15s ease, border-color .15s ease !important;
  }

  /* hover/active */
  #collections-menu li a:hover{
    background: rgba(255,255,255,0.06) !important;
    transform: translateY(-1px) !important;
    border-color: rgba(255,255,255,0.12) !important;
  }
  #collections-menu li a.is-active{
    background: #7a7225 !important;  /* sua cor de destaque */
    color: #000 !important;
    border-color: #7a7225 !important;
  }

  /* rolagem discreta */
  #collections-menu::-webkit-scrollbar{ width: 8px; }
  #collections-menu::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,0.12);
    border-radius: 8px;
  }
}

/* Opcional: esconda o painel no mobile (mantém seu comportamento atual) */
@media (max-width: 1023.98px){
  #collections-menu{
    /* se já controla por JS/burger pode remover esta linha */
    /* display: none !important; */
    width: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 16px !important;
  }
}

/* ======== ESCONDER BURGER E MENU NO MOBILE ======== */
@media (max-width: 768px) {
  #collections-menu,
  .burger-btn {
    display: none !important;
  }
  #add-archive {
    display: none !important;
    }
}


.author-section {
  margin: 32px auto 0;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,0.12);
  max-width: min(86vw, 920px);
  color:white !important;
}
.author-section h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color:white !important;
}
.author-bio {
  margin: 6px 0;
  font-size: 14px;
  line-height: 1.5;
  color:white !important;
}

/* Se a página show estiver com fundo escuro */
body.items.show .author-section {
  border-top-color: rgba(255,255,255,0.15);
}
body.items.show .author-section h3,
body.items.show .author-bio { color: #FFFFFF !important; }

body.items.show h3 { color: #FFFFFF !important; }

.ai-author-box{
  margin: 18px auto 6px;
  max-width: min(760px, 78vw);
  font-size: 15px;
  line-height: 1.45;
  color: #FFF;
  text-align: center;
}
.ai-author-box strong{ color:#fff; font-weight:600; }


#add-archive {
    float:left;
    margin-top: 13px !important;
    margin-right: 32px !important;
}

#add-archive img {
    width:50px;
    height:50px;
    display:block;
}

.top-header-1 svg .cls-2 {
    fill:white!important;
}