/* NT 2026-09-30 pklawfirm.sk stand 8084, module h (Nikita's edits P8-P14, P35g).
   Scope: footer HFE 5152 / EN 10757 / RU 10759 (dark form block #kontakt + footer grid), look of all WPForms forms
   (10369 footer card, 10379 contact page), contact icons on /kontakt/ (d3c0003). Texts, fields and form settings untouched.
   Icon order and the removed "Napíšte nám:" line are in the Elementor data of 5152 / 10757 / 10759 (backup
   /opt/advokat/_backups/pravki-2026-09-30/h/). Rollback of the look: delete this file. */

/* ---------- P8, P35g: fields visible on the white card (all WPForms forms) ---------- */
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="text"],
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="email"],
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="tel"],
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="url"],
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="number"],
html body div.wpforms-container.wpforms-container-full .wpforms-form textarea {
  height: 50px;
  padding: 10px 16px !important;
  color: #1f1f1f;
  background-color: #f5f4ef !important;
  border: 1px solid #d9d4c7 !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
/* message field: about a third lower (185 -> 124 px) */
html body div.wpforms-container.wpforms-container-full .wpforms-form textarea {
  height: 124px !important;
  min-height: 100px;
  line-height: 1.5;
  resize: vertical;
}
/* select: the frame sits on the theme wrapper (.select-wrap), the select stays transparent inside */
html body div.wpforms-container.wpforms-container-full .wpforms-form .select-wrap {
  background-color: #f5f4ef !important;
  border: 1px solid #d9d4c7 !important;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .select-wrap select {
  height: 48px;
  padding: 8px 40px 8px 16px !important;
  color: #1f1f1f;
  background: none !important;
  border: none !important;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .select-wrap:after {
  right: 8px;
  height: 48px;
  line-height: 48px;
}
/* focus: gold frame and a soft gold ring */
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="text"]:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="email"]:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="tel"]:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="url"]:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form input[type="number"]:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form textarea:focus,
html body div.wpforms-container.wpforms-container-full .wpforms-form .select-wrap:focus-within {
  background-color: #ffffff !important;
  border-color: #166574 !important;
  -webkit-box-shadow: 0 0 0 3px rgba(22, 101, 116, 0.25);
  box-shadow: 0 0 0 3px rgba(22, 101, 116, 0.25);
}
/* consent checkbox: one clean box with a frame (the theme drew a grey square with an offset white one on top) */
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #ffffff !important;
  border: 1px solid #bdb6a4 !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:before,
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:after {
  display: none !important;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked {
  background-color: #166574 !important;
  border-color: #166574 !important;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked:before {
  content: '\f00c' !important;
  display: block !important;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  font: 900 normal 11px/18px 'Font Awesome 5 Free' !important;
  text-align: center;
  color: #1f1f1f !important;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
html body div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:focus-visible {
  outline: 2px solid #166574 !important;
  outline-offset: 2px;
}
/* contact page: the form stands on a grey panel (#e6e7e2), so the fields are white there */
html body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form input[type="text"],
html body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form input[type="email"],
html body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form textarea,
html body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form .select-wrap {
  background-color: #ffffff !important;
  border-color: #cfc9ba !important;
}
html body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
  background-color: #ffffff;
}

/* ---------- P9: submit button, text a bit bigger (14 -> 16 px), button in proportion ---------- */
body div.wpforms-container.wpforms-container-full.nt-footer-form .wpforms-form button[type="submit"],
body div.wpforms-container.wpforms-container-full .wpforms-form button.wpforms-submit {
  min-height: 60px;
  padding: 14px 48px;
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  body div.wpforms-container.wpforms-container-full.nt-footer-form .wpforms-form button[type="submit"],
  body div.wpforms-container.wpforms-container-full .wpforms-form button.wpforms-submit {
    min-height: 56px;
    padding: 12px 24px;
  }
}

/* ---------- P10: "Ak to neznesie odklad, volajte ..." number bolder and bigger ---------- */
:is(.elementor-5152, .elementor-10757, .elementor-10759) .elementor-element-a8f0c11 a[href^="tel:"] {
  font-size: 1.12em;
  font-weight: 700;
  white-space: nowrap;
}

/* ---------- P11: "Telefón 24/7" number gold and bigger (24 -> 30 px) ---------- */
:is(.elementor-5152, .elementor-10757, .elementor-10759) .elementor-element-f72e3e2 a {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #166574 !important;
  white-space: nowrap;
}
:is(.elementor-5152, .elementor-10757, .elementor-10759) .elementor-element-f72e3e2 a:hover {
  color: #0f4c57 !important;
}

/* ---------- P13, P14: contact icons phone, WhatsApp, e-mail; phone gold, WhatsApp green, e-mail white; bigger ----------
   b3d91a5 = dark block ("Napíšte nám"), e2c6b33 = footer "Kontaktujte nás", d3c0003 = /kontakt/ page (light background) */
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-social-icons-wrapper {
  display: inline-flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 0 8px !important;
  border: 1.5px solid #166574 !important;
  -webkit-border-radius: 999px !important;
  border-radius: 999px !important;
}
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
}
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-grid-item:has(.elementor-social-icon-phone) { order: 1; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-grid-item:has(.elementor-social-icon-whatsapp) { order: 2; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-grid-item:has(.elementor-social-icon-envelope) { order: 3; }
.elementor-element.elementor-element-b3d91a5 .elementor-social-icon.elementor-social-icon,
.elementor-element.elementor-element-e2c6b33 .elementor-social-icon.elementor-social-icon,
.elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  background-color: transparent !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.elementor-element.elementor-element-b3d91a5 .elementor-social-icon.elementor-social-icon i,
.elementor-element.elementor-element-e2c6b33 .elementor-social-icon.elementor-social-icon i,
.elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon i {
  display: block;
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
  text-align: center;
}
.elementor-element.elementor-element-b3d91a5 .elementor-social-icon.elementor-social-icon svg,
.elementor-element.elementor-element-e2c6b33 .elementor-social-icon.elementor-social-icon svg,
.elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon svg {
  width: 24px !important;
  height: 24px !important;
}
/* colours */
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-social-icon.elementor-social-icon-phone i { color: #166574 !important; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-social-icon.elementor-social-icon-phone svg { fill: #166574 !important; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-social-icon.elementor-social-icon-whatsapp i { color: #25d366 !important; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33, .elementor-element-d3c0003) .elementor-social-icon.elementor-social-icon-whatsapp svg { fill: #25d366 !important; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33) .elementor-social-icon.elementor-social-icon-envelope i { color: #ffffff !important; }
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33) .elementor-social-icon.elementor-social-icon-envelope svg { fill: #ffffff !important; }
/* on the light /kontakt/ page a white envelope would vanish: dark there */
.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon-envelope i { color: #1f1f1f !important; }
.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon-envelope svg { fill: #1f1f1f !important; }
/* hover and keyboard focus: soft gold circle, colours stay */
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33) .elementor-social-icon.elementor-social-icon:hover,
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33) .elementor-social-icon.elementor-social-icon:focus-visible {
  background-color: rgba(22, 101, 116, 0.16) !important;
}
.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:hover,
.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:focus-visible {
  background-color: rgba(22, 101, 116, 0.18) !important;
}
:is(.elementor-element-b3d91a5, .elementor-element-e2c6b33) .elementor-social-icon.elementor-social-icon:focus-visible {
  outline: 2px solid #166574;
  outline-offset: 1px;
}