/* Cointelegraph homepage styles. The captured site bundles remain under
   assets/ so their relative font URLs stay intact. */
@import url("../assets/site-static-prod.ctmedia.io/_platypus/ducklings/entry.DZQFku0I.css");
@import url("../assets/site-static-prod.ctmedia.io/_platypus/ducklings/default.DWjjzzGt.css");
@import url("../assets/site-static-prod.ctmedia.io/_platypus/ducklings/CtIcon.DZAINZD0.css");
@import url("../assets/site-static-prod.ctmedia.io/_platypus/ducklings/vee-validate-valibot.CwuiWIgu.css");

/* Small local-only enhancements. The downloaded Cointelegraph CSS remains
   the source of truth for the layout; these rules fill in interactions that
   normally come from the site's online hydration bundle. */
.mirror-menu-panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 80;
  min-width: 230px;
  padding: 8px;
  border: 1px solid rgba(17, 24, 39, .14);
  border-radius: 0 0 10px 10px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(17, 24, 39, .16);
}
.mirror-menu-panel a {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}
.mirror-menu-panel a:hover,
.mirror-menu-panel a:focus-visible { background: #f4b528; outline: none; }
.mirror-menu-panel[hidden] { display: none; }
.mirror-product-panel {
  left: 50%;
  top: calc(100% + 8px);
  min-width: 224px;
  transform: translateX(-50%);
  border-radius: 10px;
}
/* The Ecosystem control sits inside the dark-themed top bar even when the
   page itself is in light mode. */
.mirror-product-panel {
  background: #111820;
  border-color: rgba(205, 214, 218, .2);
}
.mirror-product-panel a { color: #f3f4f6; }
.mirror-product-panel a:hover,
.mirror-product-panel a:focus-visible { color: #111; }
.mirror-search-dialog {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: start center;
  padding: 112px 20px 20px;
  background: rgba(4, 8, 11, .52);
}
.mirror-search-card {
  display: flex;
  width: min(680px, 100%);
  gap: 8px;
  padding: 14px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}
.mirror-search-card input {
  min-width: 0;
  flex: 1;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 11px 13px;
  font: inherit;
}
.mirror-search-card button {
  border: 0;
  border-radius: 8px;
  padding: 0 16px;
  background: #f4b528;
  color: #090909;
  cursor: pointer;
  font-weight: 700;
}
.mirror-mobile-nav {
  display: none;
  position: fixed;
  inset: var(--header-top-height) 0 0;
  z-index: 70;
  overflow: auto;
  padding: 18px 20px 32px;
  background: #fff;
  box-shadow: 0 16px 35px rgba(0, 0, 0, .2);
}
.mirror-mobile-nav.is-open { display: block; }
.mirror-mobile-nav a,
.mirror-mobile-nav button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  padding: 14px 2px;
  background: transparent;
  color: #141414;
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}
.mirror-mobile-nav .mirror-mobile-submenu { display: none; padding: 0 0 8px 14px; }
.mirror-mobile-nav .mirror-mobile-submenu.is-open { display: block; }
.mirror-mobile-nav .mirror-mobile-submenu a { font-size: .92rem; font-weight: 600; }
html.dark .mirror-menu-panel,
html.dark .mirror-mobile-nav,
html.dark .mirror-search-card { background: #111820; }
html.dark .mirror-menu-panel a,
html.dark .mirror-mobile-nav a,
html.dark .mirror-mobile-nav button { color: #f3f4f6; }
html.dark .mirror-menu-panel a:hover,
html.dark .mirror-menu-panel a:focus-visible { color: #111; }
html.dark .mirror-search-card input { background: #1f2937; border-color: #4b5563; color: #f9fafb; }
@media (max-width: 1023px) {
  /* Desktop navigation flyouts stay hidden on touch layouts. The
     Ecosystem control is still present in the compact top bar, so keep its
     listbox usable as a full-width mobile popover. */
  .mirror-menu-panel:not(.mirror-product-panel) { display: none !important; }
  .mirror-product-panel {
    position: fixed;
    top: var(--header-top-height);
    right: 12px;
    left: 12px;
    max-height: calc(100vh - var(--header-top-height) - 16px);
    min-width: 0;
    overflow: auto;
    border-radius: 0 0 10px 10px;
  }
}