/* AVBA — Correctif bordures mobiles v1.0.2
   Le desktop n'est volontairement pas modifié. */

@media (max-width: 760px) {
  /*
   * Les héros AVBA utilisent des cadres absolus. Dans le thème actuel,
   * le contenu mobile peut commencer à ~11px du bord alors que certains
   * cadres sont à 12 / 20 / 25 / 45px : ils traversent alors le contenu.
   * On déplace le cadre principal au bord extérieur et on supprime le
   * second cadre purement décoratif sur l'accueil.
   */

  .avba-hero::before {
    inset: 6px !important;
    border-color: rgba(198, 161, 91, .20) !important;
  }

  .avba-hero::after {
    display: none !important;
  }

  .avba-page-hero::after,
  .avba-service-hero::after {
    inset: 6px !important;
    border-color: rgba(198, 161, 91, .16) !important;
  }

  /*
   * Légère marge de sécurité spécifique aux héros : +7px environ
   * de chaque côté par rapport au thème actuel. Cela évite tout contact
   * avec H1, paragraphes et boutons sans changer le reste du site.
   */
  .avba-hero > .avba-container,
  .avba-page-hero > .avba-container,
  .avba-service-hero > .avba-container {
    width: min(calc(100% - 36px), var(--avba-container)) !important;
  }

  .avba-hero .avba-actions,
  .avba-page-hero .avba-actions,
  .avba-service-hero .avba-actions {
    position: relative;
    z-index: 3;
  }

  /* Page Dépôt-vente : on réactive un cadre mobile unique, propre et éloigné du contenu. */
  .avba-dv-hero::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 6px !important;
    border: 1px solid rgba(198, 161, 91, .16) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  .avba-dv-hero::after {
    display: none !important;
  }

  .avba-dv-hero > .avba-container {
    width: min(calc(100% - 36px), var(--avba-container)) !important;
  }

  /*
   * Cadres intérieurs contenant du texte : on leur donne un peu plus
   * d'air uniquement quand ils existent sur mobile.
   */
  .avba-intro-card,
  .avba-form-panel,
  .avba-contact-detail-card,
  .avba-map-card {
    background-clip: padding-box;
  }

  /* Les coins purement décoratifs ne doivent jamais recouvrir du texte. */
  .avba-card-corner {
    pointer-events: none !important;
  }
}
