/* crewnet.sk — spoločné štýly. Rozloženie je v inline štýloch z návrhu, tu je len to, čo plátno nevie:
   písma, prepínanie mobil/desktop, hover, formulár, právne stránky. */
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Semibold.otf') format('opentype');font-weight:600;font-display:swap}
html{background:#f5f5f2}
body{margin:0;font-family:'General Sans',Helvetica,Arial,sans-serif;color:#113043;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
a:hover{color:inherit;opacity:.85}
img{max-width:100%}
input::placeholder,textarea::placeholder{color:inherit;opacity:.45}
input,textarea,button{font-family:inherit}
input:focus,textarea:focus{outline:2px solid rgba(17,48,67,.35);outline-offset:0}
[hidden]{display:none!important}

/* jedna adresa, dve kompozície: mobil do 1023 px, desktop od 1024 px */
.m{display:block}
.d{display:none}
@media (min-width:1024px){.m{display:none}.d{display:block}}
.shell-m{width:100%;max-width:560px;margin:0 auto;min-height:100vh}
@media (min-width:600px) and (max-width:1023px){html{background:#ebece8}.shell-m{box-shadow:0 0 0 1px #dde1de}}
.shell-d{width:100%;max-width:1280px;margin:0 auto}
body.menu-open{overflow:hidden}
.zoom-card{zoom:.72}
@media (min-width:1024px) and (max-width:1180px){.zoom-card{zoom:.62}}

/* hover z návrhu (style-hover); !important preto, že základ je inline */
.hv1:hover{background:#1d4a63!important}
.hv2:hover{background:#8be0f2!important}
.hv3:hover{border-color:#113043!important}

/* výber služby vo formulári */
.chip{padding:11px 18px;border-radius:999px;border:1px solid #d5dad7;background:#ffffff;color:#113043;font-size:15px;font-weight:500;cursor:pointer}
.chip:hover{border-color:#113043}
.chip.on{border-color:#113043;background:#113043;color:#ffffff}

/* formulár */
.is-bad{border-color:#b42318!important}
.form-error{margin:16px 0 0;font-size:14px;line-height:1.5;color:#b42318}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ts-box{display:flex;justify-content:center;margin-top:16px}
.ts-box:empty{margin:0}
button[type=submit][disabled]{opacity:.7;cursor:wait}

/* právne stránky a 404 */
.legal{font-size:17px;line-height:1.6;color:#113043}
.legal h1{margin:0 0 24px;font-size:40px;line-height:1.08;font-weight:500;letter-spacing:-.03em}
.legal h2{margin:40px 0 12px;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.02em}
.legal p,.legal li{margin:0 0 14px;color:#4d6170}
.legal ul{padding-left:22px;margin:0 0 14px}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal .meta{font-size:14px;color:#4d6170;margin-top:40px;padding-top:20px;border-top:1px solid #dde1de}
.legal .btn{display:inline-flex;align-items:center;gap:10px;background:#113043;color:#fff;height:52px;padding:0 24px;border-radius:999px;font-weight:500;text-decoration:none;margin-top:12px}
@media (min-width:1024px){.legal h1{font-size:56px}}