/* ===========================
   Pebble Ripple - Custom Styles
   =========================== */

:root {
  --font-logo: 'Edu AU VIC WA NT Hand', cursive;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* Logo font */
.logo {
  font-family: var(--font-logo) !important;
  font-weight: 700;
}

/* Section titles */
.section-title {
  font-size: 2.25rem;
  font-weight: 700;
}

/* Hero */
.hero {
  min-height: 100vh;
  padding-top: 80px;
  background: linear-gradient(135deg, #f8fafc 0%, #e8f4fd 100%);
}

/* Product cards hover */
.product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 1rem;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Contact form focus state */
.form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* Footer hover links */
footer a:hover {
  color: #fff !important;
}

/* Navbar active link styling via scrollspy */
.navbar .nav-link.active {
  color: #0d6efd !important;
  font-weight: 600;
}