body {
  --theme-font-family: 'Inter', sans-serif;
  --e-global-typography-text-font-family: 'Inter';
  --e-global-typography-accent-font-family: 'Inter';
  font-family: 'Inter', sans-serif !important;
}
body :is(p, li, label, input, textarea, select, button, nav a, .menu a, .elementor-widget-text-editor, .elementor-button, .eo-dialog, .eo-inline, .eo-status),
body :is(p, li, label, button, .elementor-widget-text-editor, .elementor-button) :is(span, a, strong, em, small) {
  font-family: 'Inter', sans-serif !important;
}
body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title),
body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) :is(span, a, strong, em) {
  font-family: 'Inter', sans-serif !important;
}

[data-prefix="single_blog_post"] .entry-header .page-title {
  --theme-font-size: 26px;
}

.is-width-constrained {
  margin-inline: auto;
  width: auto;
  max-width: var(--theme-block-max-width);
}

/* Keep the theme's existing logo box, link and accessible image text. */
#header .site-logo-container {
 background-image: url('./eho-header-animated.svg');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 aspect-ratio: 1506 / 243;
 width: clamp(180px, 15vw, 240px);
 max-width: 100%;
 height: auto;
}
#header .site-logo-container img { opacity: 0; width: 100%; height: auto; aspect-ratio: 1506 / 243; }

/* Compact actions; the mobile social list opens without wrapping the header. */
#header .echo-header-socials{position:relative}
#header .echo-header-socials>summary{display:none;list-style:none;cursor:pointer;color:#fff}
#header .echo-header-socials>summary::-webkit-details-marker{display:none}
#header .echo-header-socials>.ct-social-box{display:flex}
.echo-floating-menu[hidden]{display:none!important}
.echo-floating-menu{position:fixed;top:var(--echo-menu-top,0px);left:0;right:0;z-index:99980;background:#000;color:#fff;transform:translateY(0);visibility:visible;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s;box-shadow:0 3px 12px #0002}
.echo-floating-menu.echo-floating-menu-hidden{transform:translateY(calc(-100% - var(--echo-menu-top,0px)));visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s .32s}
.echo-floating-menu nav{display:block;width:100%;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.echo-floating-menu nav::-webkit-scrollbar{display:none}
.echo-floating-menu .menu{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:28px;width:max-content;min-width:100%;margin:0;padding:0 20px;list-style:none}
.echo-floating-menu .menu>li{flex:0 0 auto;margin:0;padding:0}
.echo-floating-menu .menu>li>a{display:flex;align-items:center;box-sizing:border-box;min-height:40px;padding:10px 0;color:#fff;font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none}
.echo-floating-menu .menu>li>a[aria-current="page"]{color:#aaa}
.echo-floating-menu .menu>li>a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.echo-floating-menu .menu>li>a::before,.echo-floating-menu .menu>li>a::after{display:none}
@media(max-width:999.98px){
  #header [data-device="mobile"] [data-row="middle"]{background:#000}
  #header [data-device="mobile"] [data-row="middle"] .ct-container{display:flex;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 24px)}
  #header [data-device="mobile"] [data-column="start"]{min-width:0;flex:1}
  #header [data-device="mobile"] .site-logo-container{width:clamp(150px,44vw,190px);max-width:100%}
  #header [data-device="mobile"] .site-logo-container img{width:100%;max-width:100%;height:auto}
  #header #header-menu-1{max-width:100%;overflow-x:auto;scrollbar-width:none}
  #header #header-menu-1::-webkit-scrollbar{display:none}
  #header [data-device="mobile"] [data-column="end"]{flex:none}
  #header [data-device="mobile"] [data-column="end"]>[data-items]{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
  #header [data-device="mobile"] [data-id="socials"],
  #header [data-device="mobile"] [data-id="account"],
  #header [data-device="mobile"] [data-id="search"]{margin:0!important;padding:0;width:36px;min-width:36px}
  #header [data-device="mobile"] .ct-account-item,
  #header [data-device="mobile"] .ct-header-search,
  #header .echo-header-socials>summary{display:flex;align-items:center;justify-content:center;width:36px;min-height:44px}
  #header [data-device="mobile"] .ct-header-search svg{width:20px;height:20px}
  #header [data-device="mobile"] .ct-header-search{color:#fff}
  #header [data-device="mobile"] .ct-header-search svg{fill:currentColor}
  #header [data-device="mobile"] .echo-header-socials>.ct-social-box{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:100;flex-wrap:nowrap;gap:4px;padding:8px;background:#202020;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 6px 20px #0003}
  #header [data-device="mobile"] .echo-header-socials[open]>.ct-social-box{display:flex}
  #header [data-device="mobile"] .ct-social-box a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
  #header .echo-header-socials>summary:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:8px}
}

@media(prefers-reduced-motion:reduce){.echo-floating-menu{transition:none!important}}