﻿/* Accueil desktop : contact + devis equilibres.
   Charge apres les feuilles globales pour gagner la cascade sans toucher au responsive. */
@media (min-width: 1024px) {
  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact {
    padding: 30px 32px 42px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact > p {
    margin-bottom: 24px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-row {
    max-width: 980px !important;
    gap: 26px !important;
    align-items: stretch !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form,
  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 470px !important;
    min-height: 470px !important;
    padding: 22px !important;
    border-radius: 14px !important;
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.34),
      0 0 0 1px rgba(232, 204, 128, 0.12),
      0 0 22px rgba(212, 175, 55, 0.08) !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form {
    gap: 8px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form h5,
  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent h5 {
    font-size: 1.24rem !important;
    line-height: 1.22 !important;
    margin: 0 0 10px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .input-group {
    margin: 0 !important;
    min-height: 0 !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form input,
  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form textarea {
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 12px 9px 34px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form textarea {
    height: 104px !important;
    min-height: 104px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .textarea-group .input-icon {
    top: 14px !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .contact-form .btn-submit,
  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact #btn-devis {
    min-height: 40px !important;
    margin-top: 8px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent {
    justify-content: flex-start !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent-image {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 292px !important;
    max-height: 322px !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 10px !important;
    box-shadow: inset 0 0 0 1px rgba(232, 204, 128, 0.14) !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent-image img {
    object-fit: cover !important;
    object-position: center !important;
  }

  body.kmg-burger-only:not(.service-page):not(.realisations-page):not(.devis-page) #contact .devicontent-actions {
    margin-top: 18px !important;
  }
}
