/* Final logo contrast treatment for the dark and mixed-dark themes. */
html[data-theme="hybrid"] .topbar::before,
html[data-theme="dark"] .topbar::before {
  width: min(620px, 62vw) !important;
  height: 158px !important;
  background: radial-gradient(ellipse at center,
    rgba(181,132,94,.44) 0%,
    rgba(148,104,75,.28) 31%,
    rgba(91,65,52,.14) 53%,
    rgba(45,36,34,.045) 68%,
    transparent 82%) !important;
}

html[data-theme="hybrid"] .site-logo,
html[data-theme="dark"] .site-logo {
  filter: drop-shadow(0 1px 1px rgba(255,255,255,.20)) drop-shadow(0 0 13px rgba(155,105,67,.14)) !important;
}

html[data-theme="hybrid"] .footer,
html[data-theme="dark"] .footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

html[dir="rtl"][data-theme="hybrid"] .footer,
html[dir="rtl"][data-theme="dark"] .footer {
  background-image: radial-gradient(ellipse at 84% 52%,
    rgba(181,132,94,.38) 0%,
    rgba(148,104,75,.22) 25%,
    rgba(91,65,52,.11) 43%,
    transparent 61%) !important;
}

html[dir="ltr"][data-theme="hybrid"] .footer,
html[dir="ltr"][data-theme="dark"] .footer {
  background-image: radial-gradient(ellipse at 16% 52%,
    rgba(181,132,94,.38) 0%,
    rgba(148,104,75,.22) 25%,
    rgba(91,65,52,.11) 43%,
    transparent 61%) !important;
}

html[data-theme="hybrid"] .footer-logo,
html[data-theme="dark"] .footer-logo {
  width: clamp(118px, 11vw, 160px);
  height: auto;
  opacity: 1;
  filter: drop-shadow(0 1px 1px rgba(255,255,255,.18)) drop-shadow(0 0 12px rgba(155,105,67,.13)) !important;
}

@media (max-width: 620px) {
  html[data-theme="hybrid"] .topbar::before,
  html[data-theme="dark"] .topbar::before {
    width: min(390px, 88vw) !important;
    height: 126px !important;
  }

  html[dir="rtl"][data-theme="hybrid"] .footer,
  html[dir="rtl"][data-theme="dark"] .footer {
    background-image: radial-gradient(ellipse at 77% 50%,
      rgba(181,132,94,.34) 0%,
      rgba(148,104,75,.18) 29%,
      transparent 60%) !important;
  }

  html[dir="ltr"][data-theme="hybrid"] .footer,
  html[dir="ltr"][data-theme="dark"] .footer {
    background-image: radial-gradient(ellipse at 23% 50%,
      rgba(181,132,94,.34) 0%,
      rgba(148,104,75,.18) 29%,
      transparent 60%) !important;
  }
}