/*
Theme Name: Majordom
Theme URI: https://codebless.io
Author: Code Bless
Author URI: https://codebless.io
Description: Thème wordpress personnalisé
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: Majordom
*/

html, body {
  overflow-x: hidden;
}

body, body p {
  font-family: "Raleway", sans-serif !important;
}

.green-text {
  color: #37d3c9 !important;
}

body footer{
  margin-block-start: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item__label {
  font-family: "Rubik", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Rubik", sans-serif !important;
}

h1, h2, h3, h5 {
  text-transform: uppercase !important;
  font-weight: bold !important;
}

.ticss-a6a67260 {
  border-radius: 25px !important;
  overflow: hidden !important;
}

.bloc-cards-services .menage, .bloc-cards-services .informatique, .bloc-cards-services .bricolage, .bloc-cards-services .jardinage, .bloc-cards-services .courses, .bloc-cards-services .cuisine, .bloc-cards-services .animaux, .bloc-cards-services .conduite {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#metaslider_3336 {
  border-radius: 25px !important;
  overflow: hidden !important;
}

#metaslider-id-3426.metaslider.ms-theme-clarity .flexslider {
    margin-bottom: 0 !important;
}

#metaslider-id-3426.metaslider.ms-theme-clarity .flexslider .caption-wrap {
  border: none !important;
}

#metaslider-id-3426.metaslider.ms-theme-clarity .flexslider .caption-wrap .caption {
  padding: 25px !important;
}

#metaslider_3426.flexslider .slides li {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#metaslider-id-3426 .flexslider .flex-direction-nav li a {
  box-shadow: none !important;
}

.gfield_description.instruction {
  display: none !important;
}



/* MAJORDOM */


header .wp-block-navigation ul li > a {
  transition: 0.3s ease !important;
}


header .wp-block-navigation ul li:not(:last-child) > a:hover {
  text-decoration: none !important;
  color: #37d3c9 !important;
}

header .wp-block-navigation ul li:last-child a {
  background-color: #ffd962 !important;
  padding: 10px 40px 10px 15px !important;
  text-transform: uppercase !important;
}

header .wp-block-navigation ul li:last-child a:hover {
  text-decoration: none !important;
  background-color: #fccb38 !important;
}

#gform_wrapper_1 {
  background: white;
  position: relative;
  padding: 60px 30px;
  top: -33px;
  z-index: 5;
  border-radius: 20px;
}

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus {
  border-color: #ffd962 !important;
  box-shadow: 0 0 5px #ffd962 !important;
  outline: none !important;
}

#gform_submit_button_1 {
  text-transform: uppercase !important;
  font-weight: bold !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  padding: 23px 80px !important;
  font-size: 18px !important;
}

header .wp-block-navigation ul li:last-child a::before {
  content: '\f31c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 13px;
  top: 11px;
  font-size: 14px;
  color: black;
}

.ombre-jaune img {
    box-shadow: 17px 17px 0px #ffd962 !important;
    transition: 0.3s ease !important;
}

.ombre-jaune img:hover {
    box-shadow: 12px 12px 0px #ffd962 !important;
}

.ombre-ronde-jaune img {
    border-radius: 50%; 
    box-shadow: 12px 12px 0px #ffd962 !important;
    transition: 0.3s ease !important;
}

.ombre-ronde-jaune img:hover {
    border-radius: 50%;   
    box-shadow: 10px 10px 0px #ffd962 !important;
}

.ombre-ronde-jaune02 img {
    border-radius: 50%;  
    box-shadow: 6px 6px 0px #ffd962 !important;
    transition: 0.3s ease !important;
}

.ombre-ronde-jaune02 img:hover {
    border-radius: 50%;    
    box-shadow: 4px 4px 0px #ffd962 !important;
}

.wp-block-themeisle-blocks-icon-list .wp-block-themeisle-blocks-icon-list-item i {
  font-size: 21px !important;
}

.btn-brochure a {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0 !important;
  padding: 12px 50px 12px 15px !important;
  font-size: 18px !important;
}

.btn-brochure a::before {
  content: '\f518';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 20px;
  color: white;
}

.btn-service-action a {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0 !important;
  padding: 12px 15px 12px 15px !important;
  font-size: 18px !important;
  transition: 0.3s ease;
}

.texte-ombre-jaune {
  text-shadow: 3px 3px 0px #ffd962 !important;
}

.ligne-blanche::after {
  content: '';
  display: block;
  position: relative;
  height: 4px;
  max-width: 970px;
  left: 0;
  right: 0;
  bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(255, 255, 255, 0.6);
}

:target {
  scroll-margin-top: 80px; 
}


/* Customizes the whole scrollbar */
::-webkit-scrollbar {
  width: 8px !important; 
}

/* Customizes the track of the scrollbar */
::-webkit-scrollbar-track {
  background: #fffff0 !important; 
}

/* Customizes the thumb of the scrollbar */
::-webkit-scrollbar-thumb {
  background: #ffd962 !important;
  transition: 0.3s ease !important;
  border-radius: 2px;
}

/* Changes the thumb color on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffd962 !important;
}

@media screen and ( max-width: 420px) {
  #socialMedia {
    left: 90px !important;
  }
  #gform_submit_button_1 {
    font-size: 12px !important;
  }
  #field_1_7 {
    position: relative;
    right: 24px;
  }
}

@media screen and ( min-width: 421px) and ( max-width: 991px) {
  #socialMedia {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and ( max-width: 991px) {
  #socialMedia {
    position: fixed;
    top: initial;
    bottom: 30px;
    width: fit-content;
    z-index: 1000;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    opacity: 0;
    transform: translateY(50px);
    animation: socialFadeIn 1s ease-out 3s forwards;
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  #socialMedia a:not(:last-child) {
    margin-right: 10px !important;
  }

  /* définition de l’animation */
  @keyframes socialFadeIn {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

@media screen and ( min-width: 992px) {
  #socialMedia {
    position: fixed;
    top: 20vh;
    left: 10px;
    width: fit-content;
    z-index: 1000;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 11px;
    font-size: 20px;
    opacity: 0;
    transform: translateX(-50px);
    animation: socialFadeIn 1s ease-out 3s forwards;
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  #socialMedia a:not(:last-child) {
    margin-bottom: 10px;
  }

  /* définition de l’animation */
  @keyframes socialFadeIn {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}

#socialMedia a img {
  width: 40px !important;
}

#socialMedia a {
  transition: 0.3s ease !important;
  color: white !important;
}

#socialMedia a:hover {
  color: #f0e9e0!important;
}

#socialMediasection a {
  color: white;
  font-size: 20px;
}


/* temoignages */

.client-slide {
  position: relative;
  border: 2px solid #0000000f;
  border-radius: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1%;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  background: #ffffff;
  
  display: flex;             /* active Flexbox */
  flex-direction: column;    /* empile le contenu verticalement */
  justify-content: center;   /* centre verticalement */
  align-items: center;       /* centre horizontalement */
}

.slide-inner {
  position: relative;
  padding: 20px;
  background: #1e1e1e; /* juste pour voir le contraste */
  border-radius: 12px;
  overflow: hidden;
}

/* base des traits */
.ticket-line {
  position: absolute;
  top: 20px;
  bottom: 20px;
  background: #1e1e1e; /* couleur du trait */
  border-radius: 2px;
}

/* tailles différentes */
.ticket-line.big {
  width: 5px;
}
.ticket-line.medium {
  width: 3px;
}
.ticket-line.small {
  width: 2px;
}

/* position à gauche */
.ticket-line.left.big    { left: 27px; }
.ticket-line.left.medium { left: 22px; }
.ticket-line.left.small  { left: 18px; }

/* position à droite */
.ticket-line.right.big    { right: 27px; }
.ticket-line.right.medium { right: 22px; }
.ticket-line.right.small  { right: 18px; }

.ticket-infos {
  margin-left: 4%;
  margin-right: 4%;
}

.client-slide img {
    max-width: 120px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.client-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;   /* rend l’image ronde */
  object-fit: cover;    /* recadre l’image dans le cercle */
}

.swiper-button-prev i,
.swiper-button-next i {
  font-size: 2rem; /* taille de l’icône */
  color: #1e1e1e;    /* couleur blanche */
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: none !important;
}

.modal-content {
  border-radius: 12px; 
  border: 2px solid #0000000f; 
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
  color: #1e1e1e !important; /* facultatif si tu veux le texte lisible */
}

.modal-body {
  padding: 0 40px 35px 40px;
}

.modal-body .client-avatar {
  margin-bottom: 8px;
}

.modal-header {
  border-bottom: none;
}

.client-text, .client-name {
  font-size: 13px !important;
}

.client-text {
  font-style: italic !important;
}

.client-name {
  font-style: italic !important;
  font-weight: bold !important;
}

.client-lire {
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: #7e3552 !important;
}

.menage figure, .informatique figure, .bricolage figure, .jardinage figure, .courses figure, .cuisine figure, .animaux figure, .conduite figure {
  position: relative;
}

.menage figure::after, .informatique figure::after, .bricolage figure::after, .jardinage figure::after, .courses figure::after, .cuisine figure::after, .animaux figure::after, .conduite figure::after {
  content: "" !important;
  position: relative !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 6px !important;
}

.menage-mobile::after, .informatique-mobile::after, .bricolage-mobile::after, .jardinage-mobile::after, .courses-mobile::after, .cuisine-mobile::after, .animaux-mobile::after, .conduite-mobile::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 6px !important;
}

.menage figure::after, .menage-mobile::after {
  background: #FC6766 !important;
}
.informatique figure::after, .informatique-mobile::after {
  background: #fbc100 !important;
}
.bricolage figure::after, .bricolage-mobile::after {
  background: #acce51 !important;
}
.jardinage figure::after, .jardinage-mobile::after {
  background: #34baff !important;
}
.courses figure::after, .courses-mobile::after {
  background: #cf2b2a !important;
}
.cuisine figure::after, .cuisine-mobile::after {
  background: #dd6b11 !important;
}
.animaux figure::after, .animaux-mobile::after {
  background: #089900 !important;
}
.conduite figure::after, .conduite-mobile::after {
  background: #23379e !important;
}

#map-icone-container {
  position: relative !important;
  top: 50px !important;
  z-index: 10 !important;
  pointer-events: none !important;
}

.leaflet-map {
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 5 !important;
  border: 2px solid white !important;
}

.gfield_consent_description {
  font-size: 10px !important;
}

.gform-theme--framework .field_sublabel_above .gform-field-label--type-sub
 {
  color: black !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.gfield_consent_label a {
  color: #37d3c9 !important;
  font-weight: bold !important;
}

.mentions a {
  text-decoration: none !important;
}


@media screen and (max-width: 991px) {

  .space-under-menu {
    height: 72px !important;
  }

  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}


@media screen and ( max-width: 991px)  {

  #modal-1 {
    background: #d4eed3 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    text-decoration: none !important;
    transition: 0.3s ease !important;
    color: #000000 !important;
  }

  /* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover {
    color: #37d3c9 !important;
  } */


  header {
    background: white !important;
  }

  header .custom-logo {
    width: 150px !important;
  }

  header .sap-logo img {
    width: 55px !important;
  }

}

@media screen and ( min-width: 992px)  {

  header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(240, 240, 240, 0.4) 100%);
    opacity: 0; 
    transition: opacity 0.5s ease-in-out;
    pointer-events: none; 
    z-index: -1;
  }

  header.scrolled::after {
    opacity: 0.5; 
  }

  header.scrolled {
    backdrop-filter: blur(8px); 
    transition: backdrop-filter 0.5s ease-in-out;
  }

}


@media screen and ( min-width: 992px) and ( max-width: 1199px) {
  header .custom-logo {
    width: 170px !important;
  }
  header .wp-block-navigation ul li > a {
    font-size: 10px !important;
  }
  header .wp-block-navigation ul li:last-child a::before {
    top: 8px !important;
  }
}

@media screen and ( min-width: 1200px) and ( max-width: 1335px) {
  header .wp-block-navigation ul li > a {
    font-size: 12px !important;
  }
  header .wp-block-navigation ul li:last-child a::before {
    top: 8px !important;
  }
}

@media screen and ( max-width: 1199px) {
  .bloc-cards-services {
    display: none !important;
  }
  .carousel-bottom-margin {
    background: rgb(242, 253, 249) !important;
  }
}

@media screen and ( min-width: 1200px) {
  #metaslider-id-3426 {
    display: none !important;
  }
  .carousel-bottom-margin {
    display: none !important;
  }
}

@media screen and ( max-width: 385px) {
  .container-btn-brochure {
    justify-content: center !important;
  }
  .btn-brochure a {
    padding: 12px 15px 12px 15px !important;
  }

  .btn-brochure a::before {
    display: none !important;
  }
}

@media screen and ( min-width: 782px) and ( max-width: 1027px) {
  .btn-brochure a::before {
    top: 25px;
    right: 20px;
  }
}


@media screen and ( max-width: 781px) {
  .ombre-ronde-jaune img {
      border-radius: 50%;       /* rend l’image vraiment ronde */
      box-shadow: 5px 5px 0px #ffd962 !important;
      transition: 0.3s ease !important;
      width: 50px !important;
      position: relative !important;
      top: 25px !important;
  }

  .ombre-ronde-jaune img:hover {
      border-radius: 50%;       /* rend l’image vraiment ronde */
      box-shadow: 3px 3px 0px #ffd962 !important;
  }

  .texte-ccm p {
    text-align: center !important;
    font-size: 12px !important;
  }
}

@media screen and ( max-width: 838px) {
  .btn-service-action:first-of-type a {
    margin-bottom: 10px !important;
  }
}