.display-portrait {
  .swiper-image,
  .is-image {
    aspect-ratio: $portrait-image-aspect-ratio;
    padding-bottom: 0;
  }
}

.display-carre {
  .swiper-image,
  .is-image {
    aspect-ratio: $carre-image-aspect-ratio;
    padding-bottom: 0;
  }
}

.display-paysage {
  .swiper-image,
  .is-image {
    aspect-ratio: $paysage-image-aspect-ratio;
    padding-bottom: 0;
  }
}

.frontend ul {
  padding-left: 0;
}

.contact_gallery {
  img {
    max-width: 100%;
  }
}

// affichage horraire
.section-contact .table_schedule {
  display: none;

  tr {
    vertical-align: top;
  }
}

.schedule .opening_informations::after {
  content: "";
  width: 9px;
  height: 6px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.4rem;
  display: inline-block;
  vertical-align: middle;
}

//Cacher le bouton téléverser et l’afficher là ou il est utile
#content .navbar a#btn-upload {
  visibility: hidden;
}

.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload {
  visibility: visible;
}

.select2-results .select2-highlighted {
  background: #f9f9f9;
}

// img placeholder

.r-item-img-placeholder {
  background: $img-placeholder;
  background-size: cover;
  background-position: center;
}

// Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.

.section-contact .contact_informations a {
  display: block;
}

.userrole-authenticated.template-edit #content-core .edit .form-label {
  font-weight: 600;
}

// backoffie icon
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1%;
}

.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text {
  width: 100%;
}

.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
  position: relative;
  flex-basis: 15%;
  padding: 0.75rem;
  text-align: center;
}

.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
  width: auto;
  height: 2.5rem;
}

.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}

.mb-ign-mode-liste-carte {
  z-index: 0;
}

.procedure a::after {
  content: "\F135";
  font-family: Bootstrap-icons;
  margin-left: 0.5rem;
  position: relative;
  top: 3px;
}

.sortable-section .section-title a {
  &[aria-expanded="false"] {
    position: relative;

    &::after {
      display: inline-block;
      content: "\F282";
      font-family: Bootstrap-icons;
      font-size: 0.75rem;
      margin-left: 0.5rem;
      text-decoration: none;
      transition: all 0.2s ease;
    }
  }

  &[aria-expanded="true"] {
    position: relative;

    &::after {
      display: inline-block;
      content: "\F282";
      font-family: Bootstrap-icons;
      font-size: 0.75rem;
      margin-left: 0.5rem;
      text-decoration: none;
      transform: rotate(-180deg);
      transition: all 0.2s ease;
    }
  }
}

// Backoffice TinyMCE
body#tinymce.mce-content-body {
  padding: 12px;
}