/*
Theme Name: rdauto
Template: astra
Description: RDauto child theme — Car card + Hero/WPForms essentials.
Author: RDauto
Version: 1.0.8
Text Domain: rdauto
*/

/* ==========================================================
   A) CAR CARD (Elementor)
   ========================================================== */

.car-card {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  transition: box-shadow .2s ease; /* removed transform transition */
}

.car-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  transform: none !important; /* safety reset */
}

.car-card .elementor-image-carousel {
  margin: 0 0 10px;
}

.car-card .elementor-image-carousel .swiper-slide img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 0 !important;
  transform: none !important;
}

.car-card h3,
.car-card .elementor-heading-title {
  margin: 0 0 6px;
  font-weight: 700;
  color: #111;
}

.car-card .price {
  margin: 4px 0 10px;
  font-weight: 800;
  color: #d02828;
  font-size: 20px;
}

.car-card .btn-contact {
  margin-top: auto;
}

.car-card .btn-contact .elementor-button {
  padding: 14px 16px;
  border-radius: 0;
  background: #c5162b;
  color: #fff;
  font-weight: 700;
}

.car-card .btn-contact .elementor-button:hover {
  background: #a71123;
}

@media (max-width: 420px) {
  .car-card {
    padding: 18px;
    gap: 12px;
  }
}

/* ==========================================================
   B) HERO + WPFORMS
   ========================================================== */

@media (max-width: 767px) {
  #hero {
    display: flex !important;
    flex-direction: column !important;
  }
  #hero-left { display: contents !important; }
  #hero-topic  { order: 1; }
  #hero-form   { order: 2; margin-top: 12px; }
  #hero-phones { order: 3; margin-top: 16px; }
}

#hero-form {
  padding-top: 28px !important;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  #hero-form { padding-top: 20px !important; }
}

#hero-form.e-con, #hero-form .e-con-inner {
  --widgets-spacing: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

#hero-form .elementor-widget, 
#hero-form .elementor-widget > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

#hero-form .elementor-widget-heading .elementor-heading-title {
  margin: 0 0 6px !important;
  line-height: 1.2;
}

#wpforms-form-2568 input[type="text"],
#wpforms-form-2568 input[type="number"],
#wpforms-form-2568 input[type="email"],
#wpforms-form-2568 input[type="tel"],
#wpforms-form-2568 select,
#wpforms-form-2568 textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  border-radius: 0;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111;
  padding: 12px 14px;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}

#wpforms-form-2568 ::placeholder { color: #9ca3af; }

#wpforms-form-2568 input:hover,
#wpforms-form-2568 select:hover,
#wpforms-form-2568 textarea:hover { border-color: #cbd5e1; }

#wpforms-form-2568 input:focus,
#wpforms-form-2568 select:focus,
#wpforms-form-2568 textarea:focus {
  outline: 0;
  border-color: #111 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.12) !important;
}

#wpforms-form-2568 .wpforms-field.wpforms-has-error input,
#wpforms-form-2568 .wpforms-field.wpforms-has-error select,
#wpforms-form-2568 .wpforms-field.wpforms-has-error textarea,
#wpforms-form-2568 [aria-invalid="true"] {
  border-color: #CC2539 !important;
  box-shadow: 0 0 0 3px rgba(204,37,57,.15) !important;
}

#wpforms-form-2568 input[disabled],
#wpforms-form-2568 select[disabled],
#wpforms-form-2568 textarea[disabled] {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
  cursor: not-allowed;
}

#wpforms-form-2568 .wpforms-submit,
#wpforms-form-2568 .wpforms-page-button {
  display: block;
  width: 100% !important;
  border-radius: 0;
  background: #CC2539 !important;
  color: #fff !important;
  border: 2px solid #CC2539 !important;
  font-weight: 800;
  padding: 16px 24px;
  line-height: 1.2;
  text-align: center;
  margin-top: 8px !important;
  transition: all .2s ease;
}

#wpforms-form-2568 .wpforms-submit:hover,
#wpforms-form-2568 .wpforms-page-button:hover {
  background: #fff !important;
  color: #CC2539 !important;
  border-color: #CC2539 !important;
  transform: translateY(-1px);
}

#wpforms-form-2568 .wpforms-page-buttons {
  display: block !important;
  margin-top: 16px !important;
}

#wpforms-form-2568 .wpforms-page-button + .wpforms-page-button {
  margin-top: 12px !important;
}

#wpforms-form-2568 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  padding-right: 40px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}

#wpforms-form-2568 .select2-container { width: 100% !important; }
#wpforms-form-2568 .select2-container .select2-selection--single,
#wpforms-form-2568 .select2-container .select2-selection--multiple {
  border-radius: 0 !important;
  border: 1px solid #d1d5db !important;
  min-height: 52px;
  padding: 12px 14px;
}

#wpforms-form-2568 .select2-selection__rendered {
  color: #111;
  line-height: 1.3;
  padding-left: 0;
}

#wpforms-form-2568 .select2-selection__arrow {
  height: 100%;
  right: 10px;
}

#wpforms-form-2568 .select2-dropdown {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 0 !important;
  overflow: hidden;
}

#wpforms-form-2568 .select2-results__option {
  color: #4b5563;
  padding: 10px 12px;
}

#wpforms-form-2568 .select2-results__option--highlighted[aria-selected],
#wpforms-form-2568 .select2-results__option--highlighted {
  background: #f3f4f6 !important;
  color: #111 !important;
}

#wpforms-form-2568 .wpforms-page[data-page="1"] .wpforms-field-pagebreak:first-child {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================
   C) COUNTERS
   ========================================================== */

.counter-box { flex: 1 1 33.33%; text-align: center; }

@media (max-width: 1024px) {
  .counter-box { flex: 1 1 50%; }
}

@media (max-width: 767px) {
  .counter-box {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .counter-box .elementor-counter,
  .counter-box .elementor-heading { margin: 4px 0; }

  .counter-box .elementor-counter { font-size: 32px !important; line-height: 1.2; }
  .counter-box .elementor-heading { font-size: 16px !important; line-height: 1.3; }
}

/* ==========================================================
   D) WHY US (mobile reorder)
   ========================================================== */

@media (max-width: 767px) {
  .why-us { flex-direction: column !important; }
  .why-text { display: contents !important; }

  .why-top { order: 1; }
  .why-image { order: 2; }
  .why-bottom { order: 3; }
}

/* ==========================================================
   E) WHY US SPACING (extra gap under images on mobile)
   ========================================================== */

@media (max-width: 767px) {
  .why-image { margin-bottom: 28px; }
  .why-bottom { margin-top: 8px; }
}