/* Custom fonts configuration */
@font-face {
  font-family: 'Manufaktur';
  src: url('../fonts/Manufaktur-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Manufaktur';
  src: url('../fonts/Manufaktur-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Manufaktur';
  src: url('../fonts/Manufaktur-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Manufaktur';
  src: url('../fonts/Manufaktur-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Manufaktur';
  src: url('../fonts/Manufaktur-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

body {
  font-family: 'Manufaktur', sans-serif;
  font-weight: 500; /* Default to Medium */
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Manufaktur', sans-serif;
  font-weight: 700;
}

@keyframes tread-move {
  0% { background-position: 0 center; }
  100% { background-position: 240px center; }
}

.animate-tread-refined {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='140' viewBox='0 0 240 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.25' stroke-width='1'%3E%3Crect x='0' y='66' width='240' height='8'/%3E%3Cpath d='M10 42h40l12 16h-40z M70 42h40l12 16h-40z M130 42h40l12 16h-40z M190 42h40l12 16h-40z'/%3E%3Cpath d='M0 5h50v28H0z M60 5h50v28H60z M120 5h50v28H120z M180 5h50v28H180z'/%3E%3Cline x1='12' y1='5' x2='12' y2='20' stroke-opacity='0.4'/%3E%3Cline x1='72' y1='5' x2='72' y2='20' stroke-opacity='0.4'/%3E%3Cline x1='132' y1='5' x2='132' y2='20' stroke-opacity='0.4'/%3E%3Cline x1='192' y1='5' x2='192' y2='20' stroke-opacity='0.4'/%3E%3Cpath d='M10 98h40l12-16h-40z M70 98h40l12-16h-40z M130 98h40l12-16h-40z M190 98h40l12-16h-40z'/%3E%3Cpath d='M0 135h50v-28H0z M60 135h50v-28H60z M120 135h50v-28H120z M180 135h50v-28H180z'/%3E%3Cline x1='12' y1='120' x2='12' y2='135' stroke-opacity='0.4'/%3E%3Cline x1='72' y1='120' x2='72' y2='135' stroke-opacity='0.4'/%3E%3Cline x1='132' y1='120' x2='132' y2='135' stroke-opacity='0.4'/%3E%3Cline x1='192' y1='120' x2='192' y2='135' stroke-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 240px 140px;
  background-repeat: repeat-x;
  background-position: center;
  animation: tread-move 5s linear infinite;
  will-change: background-position;
}

/* WhatsApp Pulse Effect */
@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 48, 88, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(0, 48, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 48, 88, 0);
  }
}

.whatsapp-pulse {
  animation: pulse-blue 2s infinite;
}