/* site-fixes.css
 * Same-origin stylesheet that patches a few things left over from dropping the
 * builder's externally-hosted stylesheets. Loaded last in <head>. Nothing here
 * calls out to any third party.
 *
 *   1) phone field: "+7" prefix and the number were stacking vertically
 *   2) <textarea>: text glued to the top edge, no inner padding
 *   3) page background showed through as black on the Документы page
 *   4) KZ pages ship the site forms WITHOUT the per-field inline styles the RU
 *      pages have, so the KZ forms looked/behaved differently. The rules below
 *      reproduce the RU styling. RU keeps its own inline styles (inline wins),
 *      so these rules only actually take effect where the inline ones are absent
 *      (i.e. the KZ forms) -> both languages end up identical.
 */

/* ---- 3. page background (builder's body{background:none} is invalid -> was
   falling through to the browser default, which rendered dark) ---- */
html,
body.w-body {
  background-color: #ffffff;
}
.w-records {
  background-color: #ffffff;
}

/* ---- 1. phone input: country code + number on one line ---- */
.w-input-phonemask__wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  padding: 0;
}
.w-input-phonemask__select {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  gap: 4px;
  padding: 0 6px 0 15px;
  white-space: nowrap;
  pointer-events: none;
}
.w-input-phonemask__select-flag,
.w-input-phonemask__select-triangle { display: none !important; }
.w-input-phonemask__select-code { opacity: .7; }

input.w-input.w-input-phonemask {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  border: 0;
  background: transparent;
  padding: 0 15px 0 4px;
}

/* ---- 2. textarea: vertical breathing room ---- */
.w-input-group_ta textarea.w-input,
textarea.w-input {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.4;
}

/* ---- 4. RU-parity styling for the site forms (takes effect on KZ) ---- */
.w-form .w-input,
.w-form .w-input-phonemask__wrap {
  color: #666;
  border: 0;
  border-radius: 6px;
  background-color: #f4f4f4;
  font-size: 12px;
  font-weight: 400;
}
.w-form input.w-input,
.w-form .w-input-phonemask__wrap {
  height: 40px;
}
.w-form .w-input-group_ta textarea.w-input {
  height: 85px;
}
/* the "линия доверия" / support form (single textarea) is taller and white */
.w-form.w-form_inputs-total_1 .w-input-group_ta textarea.w-input {
  height: 135px;
  background-color: #fff;
}
.w-form .w-input-phonemask__select-code {
  font-size: 12px;
  font-weight: 400;
  opacity: 1;
}
.w-form input.w-input.w-input-phonemask {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  background: transparent;
}
.w-form .w-checkbox__control,
.w-form .w-checkbox__labeltext {
  font-family: 'Geologica', Arial, sans-serif;  /* KZ shipped this label as serif */
}
.w-form .w-checkbox__control {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  --size: 16px;
  --border-width: 2px;
  --border-radius: 4px;
}
.w-form .w-checkbox__indicator { border-color: #17b7df; }
.w-form .w-checkbox__indicator:after { border-color: #17b7df; }
.w-form .w-checkbox__labeltext a { color: #17b7df; }

/* ---- 5. form submit button: the export didn't capture its fill/colour, so it
   rendered as plain text. Restore the site's primary-button look (same as the
   "Оставить заявку" / burger-menu button: teal fill, white, pill). ---- */
.w-form .w-submit {
  background-color: #00add3;
  color: #fff;
  border: 0;
  border-radius: 50px;
  font-family: 'Geologica', Arial, sans-serif;
  font-weight: 600;
  --border-size: 0px;
  --button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: background-color .2s ease-in-out;
}
.w-form .w-submit:hover { background-color: #00c2e6; }
.w-form .w-submit,
.w-form .w-submit__text { color: #fff; }

/* ---- 6. mobile burger menu: links were 20px (too large) below 480px ---- */
@media screen and (max-width: 480px) {
  a.w-menu__link-item { font-size: 15px !important; }
}

/* ---- 7. form submit button: too little breathing room below it (same gap on
   every form site-wide - lead form, support form, trust-line form, RU+KZ,
   home + documents pages). .za-form__submit directly wraps the button and is
   height:auto, so padding here safely grows the form's own rendered height;
   the section around each form already got +10px of room to match (see
   #secXXXXXXXX .zeb__board/.zeb__fx/.zeb__inner in the page HTML). ---- */
.za-form__submit {
  padding-bottom: 20px;
}

/* ---- 8. mobile only: submit button - slightly smaller text, and stretched to
   the same width as the input fields above it (was a fixed 170px pill that
   looked stranded/too small next to full-width inputs on narrow screens).
   !important is required to beat the builder's inline width/height style. ---- */
@media screen and (max-width: 480px) {
  .w-form .w-submit {
    width: 100% !important;
    font-size: 14px !important;
  }
}