/* iPoštár — 3D tlačidlá s efektom stlačenia na celom webe (desktop aj mobil).
   Hrana = spodný tieň; pri prechode myšou / fokuse sa tlačidlo „stlačí“, pri kliknutí/ťuknutí zapadne úplne.
   Horná lišta (.sc-zone, #themeBtn, .top3d) má vlastný 3D štýl v site-chrome.js / index-mobile.html. */
.b3,.btn,.btn-ghost,.cta,.opbtn,.hero3d,.hero3dl,.msbadge,.sc-hot,.sc-apps a,.opc .step button,#pcPrev,#pcNext,#shaCopy,#chatBtn,#toTop{
  transition:transform .08s ease,box-shadow .08s ease,filter .12s,background-color .12s!important;cursor:pointer}
/* tlačidlá bez vlastnej 3D hrany */
.b3,.btn:not(.b3d),.btn-ghost,.cta,.sc-hot,.sc-apps a,.opc .step button,#pcPrev,#pcNext,#shaCopy,#chatBtn{
  box-shadow:0 4px 0 rgba(0,0,0,.26),0 6px 12px rgba(0,0,0,.12)!important}
.btn-ghost,.b3.ghost{box-shadow:0 4px 0 #3f7000,0 6px 12px rgba(18,77,0,.14)!important}
.sc-apps a{box-shadow:0 4px 0 rgba(0,0,0,.45),0 6px 10px rgba(0,0,0,.25)!important}
.opc .step button{box-shadow:0 3px 0 #c9cfbb!important}
html[data-theme="dark"] .opc .step button{box-shadow:0 3px 0 #0a120d!important}
/* stlačenie: prechod myšou (len zariadenia s myšou) a fokus z klávesnice */
@media (hover:hover){
  .b3:hover,.btn:hover,.btn-ghost:hover,.cta:hover,.opbtn:hover,.hero3d:hover,.hero3dl:hover,.msbadge:hover,.sc-hot:hover,.sc-apps a:hover,#pcPrev:hover,#pcNext:hover,#shaCopy:hover,#chatBtn:hover,#toTop:hover{
    transform:translateY(3px)!important;box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.14)!important;filter:brightness(1.05)}
  .btn-ghost:hover,.b3.ghost:hover{box-shadow:0 1px 0 #3f7000,0 2px 5px rgba(18,77,0,.14)!important}
  .opc .step button:hover{transform:translateY(2px)!important;box-shadow:0 1px 0 #c9cfbb!important}
}
.b3:focus-visible,.btn:focus-visible,.btn-ghost:focus-visible,.cta:focus-visible,.opbtn:focus-visible,.hero3d:focus-visible,.hero3dl:focus-visible,.msbadge:focus-visible,.sc-hot:focus-visible,.sc-apps a:focus-visible,.opc .step button:focus-visible,#pcPrev:focus-visible,#pcNext:focus-visible,#shaCopy:focus-visible,#chatBtn:focus-visible,#toTop:focus-visible{
  transform:translateY(3px)!important;box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.14)!important;outline:2px solid #96c800;outline-offset:3px}
.b3:active,.btn:active,.btn-ghost:active,.cta:active,.opbtn:active,.hero3d:active,.hero3dl:active,.msbadge:active,.sc-hot:active,.sc-apps a:active,.opc .step button:active,#pcPrev:active,#pcNext:active,#shaCopy:active,#chatBtn:active,#toTop:active{
  transform:translateY(4px)!important;box-shadow:0 0 0 rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.15)!important}
@media (prefers-reduced-motion:reduce){
  .b3,.btn,.btn-ghost,.cta,.opbtn,.hero3d,.hero3dl,.msbadge,.sc-hot,.sc-apps a,.opc .step button,#pcPrev,#pcNext,#shaCopy,#chatBtn,#toTop{transition:none!important}
  .b3:hover,.btn:hover,.btn-ghost:hover,.cta:hover,.opbtn:hover,.hero3d:hover,.hero3dl:hover,.msbadge:hover,.sc-hot:hover,.sc-apps a:hover,#pcPrev:hover,#pcNext:hover,#shaCopy:hover,#chatBtn:hover,#toTop:hover,
  .b3:active,.btn:active,.btn-ghost:active,.cta:active,.opbtn:active,.hero3d:active,.hero3dl:active,.msbadge:active,.sc-hot:active,.sc-apps a:active,.opc .step button:active{transform:none!important}
}