/*
Theme Name: VR Doctors Academy
Theme URI: https://vrdoctors.in
Author: VR Doctors Academy
Description: Custom classic theme ported from the Next.js marketing site. No page builder, no ACF. Uses Contact Form 7 for enquiries. Design matches the original site.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: vr-doctors
License: GNU General Public License v2 or later
*/

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #ffffff;
  color: #171717;
  font-family: Arial, Helvetica, sans-serif;
}

.marquee {
  animation: marqueeScroll 35s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* CF7 — match Next.js contact form */
.vr-cf7 .wpcf7-form {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .vr-cf7 .wpcf7-form {
    padding: 2.5rem;
  }
}

.vr-cf7 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e3a8a;
  margin-bottom: 0.5rem;
}

.vr-cf7 input[type="text"],
.vr-cf7 input[type="tel"],
.vr-cf7 input[type="email"],
.vr-cf7 select,
.vr-cf7 textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  box-sizing: border-box;
  margin-bottom: 0.25rem;
}

.vr-cf7 input:focus,
.vr-cf7 select:focus,
.vr-cf7 textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px #1e3a8a;
}

.vr-cf7 .wpcf7-submit {
  background: #f97316;
  color: #fff;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 2.5rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  margin-top: 1rem;
}

.vr-cf7 .wpcf7-submit:hover {
  background: #ea580c;
}

.vr-cf7 .wpcf7-response-output {
  margin: 1.5rem 0 0;
  border-radius: 0.75rem;
  text-align: center;
}

.vr-cf7 .wpcf7-not-valid-tip {
  font-size: 0.75rem;
  color: #dc2626;
}

/* CF7 two-column when using free-text form layout classes */
.vr-cf7 .wpcf7-form-control-wrap {
  display: block;
}