/* TYHY_MOBILE_MENU_AMANDA_FIX_CSS_START */

/* 1) Menu pitää olla mobiilissa aina klikattavissa */
@media(max-width: 900px){
  header,
  .header,
  .site-header,
  .topbar,
  .nav-wrap,
  .navbar,
  .main-header{
    position:relative!important;
    z-index:100050!important;
  }

  button,
  a{
    touch-action:manipulation;
  }

  .menu-toggle,
  .nav-toggle,
  .hamburger,
  .mobile-menu-toggle,
  .navbar-toggle,
  [aria-controls*="menu"],
  [aria-label*="menu" i],
  [aria-label*="valikko" i],
  button[class*="menu"],
  button[class*="hamburger"],
  button[class*="nav"]{
    position:relative!important;
    z-index:100090!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }

  .logo,
  .site-logo,
  .brand,
  .navbar-brand,
  .header-logo{
    position:relative!important;
    z-index:100040!important;
  }

  body.tyhy-mobile-menu-open .mobile-menu,
  body.tyhy-mobile-menu-open .site-nav,
  body.tyhy-mobile-menu-open .main-nav,
  body.tyhy-mobile-menu-open .nav-links,
  body.tyhy-mobile-menu-open .menu,
  body.tyhy-mobile-menu-open header nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    max-height:85vh!important;
    height:auto!important;
    transform:none!important;
  }
}

/* 2) Amanda pois mobiilin Pyydä tarjous -napin päältä */
@media(max-width: 768px){
  #tyhy-site-amanda,
  #tyhy-ai-amanda{
    left:10px!important;
    right:auto!important;
    bottom:86px!important;
    z-index:9000!important;
  }

  #tyhy-site-amanda .tyhy-site-amanda__button,
  #tyhy-ai-amanda .tyhy-ai-amanda__button{
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    padding:3px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    gap:0!important;
    overflow:hidden!important;
  }

  #tyhy-site-amanda .tyhy-site-amanda__button > span,
  #tyhy-ai-amanda .tyhy-ai-amanda__button > span{
    display:none!important;
  }

  #tyhy-site-amanda .tyhy-site-amanda__photo,
  #tyhy-ai-amanda .tyhy-ai-amanda__photo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    object-fit:cover!important;
    object-position:center 24%!important;
  }

  #tyhy-site-amanda .tyhy-site-amanda__panel,
  #tyhy-ai-amanda .tyhy-ai-amanda__panel{
    left:10px!important;
    right:auto!important;
    bottom:150px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    height:min(590px,calc(100vh - 170px))!important;
  }
}

/* TYHY_MOBILE_MENU_AMANDA_FIX_CSS_END */