/* SLOVTOP-SK – mobilná optimalizácia + výsuvné menu.
   Všetko je v media query (max-width:980px), takže desktop zostáva bez zmeny. */

.m-burger,.m-drawer,.m-backdrop{display:none}

@media(max-width:980px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overflow-x:hidden}
  h1,h2,h3{overflow-wrap:break-word}

  /* hlavička: skryjeme PC menu, zobrazíme hamburger */
  nav .wrap{gap:12px}
  .links,.nav-right{display:none!important}

  .m-burger{
    display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    margin-left:auto;width:46px;height:46px;padding:0;
    border:1px solid #e1e3e6;border-radius:11px;background:#fff;cursor:pointer;
    -webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s
  }
  .m-burger:hover,.m-burger:focus-visible{border-color:#ff6b00;outline:none}
  .m-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#111318}

  /* výsuvný panel sprava */
  .m-backdrop{
    display:block;position:fixed;inset:0;z-index:1090;background:rgba(17,19,24,.55);
    opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s
  }
  .m-drawer{
    display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:1100;
    width:min(88vw,380px);background:#fff;box-shadow:-18px 0 50px rgba(17,19,24,.18);
    transform:translateX(100%);visibility:hidden;
    transition:transform .32s cubic-bezier(.22,.8,.3,1),visibility .32s;
    padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto;overscroll-behavior:contain
  }
  body.m-open{overflow:hidden}
  body.m-open .m-backdrop{opacity:1;visibility:visible}
  body.m-open .m-drawer{transform:none;visibility:visible}

  .m-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:70px;padding:0 18px;border-bottom:1px solid #e8e9ec;flex:none}
  .m-head img{width:140px;height:auto;display:block}
  .m-close{
    position:relative;width:46px;height:46px;padding:0;border:1px solid #e1e3e6;border-radius:11px;
    background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent
  }
  .m-close:focus-visible{border-color:#ff6b00;outline:none}
  .m-close:before,.m-close:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;margin:-1px 0 0 -10px;border-radius:2px;background:#111318}
  .m-close:before{transform:rotate(45deg)}
  .m-close:after{transform:rotate(-45deg)}

  .m-links{display:flex;flex-direction:column;padding:10px 18px 0}
  .m-links a{
    display:flex;align-items:center;justify-content:space-between;padding:17px 2px;
    font:800 21px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:#111318;
    border-bottom:1px solid #eef0f2;-webkit-tap-highlight-color:transparent
  }
  .m-links a:after{content:"›";font-size:26px;font-weight:600;color:#c3c7cc;line-height:1}
  .m-links a[aria-current="page"]{color:#ff6b00}
  .m-links a[aria-current="page"]:after{color:#ff6b00}
  .m-links a:active{color:#ff6b00}

  .m-bottom{margin-top:auto;padding:22px 18px 24px;display:flex;flex-direction:column;gap:16px}
  .m-bottom .btn{width:100%;padding:16px 19px;font-size:16px}
  .m-tel{
    display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;
    border:1.5px solid #e1e3e6;border-radius:9px;font-weight:800;color:#111318
  }
  .m-tel:active{border-color:#ff6b00;color:#ff6b00}
  .m-langs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
  .m-langs a{
    text-align:center;padding:12px 0;border:1px solid #e1e3e6;border-radius:9px;
    font-size:13px;font-weight:800;letter-spacing:.04em
  }
  .m-langs a.active{background:#111318;border-color:#111318;color:#fff}

  /* dokumenty na stiahnutie: dlhé názvy (napr. nemčina) nesmú pretiecť */
  .docs-grid{grid-template-columns:1fr}
  .doc-txt{overflow-wrap:anywhere}

  /* poistka proti nechcenému priblíženiu pri písaní do formulára na iPhone */
  .field input,.field textarea,.field select{font-size:16px}
}

@media(max-width:600px){
  .m-head{height:70px}
  /* kontaktné údaje a odkazy v pätičke sa nesmú rozbiť cez okraj */
  .footer p,.footer a,.copyright{overflow-wrap:anywhere}
  .copyright{line-height:1.9}
  /* väčšie klikacie plochy odkazov v pätičke */
  .copyright a{display:inline-block;padding:2px 0}
}

@media(max-width:600px){
  /* dlhé nemecké/francúzske slová: delenie a nútené zalomenie, aby nič nepretekalo */
  h1,h2,h3,.card p,.quote-intro{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
  .wrap>*,.quote-grid>*,.cards>*,.why>*,.form-grid>*{min-width:0}
}
@media(max-width:360px){
  .wrap{padding:0 14px}
  h1{font-size:40px}
  .section-head h2,.page-title,.quote h2,.about h2,.abt-cta h2{font-size:32px}
  .card{padding:22px}
}

@media(prefers-reduced-motion:reduce){
  .m-drawer,.m-backdrop{transition:none}
}