/* ==========================================================
   Grupa TGR — arkusz stylów strony
   ========================================================== */

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; }
::selection{ background:#B87333; color:#1A1A1A; }

/* ---------- responsywność (odpowiednik [data-*] z oryginału) ---------- */
@media (max-width:760px){
  [data-m1]{ grid-template-columns:1fr !important; }
  [data-hero-pad]{ padding-left:44px !important; }
  [data-hero-grad]{ background:linear-gradient(180deg,rgba(26,26,26,.96) 0%,rgba(26,26,26,.88) 55%,rgba(26,26,26,.82) 100%) !important; }
  [data-map]{ max-width:100% !important; }
}

/* ---------- stany hover (odpowiednik style-hover) ---------- */
.th-hover-header-phone:hover{ background:#1A1A1A; color:#B87333; }
.th-hover-hero-cta:hover{ background:#F3F1EE; border-color:#F3F1EE; }
.th-hover-hero-call:hover{ color:#F3F1EE; }
.th-hover-card:hover{ box-shadow:0 0 0 2px #B87333; }
.th-form-submit:hover{ background:#F3F1EE; border-color:#F3F1EE; }
.th-hover-footer-link:hover{ color:#B87333; }

/* ---------- stan focus (odpowiednik style-focus) ---------- */
.th-form-tel:focus{ border-color:#B87333; outline:none; }

/* ---------- FAQ akordeon ---------- */
.faq-item.open .faq-answer{ display:block !important; }
.faq-item.open .faq-icon{ }

/* ---------- mobilny pasek "zadzwoń" ---------- */
#mobileCallBar{ display:none; }
@media (max-width:760px){
  #mobileCallBar.visible{ display:flex; }
  #callBarSpacer.visible{ display:block; }
}