/**
 * oumelghait.css
 * Surcharges et personnalisations par-dessus main.css
 * Ne pas modifier main.css directement — utiliser ce fichier
 */

:root {
  --theme-color: #6754E9;
  --theme-color-2: #F15F25;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

/* Menu mobile */
.offcanvas__wrapper .offcanvas__top {
  background-color: var(--theme-color);
  margin: -30px -30px 28px;
  padding: 18px 30px;
}

.offcanvas__wrapper .offcanvas__top .offcanvas__logo img {
  display: block;
}

.offcanvas__wrapper .offcanvas__contact {
  display: none;
}

.offcanvas__wrapper .offcanvas__content > .theme-btn {
  display: none;
}

/* Preloader */
.preloader {
  background-color: #1a1a2e;
  inset: 0;
  min-height: 100dvh;
}
.preloader .loader .loader-section .bg {
  background-color: #1a1a2e;
}
.preloader .animation-preloader .preloader-spinner-wrap {
  position: relative;
  width: 9em;
  height: 9em;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader .animation-preloader .preloader-spinner-wrap .spinner {
  position: absolute;
  inset: 0;
  margin: 0 !important;
  width: 100%;
  height: 100%;
}
.preloader .animation-preloader .preloader-logo {
  position: relative;
  height: 90px;
  width: auto;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .preloader-spinner-wrap {
    width: 7.5em;
    height: 7.5em;
  }
  .preloader .animation-preloader .preloader-logo {
    height: 65px;
  }
}