/**
 * Modern Design System for Contact Form 7
 * Turbowest Theme (Branded Red #dd330a, Minimal Radius 4px)
 */

:root {
  --cf7-primary: #dd330a;
  --cf7-primary-hover: #c42807;
  --cf7-primary-light: rgba(221, 51, 10, 0.14);
  --cf7-text-dark: #111827;
  --cf7-text-muted: #555555;
  --cf7-text-label: #242424;
  --cf7-border: #d1d5db;
  --cf7-border-focus: #dd330a;
  --cf7-bg-card: #ffffff;
  --cf7-radius-card: 4px;
  --cf7-radius-input: 4px;
  --cf7-radius-btn: 4px;
}

/* ==========================================================================
   Card Container (Minimal 4px Radius)
   ========================================================================== */
.cf7-modern-card {
  position: relative;
  background-color: var(--cf7-bg-card);
  border-radius: var(--cf7-radius-card);
  padding: 32px 28px 26px 28px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  max-width: 520px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
}

@media (max-width: 480px) {
  .cf7-modern-card {
    padding: 24px 18px 20px 18px;
    border-radius: 4px;
  }
}

/* ==========================================================================
   Header Elements (Eyebrow, Title, Subtitle)
   ========================================================================== */
.cf7-card-eyebrow {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--cf7-primary);
  margin-bottom: 8px;
  line-height: 1;
}

.cf7-card-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--cf7-primary);
  margin-right: 8px;
  flex-shrink: 0;
}

.cf7-card-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--cf7-text-dark);
  line-height: 1.25;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}

@media (max-width: 480px) {
  .cf7-card-title {
    font-size: 21px;
  }
}

.cf7-card-desc {
  font-size: 13.5px;
  color: var(--cf7-text-muted);
  line-height: 1.45;
  margin: 0 0 18px 0;
}

/* ==========================================================================
   Field Groups & Labels
   ========================================================================== */
.cf7-field-group {
  margin-bottom: 14px;
  position: relative;
  text-align: left;
}

.cf7-field-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.cf7-field-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

@media (max-width: 580px) {
  .cf7-field-grid-2,
  .cf7-field-grid-3 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.cf7-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--cf7-text-label);
  margin-bottom: 5px;
  line-height: 1.2;
}

.cf7-star {
  color: var(--cf7-primary);
  font-weight: 700;
  margin-left: 2px;
}

/* ==========================================================================
   Inputs, Textarea & Select Controls (Minimal 4px Radius)
   ========================================================================== */
.cf7-modern-card input[type="text"],
.cf7-modern-card input[type="tel"],
.cf7-modern-card input[type="email"],
.cf7-modern-card input[type="number"],
.cf7-modern-card select,
.cf7-modern-input {
  width: 100% !important;
  height: 48px !important;
  border: 1.5px solid var(--cf7-border) !important;
  border-radius: var(--cf7-radius-input) !important;
  background-color: #ffffff !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  color: var(--cf7-text-dark) !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.cf7-modern-card input::placeholder,
.cf7-modern-input::placeholder {
  color: #9ca3af !important;
  font-size: 13.5px !important;
  opacity: 1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.cf7-modern-card input[name="car-vin"],
.cf7-modern-card input[name*="vin"],
input[name="car-vin"],
input[name*="vin"],
.cf7-vin-input {
  font-family: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #111827 !important;
  background-color: #fafbfc !important;
}

.cf7-vin-input:focus,
.cf7-modern-card input[name="car-vin"]:focus {
  background-color: #ffffff !important;
}

.cf7-field-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 5px !important;
}

.cf7-field-header .cf7-label {
  margin-bottom: 0 !important;
}

.cf7-badge-optional {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  line-height: 1.2 !important;
}

.cf7-modern-card input:focus,
.cf7-modern-card select:focus,
.cf7-modern-input:focus {
  border-color: var(--cf7-border-focus) !important;
  box-shadow: 0 0 0 3px var(--cf7-primary-light) !important;
  background-color: #ffffff !important;
}

.cf7-modern-card textarea {
  width: 100% !important;
  min-height: 90px !important;
  border: 1.5px solid var(--cf7-border) !important;
  border-radius: var(--cf7-radius-input) !important;
  background-color: #ffffff !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: var(--cf7-text-dark) !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
}

.cf7-modern-card textarea:focus {
  border-color: var(--cf7-border-focus) !important;
  box-shadow: 0 0 0 3px var(--cf7-primary-light) !important;
}

.cf7-format-hint {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  color: #6b7280 !important;
  margin-top: 5px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.cf7-hint-icon {
  flex-shrink: 0 !important;
  opacity: 0.7 !important;
}

/* ==========================================================================
   Section Divider (Clean logical chunking between car data and phone)
   ========================================================================== */
.cf7-divider-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 18px 0 14px 0 !important;
}

.cf7-divider-line {
  flex: 1 !important;
  height: 1px !important;
  background-color: #e5e7eb !important;
}

.cf7-divider-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  user-select: none !important;
}

.cf7-divider-icon {
  color: var(--cf7-primary, #dd330a) !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   Radio Buttons Styled as Modern Interactive Segmented Card Tiles
   ========================================================================== */
.cf7-radio-group {
  margin-top: 14px !important;
  margin-bottom: 16px !important;
}

.cf7-radio-group .cf7-label {
  margin-bottom: 6px !important;
}

.cf7-radio-group .wpcf7-radio {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.cf7-radio-group .wpcf7-list-item {
  margin: 0 !important;
  display: flex !important;
  width: 100% !important;
}

.cf7-radio-group .wpcf7-list-item label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  background-color: #f9fafb !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: var(--cf7-radius-input, 4px) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  user-select: none !important;
}

.cf7-radio-group .wpcf7-list-item label:hover {
  background-color: #f3f4f6 !important;
  border-color: #d1d5db !important;
}

.cf7-radio-group input[type="radio"] {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--cf7-border) !important;
  border-radius: 50% !important;
  accent-color: var(--cf7-primary, #dd330a) !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

.cf7-radio-group .wpcf7-list-item-label {
  cursor: pointer !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  transition: color 0.15s ease !important;
  line-height: 1.25 !important;
}

.cf7-radio-group label:hover .wpcf7-list-item-label {
  color: #111827 !important;
}

/* Active card state */
.cf7-radio-group .wpcf7-list-item label:has(input[type="radio"]:checked),
.cf7-radio-group .wpcf7-list-item label.is-checked {
  background-color: rgba(221, 51, 10, 0.05) !important;
  border-color: var(--cf7-primary, #dd330a) !important;
  box-shadow: 0 0 0 1px var(--cf7-primary, #dd330a), 0 2px 8px rgba(221, 51, 10, 0.12) !important;
}

.cf7-radio-group .wpcf7-list-item label:has(input[type="radio"]:checked) .wpcf7-list-item-label,
.cf7-radio-group .wpcf7-list-item label.is-checked .wpcf7-list-item-label {
  color: #111827 !important;
  font-weight: 700 !important;
}

@media (max-width: 440px) {
  .cf7-radio-group .wpcf7-radio {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* ==========================================================================
   Consent Checkbox (GDPR / Privacy)
   ========================================================================== */
.cf7-acceptance-wrap {
  margin: 14px 0 16px 0;
}

.cf7-acceptance-wrap .wpcf7-acceptance {
  display: block;
}

.cf7-acceptance-wrap .wpcf7-list-item {
  margin: 0 !important;
}

.cf7-acceptance-wrap label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  cursor: pointer !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: var(--cf7-text-dark) !important;
  user-select: none !important;
}

body.text-white .cf7-acceptance-wrap label,
body.text-white .wpcf7-list-item-label,
.page-template-landing-index-black .cf7-acceptance-wrap label,
.page-template-landing-index-black .wpcf7-list-item-label,
.bg-\[\#0f0f0f\] .cf7-acceptance-wrap label,
.bg-\[\#0f0f0f\] .wpcf7-list-item-label,
.dark-theme .cf7-acceptance-wrap label,
.dark-theme .wpcf7-list-item-label {
  color: #ffffff !important;
}

.cf7-acceptance-wrap input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid var(--cf7-border) !important;
  border-radius: 3px !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
  margin-top: 1px !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.cf7-acceptance-wrap input[type="checkbox"]:checked {
  background-color: var(--cf7-primary) !important;
  border-color: var(--cf7-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
}

.cf7-acceptance-wrap a {
  color: var(--cf7-primary) !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  transition: opacity 0.2s ease !important;
}

.cf7-acceptance-wrap a:hover {
  opacity: 0.8 !important;
}

/* ==========================================================================
   Submit Button (Minimal 4px Radius, TurboWest Brand Red #dd330a)
   ========================================================================== */
.cf7-submit-wrap {
  margin-top: 18px;
  margin-bottom: 0;
}

.cf7-btn-pill,
.cf7-modern-card input[type="submit"],
.cf7-modern-card button[type="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  border-radius: var(--cf7-radius-btn, 4px) !important;
  background: linear-gradient(135deg, #e03616 0%, #c42807 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(224, 54, 22, 0.32) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 0 20px !important;
}

.cf7-btn-pill:hover,
.cf7-modern-card input[type="submit"]:hover,
.cf7-modern-card button[type="submit"]:hover {
  background: linear-gradient(135deg, #ea3a19 0%, #b32205 100%) !important;
  box-shadow: 0 6px 20px rgba(224, 54, 22, 0.45) !important;
  transform: translateY(-1px) !important;
}

.cf7-btn-pill:active,
.cf7-modern-card input[type="submit"]:active,
.cf7-modern-card button[type="submit"]:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 8px rgba(224, 54, 22, 0.3) !important;
}

/* Spinner adjustment */
.cf7-modern-card .wpcf7-spinner {
  display: block !important;
  margin: 10px auto 0 auto !important;
}

/* ==========================================================================
   Validation Errors Styling (Compact, Clean)
   ========================================================================== */
.cf7-modern-card .wpcf7-not-valid-tip {
  font-size: 11px !important;
  color: var(--cf7-primary) !important;
  margin-top: 3px !important;
  display: block !important;
  line-height: 1.2 !important;
}

.cf7-modern-card .wpcf7-not-valid {
  border-color: var(--cf7-primary) !important;
  box-shadow: 0 0 0 2.5px rgba(221, 51, 10, 0.15) !important;
}

/* ==========================================================================
   Woodmart / Magnific Popup Modal Integration
   ========================================================================== */
.mfp-wrap .mfp-content:has(.cf7-modern-card),
.wd-popup:has(.cf7-modern-card),
.woodmart-promo-popup:has(.cf7-modern-card) {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: var(--cf7-radius-card) !important;
  max-width: 520px !important;
  padding: 0 !important;
}

/* Unified background for entire popup container */
.mfp-content .wd-popup,
.mfp-content .woodmart-promo-popup {
  background: #ffffff !important;
  border-radius: var(--cf7-radius-card) !important;
  padding: 0 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
  max-width: 520px !important;
  position: relative !important;
}

/* Hide duplicate stray text widgets in Elementor popup blocks */
.wd-popup .elementor-widget-text-editor,
.woodmart-promo-popup .elementor-widget-text-editor {
  display: none !important;
}

/* Modern close button ✕ in popup (single icon, pseudo-elements disabled) */
.mfp-wrap .mfp-close:after,
.wd-popup .mfp-close:after,
.woodmart-promo-popup .mfp-close:after,
.mfp-wrap .mfp-close:before,
.wd-popup .mfp-close:before,
.woodmart-promo-popup .mfp-close:before {
  display: none !important;
  content: "" !important;
}

.mfp-wrap .mfp-close,
.wd-popup .mfp-close,
.woodmart-promo-popup .mfp-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 28px !important;
  border-radius: 4px !important;
  background-color: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  color: #4b5563 !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  opacity: 1 !important;
  z-index: 100 !important;
}

.mfp-wrap .mfp-close:hover,
.wd-popup .mfp-close:hover,
.woodmart-promo-popup .mfp-close:hover {
  background-color: #e5e7eb !important;
  color: #111827 !important;
}

/* ==========================================================================
   CF7 DARK THEME (STO Landing / Dark Mode)
   ========================================================================== */
.cf7-dark-theme,
#contact .wpcf7,
.landing-black .wpcf7 {
  --cf7-dark-bg: rgba(255, 255, 255, 0.05);
  --cf7-dark-bg-hover: rgba(255, 255, 255, 0.08);
  --cf7-dark-border: rgba(255, 255, 255, 0.12);
  --cf7-dark-border-focus: #FF4A22;
  --cf7-dark-text: #ffffff;
  --cf7-dark-muted: #9ca3af;
  --cf7-dark-accent: #FF4A22;
}

.cf7-dark-theme .cf7-label,
#contact .wpcf7 .cf7-label {
  color: #e5e7eb !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.cf7-dark-theme .cf7-star,
#contact .wpcf7 .cf7-star {
  color: #FF4A22 !important;
}

.cf7-dark-theme .cf7-field-header,
#contact .wpcf7 .cf7-field-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
}

.cf7-dark-theme .cf7-badge-optional,
#contact .wpcf7 .cf7-badge-optional {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #9ca3af !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 9999px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.cf7-dark-theme input[type="text"],
.cf7-dark-theme input[type="tel"],
.cf7-dark-theme input[type="email"],
.cf7-dark-theme textarea,
.cf7-dark-theme .cf7-modern-input,
#contact .wpcf7 input[type="text"],
#contact .wpcf7 input[type="tel"],
#contact .wpcf7 input[type="email"],
#contact .wpcf7 textarea,
#contact .wpcf7 .cf7-modern-input {
  width: 100% !important;
  height: 48px !important;
  background-color: #ffffff !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 4px !important;
  color: #111827 !important;
  font-size: 14px !important;
  padding: 0 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.cf7-dark-theme input::placeholder,
.cf7-dark-theme textarea::placeholder,
#contact .wpcf7 input::placeholder,
#contact .wpcf7 textarea::placeholder {
  color: #9ca3af !important;
  font-size: 13.5px !important;
  opacity: 1 !important;
}

.cf7-dark-theme input:focus,
.cf7-dark-theme textarea:focus,
.cf7-dark-theme .cf7-modern-input:focus,
#contact .wpcf7 input:focus,
#contact .wpcf7 textarea:focus,
#contact .wpcf7 .cf7-modern-input:focus {
  background-color: #ffffff !important;
  border-color: #FF4A22 !important;
  box-shadow: 0 0 0 3px rgba(255, 74, 34, 0.22) !important;
  color: #111827 !important;
}

.cf7-dark-theme input[name="car-vin"],
.cf7-dark-theme .cf7-vin-input,
#contact .wpcf7 input[name="car-vin"],
#contact .wpcf7 .cf7-vin-input {
  font-family: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  letter-spacing: 0.10em !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #111827 !important;
  background-color: #ffffff !important;
}

.cf7-dark-theme input[name="car-vin"]:focus,
.cf7-dark-theme .cf7-vin-input:focus,
#contact .wpcf7 input[name="car-vin"]:focus,
#contact .wpcf7 .cf7-vin-input:focus {
  background-color: #ffffff !important;
  border-color: #FF4A22 !important;
  color: #111827 !important;
}


/* Service selection buttons with white background */
.service-grid .service-option,
#service-options .service-option,
.cf7-dark-theme .service-option,
#contact .service-option {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
  color: #1f2937 !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  padding: 12px 10px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.service-grid .service-option:hover,
#service-options .service-option:hover,
.cf7-dark-theme .service-option:hover,
#contact .service-option:hover {
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}

.service-grid .service-option.selected,
#service-options .service-option.selected,
.cf7-dark-theme .service-option.selected,
#contact .service-option.selected {
  background: #FF4A22 !important;
  border-color: #FF4A22 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 74, 34, 0.35) !important;
  transform: translateY(-2px) !important;
}

.cf7-dark-theme .cf7-format-hint,
#contact .wpcf7 .cf7-format-hint {
  color: #9ca3af !important;
  font-size: 11.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 5px !important;
  line-height: 1.3 !important;
}

.cf7-dark-theme .cf7-hint-icon,
#contact .wpcf7 .cf7-hint-icon {
  fill: #9ca3af !important;
  flex-shrink: 0 !important;
}

.cf7-dark-theme .cf7-divider-wrap,
#contact .wpcf7 .cf7-divider-wrap {
  display: flex !important;
  align-items: center !important;
  margin: 18px 0 !important;
  gap: 12px !important;
}

.cf7-dark-theme .cf7-divider-line,
#contact .wpcf7 .cf7-divider-line {
  flex: 1 !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.cf7-dark-theme .cf7-divider-text,
#contact .wpcf7 .cf7-divider-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #9ca3af !important;
  background: #0f0f0f !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  white-space: nowrap !important;
}

.cf7-dark-theme .cf7-divider-icon,
#contact .wpcf7 .cf7-divider-icon {
  color: #FF4A22 !important;
}

.cf7-dark-theme .cf7-acceptance-wrap,
#contact .wpcf7 .cf7-acceptance-wrap {
  margin: 16px 0 18px !important;
}

.cf7-dark-theme .cf7-acceptance-wrap label,
.cf7-dark-theme .cf7-acceptance-wrap .wpcf7-list-item-label,
#contact .wpcf7 .cf7-acceptance-wrap label,
#contact .wpcf7 .cf7-acceptance-wrap .wpcf7-list-item-label {
  color: #9ca3af !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.cf7-dark-theme .cf7-acceptance-wrap a,
#contact .wpcf7 .cf7-acceptance-wrap a {
  color: #FF4A22 !important;
  text-decoration: underline !important;
}

.cf7-dark-theme .cf7-acceptance-wrap input[type="checkbox"],
#contact .wpcf7 .cf7-acceptance-wrap input[type="checkbox"] {
  accent-color: #FF4A22 !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

.cf7-dark-theme input[type="submit"],
.cf7-dark-theme .cf7-btn-pill,
#contact .wpcf7 input[type="submit"],
#contact .wpcf7 .cf7-btn-pill {
  width: 100% !important;
  height: 52px !important;
  background: linear-gradient(135deg, #FF4A22 0%, #dd330a 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(255, 74, 34, 0.35) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.cf7-dark-theme input[type="submit"]:hover,
.cf7-dark-theme .cf7-btn-pill:hover,
#contact .wpcf7 input[type="submit"]:hover,
#contact .wpcf7 .cf7-btn-pill:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255, 74, 34, 0.5) !important;
  filter: brightness(1.1) !important;
}

.cf7-dark-theme input[type="submit"]:active,
.cf7-dark-theme .cf7-btn-pill:active,
#contact .wpcf7 input[type="submit"]:active,
#contact .wpcf7 .cf7-btn-pill:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(255, 74, 34, 0.3) !important;
}