/* U10 additions on top of the Webflow mirror (t_bcd1aedb). Layout of the template is not changed. */

/* No truncated text anywhere: the template's 2/3-line clamps show the whole text
   (the template defines them in an inline <style> inside <body>, so these selectors need more weight) */
html body .text-style-2lines,
html body .text-style-3lines {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}

/* U10 logo (u10.studio, 120x80) in the header and footer slots of the template; header height = template logo (36px, 47px desktop) */
.navbar_logo-link.w-nav-brand { flex: none; width: auto; height: auto; }
.navbar_logo.u10-navbar-logo { width: auto; height: 2.25rem; }
@media screen and (min-width: 992px) { .navbar_logo.u10-navbar-logo { height: 2.9375rem; } }
.footer_logo.u10-footer-logo { width: auto; height: 2rem; }

/* Newsletter forms: the template drew the button as a div, now it is a real submit button */
.button_component.u10-submit { border: 0; cursor: pointer; font-family: inherit; }
form[data-u10-subscribe].is-sending .u10-submit,
form[data-u10-subscribe].is-sending .u10-news_button { opacity: .6; pointer-events: none; }

/* Corner card: newsletter subscription (replaces the template seller's ad card, same place and size) */
.u10-news { z-index: 999; position: fixed; inset: auto .88rem .81rem auto; width: 14.625rem; }
.u10-news.is-hidden { display: none; }
.u10-news_card {
  position: relative; display: flex; flex-flow: column; gap: .625rem; margin: 0;
  background-color: #1d1d1d; color: #fff; border-radius: .75rem; padding: .75rem;
  font-family: var(--_typography---font-family--body), sans-serif; box-shadow: 0 .5rem 1.5rem #0000002e;
}
.u10-news_close {
  position: absolute; top: .25rem; right: .25rem; width: 1.5rem; height: 1.5rem; padding: 0;
  border: 0; border-radius: 50%; background: transparent; color: #ffffffb3; font-size: 1.125rem; line-height: 1; cursor: pointer;
}
.u10-news_close:hover { color: #fff; background: #ffffff1a; }
.u10-news_top { display: flex; align-items: center; gap: .5rem; padding-right: 1.25rem; }
.u10-news_logo { flex: none; width: 2.25rem; height: auto; }
.u10-news_title { font-size: .875rem; line-height: 1.3; font-weight: 500; letter-spacing: -.01em; }
.u10-news_form { display: flex; flex-flow: column; gap: .375rem; margin: 0; }
.u10-news_field {
  height: 2.25rem; width: 100%; padding: 0 .75rem; border: 1px solid #ffffff4d; border-radius: .5rem;
  background: transparent; color: #fff; font: inherit; font-size: .875rem;
}
.u10-news_field::placeholder { color: #ffffffa6; }
.u10-news_field:focus { outline: none; border-color: #fff; }
.u10-news_button {
  height: 2.25rem; width: 100%; border: 0; border-radius: .5rem; background: #fff; color: #1d1d1d;
  font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; transition: transform .2s;
}
.u10-news_button:hover { transform: scale(.97); }
.u10-news_card .u10-news_msg { margin: 0; padding: .5rem .625rem; border-radius: .5rem; font-size: .875rem; line-height: 1.35; text-align: left; }
.u10-news_card .w-form-done.u10-news_msg { background: #ffffff1a; color: #fff; }
.u10-news_card .w-form-fail.u10-news_msg { background: #ffdede; color: #1d1d1d; }

/* Contact forms: state while sending (t_d2f1c16c) */
form.is-sending [type="submit"] { opacity: .6; pointer-events: none; }

/* Mobile menu inside the header pill (t_d2f1c16c, driven by u10-nav.js; desktop >= 992px untouched).
   The pill (.navbar_content) grows down and wider, the links slide in inside it; no separate overlay card. */
@media screen and (max-width: 991px) {
  .navbar.u10-nav .container-large.is-navbar { transition: width .45s cubic-bezier(.2, .8, .2, 1); }
  .navbar.u10-nav .navbar_content { flex-wrap: wrap; row-gap: 0; transition: box-shadow .35s ease; }
  .navbar.u10-nav .nav_wrap { order: 3; flex: 0 0 100%; padding-right: 0; display: block; }
  .navbar.u10-nav .nav_mobile.w-nav-menu {
    display: block; position: static; inset: auto; float: none; width: 100%; max-width: none; margin: 0;
    max-height: 0; overflow: hidden; opacity: 0; visibility: hidden;
    transition: max-height .4s cubic-bezier(.4, 0, .2, 1), opacity .25s ease, visibility 0s linear .4s;
  }
  .navbar.u10-nav .navbar_list {
    background-color: transparent; border: 0; border-radius: 0; align-items: stretch;
    padding: .75rem .25rem .5rem; border-top: 1px solid var(--bg-color--bg-subtle, #eee); margin-top: .5rem;
  }
  .navbar.u10-nav .navbar_list .nav_links { justify-content: flex-start; text-align: left; width: 100%; }
  .navbar.u10-nav .navbar_list > * {
    opacity: 0; transform: translateY(-.5rem);
    transition: opacity .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
  }
  .navbar.u10-nav .nav-button_line { transition: transform .3s ease, opacity .2s ease; }

  .navbar.u10-nav.u10-nav-open .container-large.is-navbar { width: 100%; }
  .navbar.u10-nav.u10-nav-open .navbar_content { box-shadow: 0 1rem 2.5rem #0000001f; }
  .navbar.u10-nav.u10-nav-open .nav_mobile.w-nav-menu {
    max-height: calc(100svh - 5.5rem); overflow-y: auto; opacity: 1; visibility: visible;
    transition: max-height .5s cubic-bezier(.2, .8, .2, 1), opacity .25s ease, visibility 0s;
  }
  .navbar.u10-nav.u10-nav-open .navbar_list > * { opacity: 1; transform: none; }
  .navbar.u10-nav.u10-nav-open .navbar_list > :nth-child(1) { transition-delay: .08s; }
  .navbar.u10-nav.u10-nav-open .navbar_list > :nth-child(2) { transition-delay: .12s; }
  .navbar.u10-nav.u10-nav-open .navbar_list > :nth-child(3) { transition-delay: .16s; }
  .navbar.u10-nav.u10-nav-open .navbar_list > :nth-child(4) { transition-delay: .20s; }
  .navbar.u10-nav.u10-nav-open .navbar_list > :nth-child(5) { transition-delay: .24s; }
  .navbar.u10-nav.u10-nav-open .nav-button_line.is-first { transform: rotate(45deg) !important; }
  .navbar.u10-nav.u10-nav-open .nav-button_line.is-second { opacity: 0 !important; }
  .navbar.u10-nav.u10-nav-open .nav-button_line.is-third { transform: rotate(-45deg) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .navbar.u10-nav .container-large.is-navbar, .navbar.u10-nav .nav_mobile.w-nav-menu,
  .navbar.u10-nav .navbar_list > *, .navbar.u10-nav .nav-button_line { transition: none !important; }
}

/* Legal bar at the bottom of the footer on every page (t_ff2137aa): same footer_link markup as the template columns */
.u10-legal-bar {
  display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem;
  margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--bg-color--bg-subtle, #eee);
}
.u10-legal-links { display: flex; flex-flow: row wrap; gap: .75rem 1.5rem; }
.u10-legal-meta { color: var(--text-color--text-secondary); }
.u10-legal-meta a { text-decoration: underline; text-underline-offset: .15em; }
.u10-legal-meta a:hover { color: var(--text-color--text-primary); }
@media screen and (max-width: 767px) {
  .u10-legal-bar { flex-flow: column; align-items: flex-start; margin-top: 2rem; }
  .u10-legal-links { gap: .75rem 1.25rem; }
}

/* Legal documents: readable links and lists in the rich text */
.u10-legal-doc .text-rich-text a, .u10-legal-inline { text-decoration: underline; text-underline-offset: .15em; }
.u10-legal-doc .text-rich-text ul { overflow: visible; padding-left: 1.25rem; }
.u10-legal-doc .text-rich-text h3 {
  margin-top: 2.5rem; margin-bottom: 1rem;
  font-family: var(--_typography---h6--font-family); font-weight: var(--_typography---h6--font-weight);
  font-size: var(--_sizes---fixed--xlarge, 1.5rem); line-height: 1.25;
}