/**
 * Learning Canvas — UI fixes (scroll-to-top + project cards)
 */

/* ── Back to top: match brand blue social icons, white arrow ── */
.smooth-back-to-top-button {
  background-color: #0d5186 !important;
  box-shadow: 0 4px 14px rgba(13, 81, 134, 0.35) !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.smooth-back-to-top-button::after {
  color: #ffffff !important;
}

.smooth-back-to-top-button:hover {
  background-color: #f37335 !important;
  box-shadow: 0 6px 18px rgba(243, 115, 53, 0.45) !important;
  transform: translateY(-3px);
}

.smooth-back-to-top-button:hover::after {
  color: #ffffff !important;
}

.smooth-back-to-top-button svg.progress-circle path,
.smooth-back-to-top-button svg.progress-circle rect {
  stroke: #ffffff !important;
}

/* ── Project cards (Elementor template 859) ── */
.elementor-859 .elementor-element.elementor-element-2e19a88a,
.elementor-859 .elementor-element.elementor-element-7431559c,
.elementor-859 .elementor-element.elementor-element-2d83c8e {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-859 .elementor-element.elementor-element-2e19a88a:hover,
.elementor-859 .elementor-element.elementor-element-7431559c:hover,
.elementor-859 .elementor-element.elementor-element-2d83c8e:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 32px rgba(21, 87, 153, 0.32) !important;
}

/* Old column hover targeted the wrong element — neutralise */
.elementor-859 .elementor-element.elementor-element-35f12f9c:hover > .elementor-element-populated,
.elementor-859 .elementor-element.elementor-element-5fb49a54:hover > .elementor-element-populated,
.elementor-859 .elementor-element.elementor-element-6cd4393:hover > .elementor-element-populated {
  box-shadow: none !important;
}