/**
 * Theme Name:     C-WAYS
 * Author:         marc-brandon.com
 * Template:       hello-biz
 * Text Domain:	   cways
 * Description:    Theme pour C-WAYS
 * Theme URI:      https://marc-brandon.com%20
 */

html, body {overflow-x: hidden }

sup.reg {
  font-size: 70%;
}

p sup.reg, li sup.reg {
  font-size: 90%;
  vertical-align:sub;
}

ul {
  list-style-position: outside; 
  margin-left: 1em;          
  padding-left: 0;            
}

li {
  text-indent: 0;   
  margin-bottom: 0.5em;  
}


.elementor-counter .elementor-counter-title {text-align: center;}


a.elementor-button {border :1px var(--e-global-color-57c8da2) solid; border-style: solid !important;}


/*Menu*/
.e-n-menu-dropdown-icon {display:none !important}
div#srm {
    padding: 0 clamp(0.88rem, -1.55rem + 3.79vw, 3rem);
    border-right: 1px solid #fff;
}
div#btn-contact {
    background: #fff;
}

div#btn-contact .e-n-menu-title-text {
    color: #000 !important;
}


/*carré*/
.carre-m, .bc-card {aspect-ratio: 1 / 1;}
.carre{
  aspect-ratio: 1 / 1;
  width: min(90vw, 440px);   
  height: auto !important;  
  align-self: flex-start; 
  max-width: 100%;
}

.offre .offre-emploi:nth-child(odd) {
  background-color: #e8e3d9; 
}

.offre .offre-emploi:nth-child(even) {
  background-color: #f5f3ef; /* couleur B */
}


.txt-d {padding : 3rem 0 0 3rem !important;}
.txt-g {padding : 3rem 3rem 0 0 !important;}



.uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desc, .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desig, .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-name {padding:0 !important}


/*accuei slider*/
.e-loop-item-4360 .elementor-element.elementor-element-72686a4:not(.elementor-motion-effects-element-type-background) {
    background-color: #0c151333 !important;
}

.hero-slider img.wp-image-151 {
    height:50px !important;
    margin-left:26%}


/* Equipe */
.mg-expand-box .mg-expand-content{
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:max-height .25s ease;

}
.mg-expand-title {
  display: flex;
  justify-content: space-between !important; 
  align-items: flex-start !important; 
  cursor: pointer !important; 
  position: relative !important; 
}


.mg-expand-title::after {
  content: "";
  display: inline-block;
  width: 1em; 
  height: 1em;
  background: url("https://c-ways.com/wp-content/uploads/2025/09/plus.svg") no-repeat center center;
  background-size: contain;
  margin-left: 0.4em;
  margin-top: 1em;
  transition: transform 0.3s ease;
}

.mg-expand-box.is-open .mg-expand-title::after {
  background: url("https://c-ways.com/wp-content/uploads/2025/09/moins.svg") no-repeat center center;
  content: "";
  display: inline-block;
  width: 1em;   
  height: 1em;
  background-size: contain;
  margin-left: 0.4em; 
  transition: transform 0.3s ease;
}


.mg-expand-box.is-open .mg-expand-content {
  -webkit-line-clamp: unset;  
  overflow: visible;
}


.mg-toggle-icon{display:inline-block;transition:transform .2s ease;}
.mg-expand-box.is-open .mg-toggle-icon{transform:rotate(180deg);}

/*filtres*/
.mg-filter {
  position: relative;
  display: inline-block;
}

.mg-filter summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat";
  font-size: 16px;
    width: 20vw;
    border-bottom: 1px solid #fff;
    max-width: 100%;
}

.mg-filter summary::-webkit-details-marker {
  display: none;
}

.mg-caret {
    display: inline-block;
    text-align: right;
    flex-shrink: 0;
    width: 20px;
    transition: transform 0.3s;
    font-size: 150%;
    font-weight: 300;
}

.mg-filter[open] summary .mg-caret {
  transform: rotate(180deg);
}

.mg-filter ul {
    position: static;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 10;
    min-width: 300px;
    text-align: right;
    padding: 10px;
  
  background: #882B43;
}

.mg-filter ul li {
    margin: 0;
    color: #fff;
}

.mg-filter ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
}
.mg-filter ul li a:hover {
  text-decoration: underline;
  color: #fff;
  font-weight: 600;
}


.elementor-menu-anchor::before {
  content: "";
  display: block;
  height: 30vh; 
  margin-top: -30vh; 
  z-index: -1;
}


/* cible UNIQUEMENT ce widget par son id Elementor */
.elementor-element-055997c .e-filter-item[data-filter="c-data-ai"],
.elementor-element-055997c .e-filter-item[data-filter="c-strategy"],
.elementor-element-055997c .e-filter-item[data-filter="c-trends"],
.elementor-element-055997c .e-filter-item[data-filter="cas-clients"]{
  display:none !important;
}

/*filtre boutons*/
.elementor-element-cdb16d1 button.e-filter-item {
    background: #fff;
    border-radius: 50px;
    padding: 0 15px;
}


.elementor-element-cdb16d1 .elementor-widget-taxonomy-filter .e-filter-item:hover, .elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true] {
    background-color: #fff !important;
    color: var(--e-global-color-primary) !important;
    font-weight: 600;
}

/*video galery*/

h4.uael-video__caption {
    text-align: left !important;
    margin-top: 0.5rem !important;
    font-size: 18px !important;
}

/*responsive*/

@media (max-width: 767px) {
  .txt-d, .txt-g {padding : 1rem 0 !important;}
.mg-filter summary {
    width: 80vw;

}



}