/* ============================================
   TECHFLOW - APPLE DESIGN (STRONGER SELECTORS)
   Following Salient best practices
   Applied: 2026-04-27
   ============================================ */


/* ============================================
   APPLE TYPOGRAPHY REFINEMENTS
   ============================================ */

body,
body p,
.nectar-responsive-text,
.nectar-responsive-text p {
  letter-spacing: -0.022em !important;
  line-height: 1.47059 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.nectar-responsive-text h1,
.nectar-responsive-text h2,
.nectar-responsive-text h3 {
  letter-spacing: -0.015em !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}


/* ============================================
   APPLE BUTTON STYLING - STRONGER
   ============================================ */

.nectar-button,
.nectar-cta,
.nectar_cta,
a.nectar-button,
.nectar-button.large,
.nectar-cta.large {
  border-radius: 980px !important;
  font-size: 17px !important;
  padding: 12px 22px !important;
  letter-spacing: -0.022em !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.nectar-button[data-size="large"],
.nectar-cta[data-size="large"] {
  padding: 15px 28px !important;
  font-size: 19px !important;
}

/* Apple hover */
.nectar-button:hover,
.nectar-cta:hover,
a.nectar-button:hover {
  transform: scale(1.02) !important;
}


/* ============================================
   APPLE CARD STYLING - 18PX RADIUS
   ============================================ */

.fancy-box,
.nectar-fancy-box,
.wpb_column,
.vc_column_container,
.vc_column-inner,
.wpb_content_element {
  border-radius: 18px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.6, 1) !important;
}

.fancy-box:hover,
.nectar-fancy-box:hover {
  transform: translateY(-2px) !important;
}


/* ============================================
   REMOVE SALIENT SHADOWS
   ============================================ */

.fancy-box,
.nectar-fancy-box,
.wpb_column,
[data-shadow-hover="yes"],
[data-shadow-hover="yes"]:hover,
[data-shadow-hover="yes"]:hover > .vc_column-inner,
[data-shadow="custom"],
[data-shadow="custom"]:hover,
[data-shadow="custom"]:hover > .vc_column-inner {
  box-shadow: none !important;
}


/* ============================================
   APPLE ANIMATION TIMING
   ============================================ */

* {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1) !important;
}


/* ============================================
   TESTIMONIALS - CLEAN
   ============================================ */

.testimonial_slider .testimonial_slide {
  background: transparent !important;
  box-shadow: none !important;
}

.testimonial_slider .testimonial_slide blockquote {
  font-size: 21px !important;
  line-height: 1.47619 !important;
  letter-spacing: 0.011em !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}


/* ============================================
   ENSURE BACKGROUNDS RENDER
   Force background colors on sections
   ============================================ */

/* Black hero */
.vc_row[data-bg-color="#000000"],
.vc_section[data-bg-color="#000000"] {
  background-color: #000000 !important;
}

/* Apple light backgrounds */
.vc_row[data-bg-color="#fbfbfd"],
.vc_section[data-bg-color="#fbfbfd"] {
  background-color: #fbfbfd !important;
}

.vc_row[data-bg-color="#ffffff"],
.vc_section[data-bg-color="#ffffff"] {
  background-color: #ffffff !important;
}

.vc_row[data-bg-color="#f5f5f7"],
.vc_section[data-bg-color="#f5f5f7"] {
  background-color: #f5f5f7 !important;
}


/* ============================================
   FLOATING CONTACT BUTTON
   ============================================ */

.floating-contact-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  background: #0071e3 !important;
  color: #ffffff !important;
  padding: 12px 22px;
  border-radius: 980px !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1) !important;
  letter-spacing: -0.022em !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.floating-contact-btn:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
  background: #0077ed !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.floating-contact-btn::before {
  content: "💬";
  font-size: 18px;
}

@media (max-width: 768px) {
  .floating-contact-btn {
    bottom: 20px;
    right: 20px;
    padding: 10px 18px;
    font-size: 15px;
  }

  .floating-contact-btn::before {
    font-size: 16px;
  }
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1068px) {
  .nectar-button,
  .nectar-cta {
    font-size: 16px !important;
  }
}

@media (max-width: 734px) {
  .nectar-button,
  .nectar-cta {
    font-size: 15px !important;
    padding: 10px 18px !important;
  }
}