/* NT 2026-09-29 pklawfirm.sk stand 8084, D3 module: home 3974 services, contact page 10249, WPForms 10369 / 10379.
   Loaded after the child style.css by the module loader. Rollback: delete this file (and inc/mod/nt-home-forms.php). */

/* 1) Home services (block 9f0446d, wrapper .nt-home-services, widget Services Listing (Pages)): the gap between the icon
   and the service title 40 -> 26 px (theme rule .service-item-link gap: 40px). From 768 px the title keeps the height of
   two lines (child style.css), but its text now starts right under the icon; the line under the titles stays level. */
.nt-home-services .service-listing-wrapper .service-item .service-item-link {
  gap: 26px;
}
@media (min-width: 768px) {
  .nt-home-services .service-grid-listing .service-item .service-post-title {
    align-items: flex-start;
  }
}

/* 2) Contact page 10249, cell "Napíšte nám" (social icons d3c0003): an oval around the three icons, like /kontakty/ on 8083.
   Icon colour on hover and keyboard focus: gold accent. */
.elementor-10249 .elementor-element-d3c0003 .elementor-social-icons-wrapper {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  padding: 0 6px;
  border: 1px solid #166574;
  border-radius: 88px;
}
.elementor-10249 .elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:hover i,
.elementor-10249 .elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:focus-visible i {
  color: #166574;
}
.elementor-10249 .elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:hover svg,
.elementor-10249 .elementor-element.elementor-element-d3c0003 .elementor-social-icon.elementor-social-icon:focus-visible svg {
  fill: #166574;
}
.elementor-10249 .elementor-element-d3c0003 .elementor-social-icon:focus-visible {
  outline: 2px solid #1f1f1f;
  outline-offset: 2px;
}

/* 3) Forms 10369 (footer) and 10379 (contact page): labels shown above the fields in bold (the words that stood inside
   the fields before; inc/mod/nt-home-forms.php), like the forms on 8083 (css/nt-forms.css there). */
body div#wpforms-10369.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-label,
body div#wpforms-10379.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-label {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  font-family: "Manrope", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: #1b1b1b;
}

/* Keep contact form anchor below the sticky header on desktop and mobile. */
#kontakt-form { scroll-margin-top: 110px; }
@media (max-width: 767px) {
  #kontakt-form { scroll-margin-top: 72px; }
}