/*
Theme Name: SGTM
Theme URI: contact@mahdibamoulid.ma
Author: EMB
Author URI: https://mahdibamoulid.com
Description: Description
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: SGTM

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
body {
  direction: rtl;
  unicode-bidi: embed;
  font-family: "Almarai", sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
}

b,
strong {
  font-weight: 800;
}

[data-animation="slideInLeft"] {
  transform: translateX(100%);
}

[data-animation="slideInRight"] {
  transform: translateX(-100%);
}

.ltr {
  direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
select,
textarea,
.file__wrapper .file__btn,
.dropdown__button,
.dropdown__list_item,
.alaune__for .alaune__for_item_descriptif a,
label{
  font-family: "Almarai", sans-serif !important;
}
.section__title {
  line-height: 1.2;
}

.link__withIcon {
  flex-direction: row-reverse;
}

.with__icon {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.with__icon svg,
.button__round svg,
.roll__wrapper .roll__btn svg {
  transform: rotate(180deg);
}

a:hover.with__icon svg {
  transform: rotate(180deg) translateX(10px);
}

.lines {
  direction: ltr !important;
}
/* Home */

#header .header__nav li:last-child {
  margin-right: max(25px, min(5rem, 50px));
  margin-left: 0;
}

#header .header__rs li {
  margin-right: auto;
  margin-left: 10px;
}

#header .header__rs li:last-child {
  margin-right: auto;
  margin-left: 0;
}

#lang__switcher li:last-child::after {
  padding-left: 0;
  padding-right: 20px;
}
#lang__switcher li::after {
  padding-right: 5px;
  padding-left: 0;
}

[data-mod="realisation"] .module__wrapper .module__item a {
  align-items: flex-start;
}

[data-mod="realisation"] .module__wrapper .module__item a .module__spacer {
  margin: 0 0 0 25px;
}

.slider .slider__wrapper .slider__item .slider__item_txt {
  right: 200px;
  left: auto;
}

.realisationImg__wrapper {
  left: calc(50vw - 620px);
  right: auto;
}

.alaune__nav .alaune__navigation {
  right: calc(50% + 310px);
  left: auto;
  transform: scaleX(-1) translate(-50%, -50%);
}

.slider .slider__pagination {
  left: auto;
  right: 120px;
}

.slider .slider__timer {
  right: auto;
  left: 100px;
}

.slider .slider__scrollDown_wrapper {
  left: auto;
  right: 100px;
}

.slider .slider__pagination .slider__pagination_bullet span::before {
  left: auto;
  right: -45px;
}

.slider .slider__scrollDown_wrapper .h6 i {
  margin-right: auto;
  margin-left: 20px;
}

.group .group__wrapper .group__link {
  padding-right: 0;
  padding-left: max(25px, min(10rem, 100px));
}
.group .group__wrapper .group__link a {
  font-family: "Almarai", sans-serif !important;
}

.group .group__wrapper .group__column1 {
  padding-right: calc(50vw - 620px);
  padding-left: max(100px, min(25rem, 250px));
}

.metiers .metiers__wrapper,
.metiers .metiers__wrapper .metiers__slider {
  direction: ltr;
}

.metier__item__inner .metier__descriptif {
  line-height: 1.3;
}
/* Groupe */

[data-mod="groupe"]
  .histoire__wrapper
  .histoire__item
  .histoire__item_date
  > :first-child {
  text-align: left;
}

[data-mod="groupe"] .keys__wrapper .keys__grid .keys__grid_item p {
  text-align: left;
}

[data-mod="groupe"]
  .keys__wrapper
  .keys__grid
  .keys__grid_item
  .keys__grid_item_value
  .h2 {
  text-align: left;
}

[data-mod="groupe"] .histoire__wrapper .histoire__item .histoire__item_date {
  right: auto;
}

[data-mod="groupe"]
  .valeur__wrapper
  .valeur__list
  .valeur__item
  .valeur__item_content
  .valeur__descriptif {
  text-align: right;
  direction: rtl;
}

[data-mod="groupe"] .edito__wrapper .edito__content ul li::before {
  transform: rotate(180deg) translateY(-10px);
}

[data-mod="groupe"]
  .valeur__wrapper
  .valeur__list
  .valeur__item
  .valeur__item_content
  > * {
  align-self: flex-end;
}
/* Réalisation */
.filters__wrapper .column__1 a:first-child {
  margin-right: 0;
  margin-left: max(10px, min(2rem, 20px));
}

[data-mod="realisation"]
  .module__wrapper
  .module__vignette
  .module__vignette_text {
  align-items: flex-start;
}
/* Offre d'emploi */

.form__wrapper .form__item .required {
  right: auto;
  left: 0;
}

.form__wrapper .form__item .file__loader .required {
  right: auto;
  left: 15px;
}


.file__wrapper .file__btn {
  margin-right: 0;
  margin-left: 20px;
}
/* Filiales */

[data-mod="nos-filiales"] .bloc__style1.reverse .bloc__style1_img,
[data-mod="notre-politique-qhse"] .bloc__style1.reverse .bloc__style1_img {
  text-align: left;
}
/* Autres */

.button__outline,
.button__style1,
.button__style2,
.button__style3 {
  font-family: "Almarai", sans-serif;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(100% - max(70px, min(12rem, 120px))));
    transform: translateX(calc(100% - max(70px, min(12rem, 120px))));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(100% - max(70px, min(12rem, 120px))));
    transform: translateX(calc(100% - max(70px, min(12rem, 120px))));
  }
}

@-webkit-keyframes sideScroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes sideScroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.footer .footer__data ul li {
  margin-bottom: 15px;
}

/* .rtl__flip1 {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.valeur__wrapper .valeur__list .valeur__item_content .valeur__descriptif {
  text-align: right;
  direction: rtl;
  line-height: 1.4;
}
.valeur__wrapper .valeur__list .valeur__item_content .valeur__img img {
  -o-object-position: right;
  object-position: right;
} */

@media (max-width: 768px) {
  .slider .slider__wrapper .slider__item .slider__item_txt {
    right: 25px;
  }
  .slider .slider__scrollDown_wrapper {
    right: 25px;
  }
  .group .group__wrapper .group__column1 {
    padding-right: 25px;
    padding-left: 100px;
  }
  .group .group__wrapper .group__link {
    padding-right: 25px;
  }
  [data-mod="groupe"] .keys__wrapper .keys__list .keys__item .keys__item_title {
    margin-top: 0;
  }
  [data-mod="groupe"]
    .histoire__wrapper
    .histoire__item
    .histoire__item_date
    > :first-child {
    text-align: center;
  }
  [data-mod="groupe"]
    .valeur__wrapper
    .valeur__list
    .valeur__item
    .valeur__item_content
    > img {
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
}


/* formcraft */
html .formcraft-css .fc-form.label-floating .field-cover > span {
  text-align: right;
}
html
  .formcraft-css
  .fc-form.label-floating
  .form-element
  .form-element-html
  .field-cover
  > span
  > span.main-label
  > span::after {
  right: auto !important;
  left: 0 !important;
}

html
  .formcraft-css
  .fc-form
  .form-element
  .submit-cover.align-right
  .submit-button,
html .formcraft-css .fc-form .form-element .fileupload-cover .button-file {
  font-family: "Almarai", sans-serif !important;
}

html
  .formcraft-css
  .fc-form
  .form-element
  .fileupload-cover.field-cover
  > div::before {
  left: 0;
  right: auto;
}