/*
 * Styles for Vehica Approval Modal (extracted from footer.php)
 * Date: 2025-10-15
 */
body.vehica-approval-modal-open { overflow:hidden !important; }
.vehica-approval-modal { position:fixed !important; inset:0 !important; z-index:9999 !important; background:rgba(0,0,0,0.65) !important; }
.vehica-approval-modal__dialog { max-width:680px !important; width:92% !important; margin:60px auto !important; background:#fff !important; border-radius:12px !important; position:relative !important; padding:34px 30px 28px !important; box-shadow:0 10px 40px -5px rgba(0,0,0,.35) !important; min-width:620px !important; }
.vehica-approval-modal__dialog::-webkit-scrollbar { width:10px !important; }
.vehica-approval-modal__dialog { max-height:calc(100vh - 120px) !important; overflow-y:auto !important; }
.vehica-approval-modal__close { position:absolute !important; top:10px !important; right:12px !important; background:none !important; border:0 !important; font-size:28px !important; cursor:pointer !important; line-height:1 !important; }
.vehica-approval-modal__title { margin:0 0 18px !important; font-size:28px !important; font-weight:600 !important; line-height:1.25 !important; text-align:center !important; }

/* Form container styles */
.vehica-approval-modal__body .gform_wrapper { margin-top:18px !important; width:100% !important; max-width:100% !important; }
.vehica-approval-modal__body .gform_wrapper .gform_body { margin:0 !important; width:100% !important; }
.vehica-approval-modal__body .gform_wrapper .gform_footer { margin:20px 0 0 !important; padding:0 !important; width:100% !important; }
.vehica-approval-modal__body .gform_wrapper .gfield { margin:0 0 15px !important; }
.vehica-approval-modal__body .gform_wrapper .gfield_label { display:none !important; visibility:visible !important; opacity:1 !important; font-weight:600 !important; margin:0 0 5px !important; }
.vehica-approval-modal__body .gform_wrapper input[type="text"],
.vehica-approval-modal__body .gform_wrapper input[type="email"],
.vehica-approval-modal__body .gform_wrapper input[type="tel"],
.vehica-approval-modal__body .gform_wrapper textarea,
.vehica-approval-modal__body .gform_wrapper select { width:100% !important; padding:8px 12px !important; border:1px solid #ddd !important; border-radius:4px !important; font-size:14px !important; box-sizing:border-box !important; }

/* Force two-column layout for form fields */
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--width-half,
.vehica-approval-modal__body .gform_wrapper .gfield.half_left,
.vehica-approval-modal__body .gform_wrapper .gfield.half_right { width:48% !important; float:left !important; margin-right:4% !important; }
.vehica-approval-modal__body .gform_wrapper .gfield.half_right { margin-right:0 !important; }
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--width-half:nth-child(odd),
.vehica-approval-modal__body .gform_wrapper .gfield.half_left { clear:left !important; }
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--width-half:nth-child(even),
.vehica-approval-modal__body .gform_wrapper .gfield.half_right { clear:right !important; }

/* Force specific field layout: First Name + Last Name on first row, Email + Phone on second row */
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(1),
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(2) { width:290px !important; float:left !important; margin-right:20px !important; clear:left !important; }
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(2) { margin-right:0 !important; clear:right !important; }
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(3),
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(4) { width:290px !important; float:left !important; margin-right:20px !important; clear:left !important; }
.vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(4) { margin-right:0 !important; clear:right !important; }

/* Ensure inputs in half-width fields fill their containers properly */
.vehica-approval-modal__body .gform_wrapper .gfield:nth-child(1) input,
.vehica-approval-modal__body .gform_wrapper .gfield:nth-child(2) input,
.vehica-approval-modal__body .gform_wrapper .gfield:nth-child(3) input,
.vehica-approval-modal__body .gform_wrapper .gfield:nth-child(4) input { width:100% !important; max-width:100% !important; min-width:0 !important; }

/* Full width for checkbox fields */
.vehica-approval-modal__body .gform_wrapper .gfield_checkbox,
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--type-checkbox { width:100% !important; float:none !important; clear:both !important; margin-right:0 !important; border-style:none !important; }
.vehica-approval-modal__body .gform_wrapper .gfield_checkbox .gfield_checkbox,
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--type-checkbox .gfield_checkbox { width:100% !important; }

/* Remove borders from checkbox fields */
.vehica-approval-modal__body .gform_wrapper .gfield_checkbox input[type="checkbox"],
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--type-checkbox input[type="checkbox"] { outline:0 !important; }
.vehica-approval-modal__body .gform_wrapper .gfield_checkbox .ginput_container,
.vehica-approval-modal__body .gform_wrapper .gfield.gfield--type-checkbox .ginput_container { border:0 !important; }

/* Specific fix for field_6_15 checkbox border */
.vehica-approval-modal__body .gform_wrapper #field_6_15 { border-style: none !important; }
.vehica-approval-modal__body .gform_wrapper #field_6_15 .ginput_container { border-style: none !important; }

.vehica-approval-modal__body .gform_wrapper .gform_button { background-color:var(--primary) !important; color:#fff !important; border:0 !important; padding:10px 20px !important; border-radius:4px !important; font-weight:600 !important; cursor:pointer !important; }
.vehica-approval-modal__body .gform_wrapper .gform_button:hover { opacity:0.9 !important; }

/* Car summary styles */
.vehica-approval-car-summary { display:flex !important; gap:22px !important; align-items:stretch !important; flex-wrap:wrap !important; }
.vehica-approval-car-summary__media { flex:0 0 210px !important; max-width:210px !important; position:relative !important; }
.vehica-approval-car-summary__media img { width:100% !important; height:100% !important; object-fit:cover !important; border:1px solid #2d2d2d33 !important; border-radius:4px !important; }
.vehica-approval-car-summary__info { flex:1 1 220px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; font-family:inherit !important; }
.vehica-approval-car-summary__name { font-size:20px !important; margin:0 0 6px !important; font-weight:700 !important; line-height:1.25 !important; color:#2b2f35 !important; }
.vehica-approval-car-summary__price { font-size:18px !important; font-weight:600 !important; color:#192026 !important; }

@media (max-width:640px){
  .vehica-approval-car-summary { flex-direction:column !important; }
  .vehica-approval-car-summary__media { max-width:100% !important; flex:1 1 auto !important; }
  .vehica-approval-car-summary__info { text-align:center !important; }

  /* Mobile modal styles */
  .vehica-approval-modal__dialog { 
    width:95% !important; 
    min-width:0 !important; 
    margin:20px auto !important; 
    padding:20px 15px 20px !important; 
    max-height:90vh !important; 
  }
  .vehica-approval-modal__title { 
    font-size:24px !important; 
    margin:0 0 15px !important; 
  }
  .vehica-approval-modal__body .gform_wrapper { 
    margin-top:15px !important; 
  }

  /* Stack fields vertically on mobile */
  .vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(1),
  .vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(2),
  .vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(3),
  .vehica-approval-modal__body .gform_wrapper .gform_body .gfield:nth-child(4) { 
    width:100% !important; 
    float:none !important; 
    margin-right:0 !important; 
    clear:none !important; 
  }
}