/* Babbikit - refonte : styles communs a tout le site
   Sections : 1. Bannieres des pages  2. Mode test des pages Creative Elements
   Regles en test : prefixees par .bbk-test (visibles seulement avec ?bbk_test=1).
   A la mise en ligne d une section, le prefixe .bbk-test y est retire. */

/* ===== 1. Bannieres des pages (module bbkitheader) - en ligne ===== */

/* Ordinateur : marges haute et basse reduites, photo moins haute */
.bbkit-header-custom ._bbkit-header_custom {
  padding: 56px 5rem;
}
.bbkit-header-custom .presentation-image {
  height: 460px;
  width: 640px;
  max-width: 100%;
  background-position: center;
}

/* Ecrans moyens */
@media screen and (max-width: 1073px) {
  .bbkit-header-custom .presentation-image {
    height: 340px;
    width: 500px;
  }
}

/* Telephone */
@media screen and (max-width: 871px) {
  .bbkit-header-custom ._bbkit-header_custom {
    padding: 1.75rem 1rem !important;
    gap: 16px;
  }
  .bbkit-header-custom .presentation-image {
    height: 240px !important;
    width: 100%;
  }
}

/* ===== 2. Mode test des pages Creative Elements - en ligne =====
   Classe bbk-nouveau : section preparee, visible seulement avec ?bbk_test=1.
   Classe bbk-ancien : section actuelle, masquee seulement avec ?bbk_test=1.
   Bascule : inverser ces regles, puis supprimer les anciennes sections. */
.bbk-nouveau { display: none !important; }
.bbk-test .bbk-nouveau { display: block !important; }
.bbk-test .bbk-ancien { display: none !important; }
/* Dans l editeur Creative Elements : la section preparee reste visible pour la modifier */
.elementor-editor-active .bbk-nouveau { display: block !important; }