/* ==========================================================================
   COMPONENTS — buttons, contact form, accordion, date field, misc UI
   ========================================================================== */

/* --------------------------------------------------------------------------
   Accordion
   -------------------------------------------------------------------------- */

body .ps-accordion-batir button {
  width: 100%;
}

@media (max-width: 375px) {
  .ps-accordion-batir button.kt-blocks-accordion-header {
    width: 100%;
  }
}

/* Accordion plus icon sizing */
.kt-accordion-id53_19aa75-89:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle)
  > .kt-accordion-inner-wrap
  > .wp-block-kadence-pane
  > .kt-accordion-header-wrap
  .kt-blocks-accordion-icon-trigger:after,
.kt-accordion-id53_19aa75-89:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle)
  > .kt-accordion-inner-wrap
  > .wp-block-kadence-pane
  > .kt-accordion-header-wrap
  .kt-blocks-accordion-icon-trigger:before {
  height: 13px;
  width: 2px;
}

/* --------------------------------------------------------------------------
   Date / GAQ field
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   Contact form
   -------------------------------------------------------------------------- */

.gaq-form-wrap {
  max-width: 340px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.gaq-form-wrap p {
  margin: 0;
  padding: 0;
}

.gaq-field-full {
  width: 100%;
}

.gaq-field-half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.gaq-field-half > div {
  min-width: 0;
}

.gaq-field-half > div span.wpcf7-form-control-wrap,
.gaq-form-wrap span.wpcf7-form-control-wrap {
  display: block;
}

/* Inputs & textarea */
.gaq-form-wrap input[type="text"],
.gaq-form-wrap input[type="email"],
.gaq-form-wrap input[type="tel"],
.gaq-form-wrap input[type="date"],
.gaq-form-wrap textarea,
.gaq-form-wrap select {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background: #f4f4f4;
  border: none;
  border-radius: 12px;
  padding: 16px 10px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #4f4f4f;
  outline: none;
  resize: none;
  backdrop-filter: blur(2px);
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.gaq-form-wrap textarea {
  height: auto;
  min-height: 54px;
}

/* Placeholders — all vendor prefixes for full coverage */
.gaq-form-wrap input::placeholder,
.gaq-form-wrap textarea::placeholder {
  color: #4f4f4f;
  opacity: 1;
}

.gaq-form-wrap input::-webkit-input-placeholder,
.gaq-form-wrap textarea::-webkit-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}

.gaq-form-wrap input::-moz-placeholder,
.gaq-form-wrap textarea::-moz-placeholder {
  color: #4f4f4f;
  opacity: 1;
}

.gaq-form-wrap input:-ms-input-placeholder,
.gaq-form-wrap textarea:-ms-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}

/* Focus */
.gaq-form-wrap input:focus,
.gaq-form-wrap textarea:focus,
.gaq-form-wrap select:focus {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

/* Select chevron */
.gaq-form-wrap select {
  cursor: pointer;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234F4F4F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}

/* Submit button */
.gaq-form-wrap input[type="submit"],
.gaq-form-wrap .wpcf7-submit {
  width: 100%;
  height: 54px;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  background: #ed0000;
  color: #fefefe;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  border: none;
  border-radius: 28px;
  cursor: pointer;
  backdrop-filter: blur(2px);
  -webkit-appearance: none;
  transition: background 0.2s ease, transform 0.1s ease;
}

.gaq-form-wrap input[type="submit"]:hover,
.gaq-form-wrap .wpcf7-submit:hover {
  /* background: #c40000; */
}

.gaq-form-wrap input[type="submit"]:active,
.gaq-form-wrap .wpcf7-submit:active {
  transform: scale(0.98);
}

/* Privacy note */
.gaq-privacy {
  text-align: right;
  font-size: 12px;
  line-height: 15px;
  color: #4f4f4f;
  margin-top: -5px !important;
}

.gaq-privacy a {
  color: inherit;
  text-decoration: none;
}

/* Validation */
.wpcf7-not-valid-tip {
  color: #ed0000;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

.wpcf7-response-output {
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14px;
  margin-top: 4px;
}

/* Hide CF7 spinner */
.gaq-form-wrap .wpcf7-spinner {
  display: none;
}

/* Mobile contact form */
@media (max-width: 440px) {
  .ps-contact-form .wpcf7-form-control.wpcf7-submit {
    width: 100%;
  }
}

/* Compact inputs at 375px */
@media (max-width: 375px) {
  .gaq-form-wrap {
    max-width: 340px;
    gap: 12px;
  }

  .gaq-form-wrap input[type="text"],
  .gaq-form-wrap input[type="email"],
  .gaq-form-wrap input[type="tel"],
  .gaq-form-wrap input[type="date"],
  .gaq-form-wrap textarea {
    height: 44px;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 140%;
    border-radius: 8px;
  }

  .gaq-form-wrap textarea {
    min-height: 44px;
  }

  .gaq-form-wrap input[type="submit"],
  .gaq-form-wrap .wpcf7-submit {
    height: 44px;
    padding: 12px 28px;
    font-size: 14px;
    line-height: 120%;
  }

  .gaq-privacy {
    font-size: 12px;
    line-height: 15px;
    margin-top: -8px !important;
  }
}

/* --------------------------------------------------------------------------
   Vehicle CTA buttons
   -------------------------------------------------------------------------- */

.vehicle-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 12px 16px;
  width: 185px;
  height: 52px;
  background: #ed0000;
  border-radius: 28px;
  text-decoration: none;
}

.vehicle-btn-sm {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 12px 16px;
  width: 156px;
  height: 52px;
  background: #ed0000;
  border-radius: 28px;
  text-decoration: none;
}

.vehicle-btn-text {
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #fefefe;
}

.vehicle-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fefefe;
  border-radius: 50%;
}

.vehicle-btn-icon svg {
  width: 20px;
  height: 20px;
}

/* @media (max-width: 767px) { */
/*   .vehicle-btn, */
/*   .vehicle-btn-sm { */
/*     padding: 12px 12px 12px 16px; */
/*     gap: 10px; */
/*     width: 185px; */
/*     height: 52px; */
/*   } */
/* } */
/**/
/* @media (max-width: 376px) { */
/*   .vehicle-btn, */
/*   .vehicle-btn-sm { */
/*     padding: 6px 8px 6px 12px; */
/*     gap: 8px; */
/*     width: 161px; */
/*     height: 40px; */
/*   } */
/**/
/*   .vehicle-btn-text { */
/*     font-size: 14px; */
/*     line-height: 120%; */
/*   } */
/* } */

/* --------------------------------------------------------------------------
   Burger trigger
   -------------------------------------------------------------------------- */

.wp-block-kadence-off-canvas-trigger333_8606fc-80 {
  background-color: transparent;
}

.wp-block-kadence-off-canvas-trigger333_8606fc-80:hover {
  background-color: transparent;
}

.wp-block-kadence-off-canvas-trigger svg {
  width: 20px;
  height: 25px;
}

/* --------------------------------------------------------------------------
   Expand button — hidden on smallest screens
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .expand-btn {
    display: none !important;
  }
}


/* --------------------------------------------------------------------------
   Footer menu
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .hide-on-mobile,
  .ps-not-mobile {
    display: none;
  }
}


.kt-accordion-id53_d216b1-fb .kt-accordion-inner-wrap {
  gap: 21px;
}

@media (max-width: 767px) {
  .kt-accordion-id53_d216b1-fb .kt-accordion-inner-wrap {
    gap: 26px;
  }
}


.ps-icon-how .wp-block-kadence-infobox .kt-blocks-info-box-media {
  padding: 16px;
}

.ps-icon-how .wp-block-kadence-infobox .kadence-info-box-image-intrisic img {
  width: 32px;
  height: auto;
}

@media (max-width: 767px) {
  .ps-icon-how .wp-block-kadence-infobox .kt-blocks-info-box-media {
    padding: 14px;
  }

  .ps-icon-how .wp-block-kadence-infobox .kadence-info-box-image-intrisic img {
    width: 32px;
  }
}

@media (max-width: 420px) {
  .ps-icon-how .wp-block-kadence-infobox .kt-blocks-info-box-media {
    /* padding: 12px; */
    max-width: 48px;
  }

  
  .ps-icon-how .wp-block-kadence-infobox .kadence-info-box-media-container {
    max-width: 48px;
  }

  .ps-icon-how .wp-block-kadence-infobox .kadence-info-box-image-intrisic img {
    width: 24px;
  }

  .kt-blocks-info-box-link-wrap {
    margin-bottom: 0;
    margin-top: 0;
  }

 .kt-blocks-info-box-link-wrap {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
 }
}


@media (max-width: 1024px) {
  .ps-hide-on-tablet-and-down {
    display: none !important;
  }

  .kb-row-layout-id53_b797c3-b8 > div {
    grid-template-columns: unset !important;
  }
}