/* THERMAL GROUP v2.0.25 — White CTA redesign
   Only homepage (.cta-section) and Shërbimet (.tgsv-page .tgsv-cta).
   No changes to text, navigation, admin data, or existing assets.
*/

/* HOMEPAGE — Per Ne-inspired centered white CTA */
body .cta-section,
body .cta-section.cta-default-art {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 312px;
  padding: 54px 0 58px;
  color: #243568 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-top: 1px solid #eef0f5;
  isolation: isolate;
}
body .cta-section::before,
body .cta-section::after {
  content: none !important;
  display: none !important;
}
body .cta-section .cta-inner {
  box-sizing: border-box;
  width: min(100% - 56px, 1080px) !important;
  max-width: 1080px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
}
body .cta-section .cta-copy {
  width: 100%;
  max-width: 930px;
  min-width: 0;
}
body .cta-section .eyebrow,
body .cta-section .eyebrow.light {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin: 0 0 19px !important;
  color: #263b6e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase;
}
body .cta-section .eyebrow::before,
body .cta-section .eyebrow::after { content: none !important; display: none !important; }
body .cta-section .cta-inner h2 {
  max-width: 980px;
  margin: 0 auto 14px !important;
  color: #243568 !important;
  font-size: clamp(29px, 3.15vw, 43px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}
body .cta-section .cta-inner p {
  max-width: 650px;
  margin: 0 auto 30px !important;
  color: #64718b !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.7 !important;
}
body .cta-section a.cta-button.btn,
body .cta-section a.cta-button.btn-white {
  box-sizing: border-box;
  align-self: center !important;
  justify-self: center !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 280px;
  min-height: 52px !important;
  height: auto !important;
  padding: 0 21px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 23px;
  background: #d02231 !important;
  color: #ffffff !important;
  border: 1px solid #d02231 !important;
  border-radius: 5px;
  font-size: 12px !important;
  line-height: 1.25;
  font-weight: 800 !important;
  box-shadow: none !important;
  text-decoration: none;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
body .cta-section a.cta-button.btn:hover,
body .cta-section a.cta-button.btn:focus-visible {
  background: #b81929 !important;
  border-color: #b81929 !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(208,34,49,.17) !important;
}
body .cta-section a.cta-button > span:last-child { font-size: 19px; transition: transform .25s ease; }
body .cta-section a.cta-button:hover > span:last-child { transform: translateX(5px); }

/* SHËRBIMET — same clean white family, with two intact actions */
body .tgsv-page .tgsv-cta {
  position: relative;
  display: block;
  padding: 77px 0 83px !important;
  min-height: 0;
  background: #ffffff !important;
  background-image: none !important;
  color: #243568;
  border-top: 1px solid #eef0f5;
  isolation: isolate;
}
body .tgsv-page .tgsv-cta::before,
body .tgsv-page .tgsv-cta::after {
  content: none !important;
  display: none !important;
}
body .tgsv-page .tgsv-cta-layout {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  max-width: 1060px !important;
  text-align: center;
}
body .tgsv-page .tgsv-cta-copy { width: 100%; max-width: 900px; }
body .tgsv-page .tgsv-cta .tgsv-kicker,
body .tgsv-page .tgsv-cta .tgsv-kicker-white {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: #243568 !important;
  font-size: 11px;
  letter-spacing: .12em;
}
body .tgsv-page .tgsv-cta .tgsv-kicker > span {
  width: 36px;
  height: 3px;
  background: #d02231 !important;
}
body .tgsv-page .tgsv-cta h2 {
  margin: 0 0 16px !important;
  color: #243568 !important;
  font-size: clamp(31px, 3.15vw, 43px) !important;
  line-height: 1.2;
  letter-spacing: -.04em;
  font-weight: 800;
}
body .tgsv-page .tgsv-cta p {
  max-width: 660px;
  margin: 0 auto 27px !important;
  color: #64718b !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
body .tgsv-page .tgsv-cta-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: auto;
  min-width: 0;
}
body .tgsv-page .tgsv-cta .tgsv-btn-red {
  min-height: 51px;
  padding: 0 23px;
  gap: 27px;
  background: #d02231 !important;
  color: #fff !important;
  border: 1px solid #d02231;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: none;
}
body .tgsv-page .tgsv-cta .tgsv-btn-red:hover {
  background: #b81929 !important;
  box-shadow: 0 12px 24px rgba(208,34,49,.17);
}
body .tgsv-page .tgsv-cta .tgsv-cta-link {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 25px;
  min-height: 51px;
  padding: 0 18px !important;
  border: 1px solid #ccd5e3;
  border-radius: 5px;
  color: #243568 !important;
  font-size: 12px;
  font-weight: 800;
  transition: color .25s ease, border-color .25s ease, transform .25s ease;
}
body .tgsv-page .tgsv-cta .tgsv-cta-link:hover {
  color: #d02231 !important;
  border-color: #d02231;
  transform: translateY(-3px);
}

@media (max-width: 780px) {
  body .cta-section { padding: 58px 0 60px !important; min-height: 0 !important; }
  body .cta-section .cta-inner { width: calc(100% - 48px) !important; min-height: 0 !important; }
  body .cta-section .cta-inner h2 { font-size: clamp(28px,5.8vw,37px) !important; }
  body .cta-section .cta-inner p { font-size: 13px !important; margin-bottom: 25px !important; }
  body .tgsv-page .tgsv-cta { padding: 62px 0 65px !important; }
}
@media (max-width: 510px) {
  body .cta-section { padding: 51px 0 56px !important; }
  body .cta-section .cta-inner { width: calc(100% - 34px) !important; }
  body .cta-section .eyebrow { margin-bottom: 15px !important; font-size: 10px !important; }
  body .cta-section .cta-inner h2 { font-size: 29px !important; line-height: 1.2 !important; }
  body .cta-section .cta-inner p { font-size: 12px !important; }
  body .cta-section a.cta-button.btn { min-height: 49px !important; padding: 0 18px !important; }
  body .tgsv-page .tgsv-cta { padding: 54px 0 57px !important; }
  body .tgsv-page .tgsv-cta h2 { font-size: 31px !important; }
  body .tgsv-page .tgsv-cta p { font-size: 12.5px !important; }
  body .tgsv-page .tgsv-cta-actions { flex-direction: column !important; align-items: stretch !important; width: min(100%, 260px); }
  body .tgsv-page .tgsv-cta .tgsv-btn-red,
  body .tgsv-page .tgsv-cta .tgsv-cta-link { width: 100%; min-height: 49px; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  body .cta-section a.cta-button.btn,
  body .tgsv-page .tgsv-cta .tgsv-btn-red,
  body .tgsv-page .tgsv-cta .tgsv-cta-link { transition: none !important; transform: none !important; }
}