/* contact-mobile.css — Fix audit 2026-07-03 : formulaire remonté, map réduite au fond */
@media (max-width: 768px) {
  /* Réduire la map iframe à une taille minimale sur mobile (juste pour situer visuellement) */
  #iqitcontactpage-map {
    max-height: 180px !important;
    overflow: hidden !important;
    order: 99 !important;
    margin-top: 20px;
    border-radius: 8px;
  }
  #iqitcontactpage-map iframe {
    height: 180px !important;
    max-height: 180px !important;
  }

  /* Rendre le container parent flex + ordonner */
  #content-wrapper, #main {
    display: flex;
    flex-direction: column;
  }

  /* H1 en tout premier */
  #main .page-header, #content-wrapper .page-header {
    order: 1 !important;
    margin-bottom: 8px !important;
  }
  #main .page-header .h1.page-title {
    font-size: 20px !important;
    color: #000F8F !important;
    text-align: center;
    padding: 8px 0 !important;
    margin: 0 !important;
  }

  /* Section content (form + info) en 2e position */
  #main #content, #content-wrapper #content { order: 2 !important; }

  /* Réorganiser la row contact : formulaire en premier, adresse en dessous */
  #main #content .row, #content-wrapper #content .row {
    display: flex !important;
    flex-direction: column !important;
  }
  #main #content .col-sm-8, #content-wrapper #content .col-sm-8 { order: 1 !important; }
  #main #content .col-sm-4.contact-page-info, #content-wrapper #content .col-sm-4.contact-page-info { order: 2 !important; margin-top: 12px !important; }

  /* Map en dernier */
  #main #iqitcontactpage-map, #content-wrapper #iqitcontactpage-map { order: 99 !important; }

  /* Card contact info : afficher horizontalement compact + call to action */
  .contact-rich {
    background: linear-gradient(135deg, #f0f9e0 0%, #ecfdf5 100%);
    border: 1px solid #d5eaa0;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
  }
  .contact-rich strong { color: #000F8F; font-size: 15px; display: block; margin-bottom: 8px; }
  .contact-rich .part { padding: 4px 0; text-align: left; }
  .contact-rich .part .icon { color: #79a500; margin-right: 6px; }
  .contact-rich hr { margin: 4px 0; opacity: .3; }

  /* Formulaire header + labels */
  .contact-form h4 {
    font-size: 16px; color: #000F8F; margin: 4px 0 8px !important;
    text-align: center;
  }
  .contact-form .col-md-9.col-md-offset-3 { margin: 0 !important; text-align: center; }
  .contact-form .form-group.row {
    display: flex !important; flex-direction: column !important;
    margin-bottom: 10px !important;
  }
  .contact-form .col-md-3.form-control-label {
    text-align: left !important;
    padding: 4px 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    font-size: 13px; color: #4b5563;
  }
  .contact-form .col-md-9 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }
  .contact-form .form-control {
    font-size: 14px !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    border: 1.5px solid #d1d5db !important;
  }
  .contact-form .form-control:focus {
    border-color: #79a500 !important;
    box-shadow: 0 0 0 3px rgba(121,165,0,.12) !important;
    outline: none;
  }
  .contact-form textarea.form-control { min-height: 100px; }
  .contact-form .btn-primary, .contact-form .form-control-submit {
    background: #79a500 !important;
    border-color: #79a500 !important;
    color: #fff !important;
    padding: 12px 28px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(121, 165, 0, .25);
  }
  .contact-form .btn-primary:hover,
  .contact-form .form-control-submit:hover {
    background: #5e8200 !important; border-color: #5e8200 !important;
  }
}