/* Spravnik Pisarna — action hierarchy, inspired by the Nexo emblem. */
:root{--action-face:#edf5f0;--action-ink:#09232d;--action-mint:#83d6c9;--action-edge:#8aaea9}
.button,.textlink.action-secondary,.navlinks .action-nav{position:relative;display:inline-flex;align-items:stretch;justify-content:space-between;gap:0;min-height:62px;padding:0;border:1px solid #d5eee7;background:linear-gradient(115deg,#f5f8f2 0%,#deeee6 100%);color:var(--action-ink);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-decoration:none;isolation:isolate;box-shadow:0 6px 18px #00131c30;transition:box-shadow .2s,transform .2s,background .2s}
.button:before{content:"";position:absolute;top:-1px;left:-1px;height:3px;width:calc(100% - 58px);background:var(--action-mint);pointer-events:none}
.button>.cta-label,.textlink.action-secondary>.cta-label,.navlinks .action-nav>.cta-label{display:flex;align-items:center;padding:17px 25px;font:inherit;line-height:1.4;min-width:0;position:relative;z-index:1}
.button>.cta-icon,.textlink.action-secondary>.cta-icon,.navlinks .action-nav>.cta-icon{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 58px;width:58px;min-height:60px;margin:0;background:var(--action-mint);color:var(--action-ink);clip-path:polygon(0 0,100% 0,100% 100%,13px 100%,0 calc(100% - 13px));border-left:1px solid #74b4ad;transition:background .2s,color .2s}
.cta-icon svg{display:block;width:25px;height:25px;flex:none;transition:transform .2s}
.button:hover,.textlink.action-secondary:hover,.navlinks .action-nav:hover{background:#fffdf6;color:var(--action-ink);transform:translateY(-3px);box-shadow:0 10px 25px #00131c45}
.button:hover .cta-icon,.textlink.action-secondary:hover .cta-icon,.navlinks .action-nav:hover .cta-icon{background:#a1eee0}
.button:hover .cta-icon svg,.textlink.action-secondary:hover .cta-icon svg,.navlinks .action-nav:hover .cta-icon svg{transform:translate(2px,-2px)}
.button:active,.textlink.action-secondary:active,.navlinks .action-nav:active{transform:translateY(0);box-shadow:0 3px 8px #00131c45}
.button.dark,.light .button,.button.outline{background:#0d2b36;border-color:#477f85;color:#f2faf6;box-shadow:0 6px 15px #102d3620}
.button.dark:hover,.light .button:hover,.button.outline:hover{background:#174350;color:#fffdf7}
.button.outline{border:1px solid #8bbebc}
.textlink.action-secondary{min-height:50px;background:#0c2731e8;border:1px solid #678f96;color:#e6f8f2;box-shadow:none;font-size:12px;font-weight:600}
.textlink.action-secondary>.cta-label{padding:13px 18px}
.textlink.action-secondary>.cta-icon{flex-basis:47px;width:47px;min-height:48px;background:#244a55;color:#adede0;border-color:#638c93;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}
.service-card .textlink.action-secondary{margin-top:18px}
.textlink.action-secondary .cta-icon svg{width:21px;height:21px}
.textlink.action-secondary:hover{background:#193e4b;color:#fff;box-shadow:0 5px 13px #00131c25}
.textlink.action-secondary:hover .cta-icon{background:#83d6c9;color:#09232d}
.light .textlink.action-secondary{background:#f5f9f4;border-color:#6f9999;color:#103b47}
.light .textlink.action-secondary>.cta-icon{background:#133943;color:#a2e8d8;border-color:#133943}
.light .textlink.action-secondary:hover{background:#d4e9df;color:#092a34}
.light .dark-card .textlink.action-secondary{background:#173844;border-color:#618e94;color:#edf8f2}
.light .dark-card .textlink.action-secondary>.cta-icon{background:#82cfc3;color:#102c36;border-color:#74a8a4}
.navlinks .action-nav{min-height:48px;background:#e4f3ea;border:1px solid #d4eee4;color:#0c2a34;font-size:11px;font-weight:600;box-shadow:0 4px 14px #00121f40}
.navlinks .action-nav>.cta-label{padding:12px 17px}
.navlinks .action-nav>.cta-icon{min-height:46px;width:43px;flex-basis:43px;clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px))}
.navlinks .action-nav .cta-icon svg{width:20px;height:20px}
.navlinks .action-nav:hover{color:#09232d;background:#fffdf6}
.navlinks .action-nav[aria-current=page]{color:#0c2a34}
.inquiry .button{width:100%;justify-content:space-between;gap:0;min-height:62px;margin-top:25px}
.inquiry .button>.cta-label{flex:1;justify-content:center;font-size:13px;padding:15px 18px}
.inquiry .button>.cta-icon{flex:none;width:58px}
.small-actions button,.small-actions>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #729d9e;background:#143440;color:#e2f6ed;font-size:11px;font-weight:500;text-decoration:none;line-height:1.4}
.small-actions button:hover,.small-actions>a:hover{background:#214c58;color:#fff}
.menu{min-width:70px;min-height:44px;padding:11px 14px;background:#e3f0e9;color:#12323c;border:1px solid #b4ded2;font-weight:600;font-size:11px}
.dialog-close{min-width:44px;min-height:44px;right:9px;top:9px;padding:8px;background:#0c2530;color:#e9f8f0;border:1px solid #7caaa9;font-size:25px;z-index:2}
.dialog .inquiry>.eyebrow{padding-right:40px}
.dialog .inquiry h2{padding-right:38px}
.quick-call{gap:0;overflow:hidden;min-height:70px;padding:0;border-radius:0;border:1px solid #7dafab;background:#102e3a;color:#eef8f2;box-shadow:0 7px 25px #00131d66}
.quick-call svg{box-sizing:border-box;width:60px;height:68px;padding:19px;background:#89d5c8;stroke:#09232d;flex:none}
.quick-call span{padding:12px 18px;font-size:10px;font-weight:400;letter-spacing:.02em}
.quick-call strong{font-size:17px;font-weight:600;letter-spacing:.04em;margin-top:3px}
.quick-call:hover{background:#1a4550;color:#fff;transform:translateY(-3px)}
.quick-call:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:linear-gradient(45deg,transparent 49%,#83d6c9 50%);pointer-events:none}
.phone-large{font-weight:500;color:#c2f4e7;letter-spacing:-.025em}
.button:focus-visible,.textlink.action-secondary:focus-visible,.navlinks .action-nav:focus-visible,.quick-call:focus-visible,.menu:focus-visible,.dialog-close:focus-visible{outline:3px solid #f9fcf7;outline-offset:5px;box-shadow:0 0 0 6px #143b48}
.light .button:focus-visible,.light .textlink.action-secondary:focus-visible,.light summary:focus-visible{outline-color:#0b2e3b;box-shadow:0 0 0 6px #edf5ef}
.textlink[data-email-link]{font-weight:500;color:#b4e9df;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:701px){.button>.cta-label{padding-left:21px;padding-right:21px}.navlinks{gap:17px}.navlinks .action-nav>.cta-label{padding:11px 13px}.navlinks .action-nav{font-size:10px}}
@media(max-width:700px){
 body{padding-bottom:100px}
 .actions{gap:12px;align-items:stretch}
 .actions>.button,.actions>.textlink.action-secondary{width:100%}
 .button{min-height:60px;font-size:13px;gap:0;padding:0}
 .button>.cta-label{padding:16px 21px;font-size:13px}
 .button>.cta-icon{min-height:58px;flex-basis:56px;width:56px}
 .hero{min-height:860px}
 .hero-content{padding-bottom:155px}
 .textlink.action-secondary{min-height:48px;font-size:12px;padding:0;gap:0}
 .textlink.action-secondary>.cta-label{padding:12px 16px}
 .textlink.action-secondary>.cta-icon{min-height:46px;width:46px;flex-basis:46px}
 .service-card .textlink.action-secondary{margin-top:18px}
 .navlinks .action-nav{width:100%;min-height:50px;font-size:12px;margin-top:10px;padding:0}
 .navlinks .action-nav>.cta-label{padding:13px 18px}
 .navlinks .action-nav>.cta-icon{min-height:48px;width:48px;flex-basis:48px}
 .inquiry .button{min-height:60px;padding:0;gap:0}
 .inquiry .button>.cta-label{font-size:12px;padding:14px 16px;text-align:left;justify-content:flex-start}
 .inquiry .button>.cta-icon{width:48px;flex-basis:48px;min-height:58px}
 .quick-call{display:none}
 .mobile-contact{display:grid;left:14px;right:14px;bottom:12px;grid-template-columns:.8fr 1.35fr;gap:0;padding:0;background:#0d2c38;border:1px solid #9bc6bd;box-shadow:0 7px 22px #00121d75;overflow:hidden;z-index:30}
 .mobile-contact a.mobile-action{display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0;min-height:64px;font-size:12px;font-weight:600;line-height:1.3;color:#edf8f2;background:#143744;border:0;text-align:left}
 .mobile-contact .cta-label{display:flex;align-items:center;padding:13px 13px;min-width:0}
 .mobile-contact .cta-icon{display:flex;align-items:center;justify-content:center;width:39px;flex:0 0 39px;align-self:stretch;background:#234e59;color:#bceee0;border-left:1px solid #608e94}
 .mobile-contact .cta-icon svg{height:21px;width:21px}
 .mobile-contact a.mobile-action:last-child{background:#edf5ee;color:#092b36;border-left:1px solid #a6c6bc}
 .mobile-contact a.mobile-action:last-child .cta-icon{background:#83d6c9;color:#092b36;border-left-color:#74b8ae;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}
 .mobile-contact a:focus-visible{outline:3px solid #092b36;outline-offset:-5px}
 body.locked .mobile-contact{display:none}
 .dialog .inquiry{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.button,.textlink.action-secondary,.navlinks .action-nav,.quick-call,.cta-icon,.cta-icon svg{transition:none!important}}
