/*
Theme Name: The Family Doctor
Theme URI: https://tfdthefamilydoctor.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: A modern, responsive WordPress theme for medical practices with Tailwind CSS styling
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: family-doctor
Tags: medical, healthcare, telemedicine, responsive, tailwind
*/

/* Add your custom CSS overrides here if needed */


@layer components {
  .input-field {
    @apply w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500;
  }

  .btn-primary {
    @apply bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition;
  }
}

.input-field {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  outline: none;
}
.input-field:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 2px #bfdbfe;
}
.btn-primary {
  background-color: #8b5cf6;
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
}
.btn-primary:hover {
  background-color: #1e40af;
}

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}