/* forms/inquire/style.css
  Supplemental styles specifically for the inquiry module.
  Main structural classes (like .flat-card) are inherited from ../../assets/style.css
*/

/* Custom input autofill override to maintain flat light aesthetic */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #0f172a;
  -webkit-box-shadow: 0 0 0px 1000px #f8fafc inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* =========================================
   FLAT RADIO CARDS (Services & Plans)
   ========================================= */

.service-card, .plan-card {
  position: relative;
  display: block;
  user-select: none;
  cursor: pointer;
  height: 100%;
}

.service-card input, .plan-card input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.card-content {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1rem;
  transition: all 0.2s ease;
  height: 100%;
}

.service-card:hover .card-content, .plan-card:hover .card-content {
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

/* Checked State */
.service-card input:checked + .card-content,
.plan-card input:checked + .card-content {
  background-color: #fff7ed; /* Tailwind orange-50 */
  border-color: #ea580c; /* Tailwind orange-600 */
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.1);
  transform: translateY(0);
}

.service-card input:checked + .card-content .card-title,
.plan-card input:checked + .card-content .plan-name {
  color: #ea580c;
}

/* Disabled State */
.plan-card.disabled {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(1);
}