/* input(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(84,15): run-time error CSS1035: Expected colon, found '{'
input(88,15): run-time error CSS1035: Expected colon, found '{'
input(93,15): run-time error CSS1035: Expected colon, found '{'
input(99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; font: inherit; font-size: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
  blockquote:before, q:before, blockquote:after, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b, strong { font-weight: normal; }
em { font-style: italic; }
a, button, [type="button"] { color: inherit; cursor: pointer; }
a { text-decoration: none; background-color: transparent; }
button { overflow: visible; letter-spacing: inherit; background: none; }
img { display: block; height: auto; }
svg { display: block; }
:focus { outline: 0; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }

@font-face { font-family: "Gotham-Book"; src: url("/font/Gotham-Book.woff2?v=UGsxAJhXeSvRbRemnO06Wmqzzd4") format("woff2"); font-weight: normal; font-style: normal; font-display: fallback; }
@font-face { font-family: "Gotham-Bold"; src: url("/font/Gotham-Bold.woff2?v=TjOsraaXGUGDAwEXGS2k1-zjB0Y") format("woff2"); font-weight: normal; font-style: normal; font-display: fallback; }

:root { --colorWhite: #fff; --colorBlack: #1e1e1e; --colorRed: #d00; --colorGreen: #31bf24; --colorMagenta: #c02485; --colorEEE: #eee; --colorCCC: #ccc; --colorBBB: #bbb; --color999: #999; --color777: #777; }
:root { --fontNormal: Gotham-Book, Arial, sans-serif; --fontBold: Gotham-Bold, Arial, sans-serif; }

html { height: 100vh; height: 100dvh; font: 16px/1.4 var(--fontNormal); scroll-behavior: smooth; scroll-padding-top: 150px; }
body { height: 100vh; height: 100dvh; color: var(--colorBlack); background: var(--colorWhite); overflow-x: hidden;
  &.body-with-popup { overflow: hidden;
    .header,
    .footer,
    .main { filter: blur(4px); }
  }
}

b, strong { font-family: var(--fontBold); }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { display: block; font-family: var(--fontBold); }
h1, .h1 { font-size: 1.8rem; }
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.4rem; }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1rem; }

.link { text-decoration: underline; cursor: pointer; }
.link2 { text-decoration: none; cursor: pointer; }

.font-normal { font-family: var(--fontNormal); }
.font-bold { font-family: var(--fontBold); }
.font-big { font-size: 1.2rem; }
.font-small { font-size: .8rem; }
.font-small2 { font-size: .9rem; }
.font-crossed { text-decoration: line-through; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.color-magenta { color: var(--colorMagenta); fill: var(--colorMagenta); }
.color-white { color: var(--colorWhite); fill: var(--colorWhite); }
.color-black { color: var(--colorBlack); fill: var(--colorBlack); }
.color-999 { color: var(--color999); fill: var(--color999); }
.color-777 { color: var(--color777); fill: var(--color777); }

.margin-top-1 { margin-top: 1rem !important; }
.margin-top-2 { margin-top: 2rem !important; }
.margin-top-3 { margin-top: 3rem !important; }
.margin-top-4 { margin-top: 4rem !important; }
.margin-bot-1 { margin-bottom: 1rem !important; }
.margin-bot-2 { margin-bottom: 2rem !important; }
.margin-left-1 { margin-left: 1rem !important; }
.margin-left-2 { margin-left: 2rem !important; }
.margin-right-1 { margin-right: 1rem !important; }
.margin-right-2 { margin-right: 2rem !important; }

.padding-top-1 { padding-top: 1rem !important; }
.padding-top-2 { padding-top: 2rem !important; }
.padding-bot-1 { padding-bottom: 1rem !important; }
.padding-bot-2 { padding-bottom: 2rem !important; }

.btn { display: inline-block; padding: .5rem 1rem; text-align: center; line-height: 1.4rem; text-decoration: none; color: var(--colorBlack); border-radius: 1.5rem; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); transition: .2s; cursor: pointer; user-select: none; }
.btn-white { background: var(--colorWhite); border: solid var(--colorWhite) 1px; }

/* formuláře */
.form-field { margin-top: 1rem; }
.form-field-check { display: flex; align-items: baseline;
  .form-label { margin-left: .3rem; cursor: pointer; }
  .form-check { flex: 0 0 18px; position: relative; top: 3px; cursor: pointer; }
}
.form-field-checkList {
  .form-label { display: flex; align-items: baseline; cursor: pointer; }
  .form-check { flex: 0 0 18px; position: relative; top: 3px; margin-right: .3rem; cursor: pointer; }
}

.form-field-radio { display: flex; flex-direction: column;
  .form-check { cursor: pointer; margin-bottom: 0.5rem; font-size: .9rem; color: var(--color777); display: flex;
    input { margin-right: .3rem; }
  }
}

input[type="checkbox"] { appearance: none; background: var(--colorWhite) none center/contain no-repeat; width: 18px; height: 18px; border: solid var(--colorCCC) 1px; border-radius: 5px; cursor: pointer;
  &:checked { background: var(--colorMagenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M4 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat; border-color: var(--colorMagenta);
    &:disabled { background: var(--colorEEE) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='3'%3E%3Cpath d='M4 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat; border-color: var(--colorCCC); cursor: default; }
  }
  &:disabled { background: var(--colorEEE); cursor: default; }
}

input[type="radio"] { appearance: none; background: var(--colorWhite) none center/contain no-repeat; width: 18px; height: 18px; border: solid var(--colorCCC) 1px; border-radius: 5px; cursor: pointer;
  &:checked { background: var(--colorMagenta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M4 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat; border-color: var(--colorMagenta); }
}

input[type="number"] { -moz-appearance: textfield; }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

.form-label { display: block; margin-bottom: .3rem; font-size: .8rem; }
.form-submit { margin-top: 1rem; }
.form-input,
.form-select { height: 2.4rem; }
.form-input,
.form-select,
.form-textarea { width: 100%; max-width: 400px; padding: .5rem; font-size: .8rem; background-color: var(--colorWhite); border: solid var(--colorCCC) 1px; border-radius: 1.5rem;
  &.input-validation-error { border-color: var(--colorRed); }
}
.form-req { color: var(--colorRed); }
.form-err { display: none; margin-top: 1rem; color: var(--colorRed);
  &.active { display: block; }
}
.form-success { display: none; margin-top: 1rem; color: var(--colorGreen);
  &.active { display: block; }
}
.field-validation-error { display: block; font-size: .8rem; color: var(--colorRed); }
.validation-summary-errors { margin-top: 1rem; font-size: .8rem; color: var(--colorRed); }

.popup-bg { position: fixed; z-index: 1999999999; left: 0; top: 0; width: 100%; height: 100%; padding: .5rem; background-color: var(--colorBlack); background-color: rgba(0,0,0,0.6); text-align: center; overflow: hidden;
  &:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
}

.popup { position: relative; display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; background: var(--colorWhite); text-align: left; overflow: auto; border-radius: 1.5rem; }
.popup-main { padding: 0 2rem 2rem 2rem; }
.popup-top { display: flex; align-items: flex-start; padding: 2rem 2rem 1rem 2rem; }
.popup-close { flex: 0 0 2rem; order: 1; display: flex; align-items: center; justify-content: center; position: relative; top: -1rem; right: -1rem; width: 2rem; height: 2rem; cursor: pointer; }
.popup-title { flex: 1; }
.popup iframe { width: 100%; height: 100%; }

.w500 .popup { width: 100%; max-width: 500px; }
.w600 .popup { width: 100%; max-width: 600px; }
.w700 .popup { width: 100%; max-width: 700px; }
.w800 .popup { width: 100%; max-width: 800px; }
.w900 .popup { width: 100%; max-width: 900px; }
.fullscreen .popup { width: 95%; height: 95%; overflow: hidden; }

@media screen and (max-width: 600px) {
  .popup-main { padding: 0 1rem 1rem 1rem; }
  .popup-top { padding: 1rem; }
  .popup-close { top: -.5rem; right: -.5rem; }
}

@media (hover: hover) {
  .btn:hover { box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); }
  .btn-transparent:hover { box-shadow: none; }
  .link:hover { text-decoration: none; }
  .link2:hover { text-decoration: underline; }
  .linkArrow:hover { text-decoration: underline; background-position: calc(100% - 3px) center; }
}

*[data-clipboard-content] { cursor: pointer; position: relative;
  &.copied::after { content: "Zkopírováno"; position: absolute; left: 0; top: 0; margin-top: -2rem; padding: .25rem .5rem; font-size: .8rem; background: var(--colorMagenta); color: var(--colorWhite); white-space: nowrap; border-radius: 1.5rem; }
}