/*
 * CS Karlín – poptávkový formulář na e-shopu (Shoptet)
 * Vložit do: Vzhled a obsah → Editor → HTML kód → Záhlaví (do značky style)
 *
 * Vzhled je převzatý z cskarlin.cz (.inquiryForm.offer-link.boxWithForm).
 * Rozměry odpovídají originálu: tam je základní písmo 18 px (od 1260 px)
 * nebo 16 px a box má 0,9em, tj. 16,2 px / 14,4 px.
 */
.csk-inquiry {
  position: fixed;
  bottom: 1em;
  right: -120%;
  z-index: 999999;               /* nad galerií (colorbox) */
  box-sizing: border-box;
  width: 400px;
  max-width: calc(100vw - 2em);
  max-height: calc(100vh - 2em);
  overflow-y: auto;
  padding: 1em;
  background-color: #4e6572;
  color: #fff;
  border-radius: 5px;
  font-family: "Avenir", "avenir_next_lt_proregular", sans-serif;
  font-size: 14.4px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  transition: right 1s;
}
.csk-inquiry.s { right: 1em; }
@media (min-width: 1260px) {
  .csk-inquiry { font-size: 16.2px; }
}
@media (max-width: 767px) {
  .csk-inquiry { width: 300px; }
}

.csk-inquiry *,
.csk-inquiry *::before { box-sizing: border-box; }

.csk-inquiry h2 {
  margin: 0 0 1em;
  padding: 0;
  font: inherit;
  font-size: 1.2em;
  line-height: 1.3;
  letter-spacing: .025em;
  text-align: center;
  text-transform: none;
  color: #fff;
}

.csk-inquiry form { margin: 0; }

.csk-inquiry label {
  display: block;
  position: relative;
  margin: 0 0 1em;
  padding: 0;
  font: inherit;
  line-height: 1.4;
  color: inherit;
}

/* Zavírací křížek (na cskarlin.cz není – tam box zajede se zavřením galerie) */
.csk-inquiry .csk-inquiry-close {
  position: absolute;
  top: .3em;
  right: .4em;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 .2em;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  font-size: 1.5em;
  line-height: 1;
  opacity: .6;
  cursor: pointer;
  transition: opacity 300ms;
}
.csk-inquiry .csk-inquiry-close:hover { opacity: 1; }

/* Pole formuláře */
.csk-inquiry input[type=text],
.csk-inquiry input[type=email],
.csk-inquiry textarea {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  background-color: #f5f5f5;
  color: #525252;
  font: inherit;
  font-size: .9em;
  line-height: 1.3;
  -webkit-appearance: none;
  appearance: none;
}
.csk-inquiry textarea { resize: none; }
.csk-inquiry input::placeholder,
.csk-inquiry textarea::placeholder { color: gray; opacity: 1; }

/* Souhlas se zpracováním osobních údajů */
.csk-inquiry input[type=checkbox] {
  position: relative;
  display: inline-block;
  width: 1.6667em;               /* 1,5rem na cskarlin.cz */
  height: 1.6667em;
  margin: 0 .5em 0 0;
  padding: 0;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #f5f5f5;
  color: #6f8e9f;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background 300ms;
}
.csk-inquiry input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.csk-inquiry input[type=checkbox]:checked { background-color: currentcolor; }
.csk-inquiry input[type=checkbox]:checked::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E %3Cpath d=%27M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z%27 fill=%27%23fff%27/%3E %3C/svg%3E");
}
.csk-inquiry .csk-inquiry-consent a {
  font-size: .9em;
  color: #e7e7e7;
  text-decoration: underline;
  transition: color 300ms ease-out;
}
.csk-inquiry .csk-inquiry-consent a:hover { color: #fff; }

/* Tlačítko „Odeslat zprávu“ */
.csk-inquiry input[type=submit] {
  display: block;
  min-width: 30%;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: .5em .8em;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: transparent;
  color: #fff;
  font: inherit;
  font-size: 1em;
  line-height: normal;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color .5s;
}
.csk-inquiry input[type=submit]:hover {
  background-color: #fff;
  color: #4e6572;
}
.csk-inquiry input[type=submit].sending {
  background: gray url("https://cskarlin.cz/img/icons/loader_v3.svg") no-repeat center center / auto 80% !important;
  color: transparent !important;
  pointer-events: none;
}

/* Chyby u polí (stejně jako netteForms na cskarlin.cz) */
.csk-inquiry .error-text {
  padding: .4em 0;
  font-size: .9em;
  line-height: 1.3;
  text-align: left;
  color: #ffabab;
}
.csk-inquiry .wrapper-form-input.error input,
.csk-inquiry .wrapper-form-input.error textarea {
  border-color: #ffabab !important;
}

/* Poděkování po odeslání */
.csk-inquiry .csk-inquiry-done {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
}