/*
 Theme Name:   repair-express
 Theme URI:    https://www.madagascar-design.com
 Description:  Thème par L'Equipe madadesign
 Author:       Harry
 Author URI:   https://www.madagascar-design.com
 Template:     wp-bootstrap-starter
 Version:      1.0.0
*/

/* general */

:root{
--main-color-green : #e85e00;
--main-color-orange :#e85e00;

}
body{
	margin: 0;
	padding: 0;
	font-family: Montserrat, sans-serif;
}
body #page h1{
	display: block !important;
}
img{
	border-radius: 10px;
}
body ul {
	list-style-type: none;
	padding: 0;
}
body h1{
	font-weight: 700;
    line-height: 1.1;
    
}

tbody a{
	color: #e85e00;
}
tbody a:hover{
	color: #e85e00;
}
a {
	color: #1a1a1a;
}
.custom-header-h1{
	margin: 0 auto;
}
.custom-header-h1 h1{
	text-align: center;
	line-height: 100px;
}
.fa-regular, .far{
	font-weight: 900 !important;
	font-size: 50px;
    margin-right: 20PX;
}
 

a:hover{
	text-decoration: none;
}

 .top-title{
    font-size: 2rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.top-header{
	background: linear-gradient(359deg, rgb(255 238 230) 10%, rgb(254 105 0) 97%);
    font-size: 1.2rem;
    font-weight: 500 !important;
    padding-bottom: 2px;
    height: 45px;
}

/*-----logo------*/

.navbar-brand img{
	border-radius: 15px !important;
	width: 200px;
}

/* Menu */

.navbar-collapse ul li a{
	text-transform: uppercase;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #888888;
    padding: 0.9rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: var(--main-color-orange);

}
header#masthead {
	background: none;
	box-shadow: none;
}
.site-header{
	display: flex;
	margin-top: 20px;

}
ul#menu-menu_principal li .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	padding-top: 8px;
}

ul#menu-menu_principal li ul.dropdown-menu li:last-child .dropdown-item {
	border-bottom: 0px solid #ccc;
}
.dropdown-menu .dropdown-item:hover {
	color: #d6630c;
}
#masthead .navbar-nav > li:hover > .dropdown-menu {
display: block;
top: 48px;
}
#masthead .navbar-nav li > .dropdown-menu li:hover .dropdown-menu {

top: -3px;

display: block;
}

/* accueil */
a.tel{
	color: #191919;
}
a.tel:hover{
	color: #d80101;
}
#primary{
	width: 100%;
}

/*custopm h1 */
/* .custom-header-h1{
	display: none;
} */



 /*...............*/
 .carousel-inner{
	display: flex;
	justify-content: center;
 }
 .bg{
	display: flex;
	flex-direction: column;
	color: white;
	justify-content: space-evenly;
	align-items: center;
	border: solid ;
	border-radius: 10px;
	object-fit: cover;
	background-color: #e85e00;
	
	height: 300px;
 }
 .title-bg{
	color: white;
	font-size: 15px;
	text-align: center;
 }
 /* .img-bg{
	width: 450px;
	height: 300px;
	object-fit: cover;
 } */
 .carousel-inner h2 ,.carousel-inner h3{
	color: #FFFFFF;
 }
 .carousel-item{
	color: white;
	
	padding: 50px;
	margin: 0 auto;
	border-radius: 20px;
 }
 .carousel-color-one{
	background: linear-gradient(90deg, rgba(253,122,46,0.9500175070028011) 36%, rgba(252,70,31,1) 85%);
 }
 .carousel-color-second{
	background: linear-gradient(90deg, rgba(6,20,9,0.7203256302521008) 3%, rgba(73,164,93,0.7203256302521008) 99%, rgba(230,255,243,1) 99%);
 }
 .carousel-color-third{
	background-color: black;
 }
 /*carousel bootstrap*/
 /* .container-custom{
	display: flex;
	flex-direction: column;
	position: relative;
	background: #e85e0091;
	height: 350px;
 } */
 .sub-title-carousel{  

 	font-weight: 400;
    line-height: 1.2;						
    color: #272121;
    font-size: 23px;
    text-align: left;
 }

.pos-item{
	width: 80%;
	display: flex;
	justify-content: space-between ;
	margin: 0 auto;
}
.btrdv{
	z-index: 2;
    padding: 0.75rem 3em 0.75rem 3em;
    text-align: center;
    vertical-align: middle;
    letter-spacing: .0313rem;
    line-height: 1.5;
    background-color: black ;
    border-radius: 0.5rem;
    margin-top: 1rem;
    transition: all .3s;
    font-size: 1.125rem;
    font-weight: 700;
	border: none;
}
 .btrdv a{
	color: #fff !important;
}


.text-banner {
	width: 100%;
}

.text-banner .text-banner1
{
  
   height: 280%;
   max-width: 100%;
}
.pos-item{
	align-items: center;
}


/*...........header pages interieur ......*/

.banner-rdv{
	margin: 20px 10px;
    background: linear-gradient(#de938d,#cbeecb)!important;
    padding: 20px 0;
    border-radius: 15px
}
.Pos-icon1{
	width: 30%;
	position: relative;
  	right: 211px;
}
.Pos-icon2{
	width: 30%;
	position: relative;
  	left: 211px;
}

/*.parallaxint .img-pos img{
	display: block;
	align-items: center;
	border-radius: 20px;
}*/

.reseaux{
	padding-bottom: 30px;
	padding-top: 10px;
}
.categ{
    max-width: 1600px;
	margin: 0 auto;
}
.categ .row{
	margin-left: 35px;
	margin-right: 35px;
}
.categ .col-sm-4{
	margin-bottom: 35px;
}
body #page .categ h2 a{
	color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	margin-bottom: 20px;
}
/* .container  h1{
	display: none;
} */
#content.site-content{
	padding: 0;
}
/* ---- Cartes catégories redesign orange/noir ---- */
.categ .col-sm-3 {
    padding: 8px;
}
.categ .cta-primary{
    background-color: #1a1a1a;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s ease;
    text-align: center;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 24px 12px !important;
    min-height: 110px;
    border: 2px solid transparent;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.categ .cta-primary:hover {
    background-color: #e85e00;
    border-color: #e85e00;
    text-decoration: none !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232,94,0,0.35);
}
.categ .cta-primary:hover svg {
    fill: #fff;
    color: #fff;
}
.cat-front svg {
    width: 44px;
    height: 44px;
    margin: 0 0 10px 0;
    color: #e85e00;
    transition: color .3s;
}
.cat-txt {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block;
    margin-left: 0 !important;
}
.img-cat-front{
	 display: table-cell;
  	 vertical-align: middle;
}
.categ .img-cat-front{
	background: rgb(243 236 236 / 83%);
	border-radius: 10px;
	margin: 0 auto;
	transition: transform 0.2s ease 0s;
}
.categ img{
	border-radius: 10px;
	margin: 0 auto;
	transition: transform 0.2s ease 0s;
	background :linear-gradient(#a18c80, #fa8a28) !important;
	 min-width: 100%;
}
/*.categ img:hover{
	transform: translateY(3px);
}*/
.rdv .col-sm h3{
	font-size:2.5rem;
	margin-bottom: 25px;
}
.rdv .col-sm img{
	margin-bottom: 30px;
	border-radius:10px ;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}
.rdv a.bt{
	margin-bottom: 30px;
	background: linear-gradient(#b20c00, #8f413b);
	padding: 15px 25px;
	color: #fff;
	text-decoration: none;
	border-radius:5px ;
}
a.bt:hover{
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}
.btrdv{
	transition: transform 0.2s ease 0s;
	display: inline-block;
	margin-bottom: 30px;
}
.btrdv:hover{
	transform: translateY(3px);
}
.rdv p{
	margin-bottom: 40px;
}
.rdv,.logos{
	margin-left: 35px;
	margin-right: 35px;
}
.bklogo{
	border:var(--main-color-orange) solid 0.5px ;
	margin-bottom: 30px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
	max-width: 240px;
	border-radius:10px ;
}
.bklogo img{
	margin: 0 auto;
	padding-top: 10px;
	width: 150px;
}
.catnom{
	padding-left: 8px;
	padding-bottom: 8px;
}
.catnom a{
	color: #000;
	text-decoration: none;
}
.intro{
	margin-top: 70px;
	margin-bottom: 35px;
}
.intro p{
	text-align: center;
}
.intro h2{
	text-align: center;
	font-size: 1.5rem;
}
.inline-photo {
  border: 1em solid #fff;
  border-bottom: 4em solid #fff;
  border-radius: .25em;
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  margin: 2em auto;
  opacity: 0;
  transform: translateY(4em);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  max-width: 600px;
  width: 90%;
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
	transform: rotateZ(-2deg);
}
.clmn{
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	width: 12%;
	min-width: 120px;
	height: 170px;
	text-align: center;
	overflow: hidden;
}
.clmn a{
	text-align: center;
	color: #000;
	text-transform: capitalize;
	font-size: 0.9rem;
}
.clmn .titr{
	padding-top: 8px;
}
.clmn img{
	margin: 0 auto;
}
.liste{
	width: 100%;
	margin: 0 auto;
	
}
.indk{
	text-align: center;
	margin-bottom: 40px;
}
.indk form{
	margin: 0 auto;
}
input#search{
	border: 1px solid #EEEEEE;
	padding: 15px;
	width: 60%;
	background: url(images/corps/loupe.png) no-repeat top right #F4F4F4;
}
.lin a{
	color: #e85e00;
}
.lin .prix{
	font-size: 1.2rem;
	color: #e85e00;
	font-weight: bold;
}
.lin input[type=checkbox]{
	border: 1px solid #E2E2E2;
	width: 20px;
	height: 20px;
	margin-top: 4px;
}
.liste button{
	color: #fff;
	background-color: var(--main-color-orange);
	border: none;
	border-radius: 8px;
	padding: 8px 18px;
	margin-top: 15px;
	margin-bottom: 20px;
	
	transition: transform 0.2s ease 0s;
	display: inline-block;
}
.liste button:hover{
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
	transform: translateY(3px);
}
.rem{
	font-size: 14px;
	color: #378f18;
}
/* header-new all shop  */
/* header-new all shop  */
/* .banner-header1 {
	width: 95%;
	height: 30em;
	line-height: 30em;
	white-space: nowrap;
	margin: 0 20px 0 20px;
	background: linear-gradient(
 	rgba(0, 0, 0, 0.1), 
 	rgba(0, 0, 0, 0.1)
 	),url(/wp-content/themes/repair-express/images/contact/banner-rdv.jpg);
 	background-size:cover;
 	background-repeat:no-repeat;
 	border-radius: 20px;
 	align-items: center;
} */


.btn-rdv{
	display: block;
    position: absolute;
    left: 39%;
    bottom: 201px;
    border: beige;
    margin: 0 auto;
    padding: 0.75rem 2.2em;
    text-align: center;
    letter-spacing: .0313rem;
    background: linear-gradient(#b20c00,#8f413b);
    background-image: linear-gradient(rgb(178, 12, 0), rgb(143, 65, 59));
    color: #ffff;
    border-radius: 0.5rem;
    margin-top: 1rem;
    transition: all .3s;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 28px;
}

.banner-header1 .title-contact h1, .title-contact h3, .title-contact h5 {
	color: #ffff;
	text-align: center;

}
.btn-rdv:hover {
	color: white;
	transform: translateY(3px);
}


.centent-header{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	

}
.centent-header button {
	width: 25rem;
	height: 80px;
	text-align: center;
    vertical-align: middle;
    letter-spacing: .0313rem;
    line-height: 1.5;
    background-color: #e85e00;
    border-radius: 0.5rem;
    margin-left: 3rem;
    transition: all .3s;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;

}

.centent-header button:hover{
	border: none ;
	background-color: #ffff;
	color: #e85e00;
}
.title-contact{
	position: relative;
	top: 155px;
	line-height: 1.2;
	font-weight: 400;
	

}
.banner-header1 .title-contact h1, .title-contact h3, .title-contact h5 {
	color: #ffff;
	
}
.info-shop  svg {
    margin: 20px 0 20px 0;
    color: #e85e00;
}
.info-shop  hr {
    padding: 0.7px 0 5px 0;
   background-color: #e85e00;
}
.open-shop  {
	display: flex;
	flex-direction: column;
}

/* header-new  shop  content*/

.img-shop img{
	background-color: rgba(0, 0, 0, 0.60);
	z-index: 0;
}
.shop-content{
	display: flex;
	flex-wrap: none;
	border: #e85e00 solid 2.3px;
	justify-content: space-around;
	flex-direction: row-reverse;
	margin: px;
	border-radius:10px;
}
.shop-custom .btrdv{
	height: 90px;
	border: 1px solid;
}
.shop-custom button:hover{
	background-color:#e85e00 ;
	color: #ffff;
}
.with-div-shop {
	width: 500px;
	margin-top: 20px;
}
.with-div-shop img{
	margin: auto;

}
.shop-content button {
	width: 32rem;
	text-align: center;
	text-transform: uppercase;
    vertical-align: middle;
    letter-spacing: .0313rem;
    line-height: 1.5;
    background-color: #e85e00;
    border-radius: 0.5rem;
    transition: all .3s;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
    margin-top: 57px;

}
.transport-inf  #gform_submit_button_4 ,.transport-inf  #gform_submit_button_1{
	background-color: #e85e00 !important;
}

.item-transport{
	text-align: center;
	margin-bottom: 7%;
}

.shop-content button:hover{
	border: none ;
	background-color: #ffff;
	color: #e85e00;
	border: 1px solid #e85e00;

}
.info-adress{
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}
.info-shop h5{
	font-size: 16px;
	font-weight: 400;
}
.info-shop ul {
	text-align: center;
}
.info-shop  h2 {
	text-align: center;
}




/*  formulaire de contact  */
.contac-form  {font-family: Montserrat, sans-serif;
  padding: 0px;}

.contac-form input[type=text], textarea, input[type=email],input[type=tel] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  margin-right: 0px;
  margin-left: 0px;
  resize: vertical;
}
.contac-form  label{margin-right: 0px;
  margin-left: 0px;
  width: 100%;}

.contac-form  input[type=submit] {
  background-color: #e85e00;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.contac-form  input[type=submit]:hover {
  background-color: #ffff;
  color: #e85e00;
  border: 1px solid #e85e00;

}

.contac-form .container {
  /* Ajouter box-sizing */
  box-sizing : border-box;
  border-radius:5px;
  background-color:#f2f2f2;
  padding:20px;
  width: 100%;
  /* redéfinition 400 + 2*20 */
  max-width: 440px;
  margin:0 auto;
}
.contac-form  h1  {
  color: #ffc800;
  width: 100%;
}
/* fiche technique */

/* Recolorer les icônes PNG rouges en orange (palette du site) */
tr.elet td:first-child img {
    filter: sepia(1) saturate(4) hue-rotate(330deg) brightness(0.95);
}

table.tabfich tr td{
	text-align: left;
	border-bottom: 1px solid #E6E6E6;
	padding-top: 8px;
	padding-bottom: 10px;
}
.rems{
	color: #e85e00;
	font-size: 13px;
	font-weight: bold;
}
#tr{
	color: #e85e00;
	font-size: 18px;
	font-weight: bold;
}
.tabresum{
	background-color: #FBF5F5;
}
.tabresum tr td{
	padding: 8px 10px;
}
.tabresum tr.trtot{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	font-weight: bold;
	font-size: 22px;
}
.txt_debut{
	margin-bottom: 50px;
	text-align: justify;
}
.txt_fin{
	margin-top: 50px;
	text-align: justify;
}
.txt_debut h2,.txt_fin h2{
	font-size: 24px;
}
.txt_debut h3,.txt_fin h3{
	font-size: 20px;
}
.txt_debut h4,.txt_fin h4{
	font-size: 18px;
}

/* contact */
body.page-template-default h1.entry-title {
    margin-left: 0px;
	margin-right: 0px;
	font-size: 2rem;
	border-bottom: 1px solid #eaecef;
	margin-bottom: 2.9rem;
	line-height: 4rem;
	background: url(images/contact/traittitr.gif) top left no-repeat;
	padding-top: 10px;
	text-align: left;
}

/*.... barre de progession */

#prog-bar {
    margin: 0;
    padding: 0
}
  

#prog-bar #form {
    text-align: center;
    position: relative;
    margin-top: 20px
}
  
#prog-bar #form fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
  
#prog-bar .finish {
    text-align: center
}
  
#prog-bar #form fieldset:not(:first-of-type) {
    display: none
}
  
#prog-bar #form .previous-step, .next-step {
    width: 100px;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}
  
#prog-bar .form, .previous-step {
    background: #616161;
}
  
#prog-bar .form, .next-step {
    background: #2F8D46;
}
  
#prog-bar #form .previous-step:hover,
#prog-bar #form .previous-step:focus {
    background-color: #1a1a1a
}
  
#prog-bar #form .next-step:hover,
#prog-bar #form .next-step:focus {
    background-color: #2F8D46
}
  
#prog-bar .text {
    color: #2F8D46;
    font-weight: normal
}
  
#prog-bar #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}
  
#prog-bar #progressbar .active {
    color: #2F8D46
}
  
#prog-bar #progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}
  
#prog-bar #progressbar #step1:before {
    content: "1"
}
  
#prog-bar #progressbar #step2:before {
    content: "2"
}
  
#prog-bar #progressbar #step3:before {
    content: "3"
}
  
#prog-bar #progressbar #step4:before {
    content: "4"
}
  
#prog-bar #progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}
  
#prog-bar #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}
  
#prog-bar #progressbar li.active:before,
#prog-bar #progressbar li.active:after {
    background: #2F8D46
}
  
#prog-bar .progress {
    height: 20px
}
  
#prog-bar .progress-bar {
    background-color: #2F8D46
}

/* page interne */
body.page-template-reparation-smartphone .intro,body.page-template-reparation-tablette .intro {
    margin-top: 20px;
}

/* footer */
.card-custom{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.img-reparacteur {
	width: 20%;
	margin: 0 auto;
}

footer h5{
	color: #ffff;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
footer  a{
	color: #ffff;
	font-family: Montserrat, sans-serif;
	font-size: 15px;
}
.footer-color{
		background-color: #312e38;
    color: #ffff !important;
    font-size: 1.2rem;
}
footer#colophon{
	background: linear-gradient(#8f413b, #e85e00) !important;
    color: #ffff !important;
    font-size: 1.2rem;
}

.menu_footer ul.nav{
	display: table;
	text-align: center;
	margin: 0 auto;
}
.menu_footer ul li{
	float: left;
}
.menu_footer ul li a{
	font-size: 14px;
}
.menu_footer ul li a:hover{
	
	background: none;
}
.menu_footer{
	background: url(images/footer/trait.jpg) no-repeat bottom center;
	padding-bottom: 15px;
}
.menu_ref ul.nav{
	display: table;
	text-align: center;
	margin: 0 auto;
}
.menu_ref li{
	float: left;
}
.menu_ref ul li a{
	color: #a3a3a3;
}
.menu_ref ul li a:hover{
	
	background: none;
}
.zone_foot{
	padding-top: 40px;
}
.zone_foot h4.widgettitle{
	font-size: 1.2rem;
}
.zone_foot ul li a.nav-link {
    display: block;
    padding: .2rem 0rem;
   padding: 0;
}
.zone_foot .nav > li > a:focus, .zone_foot .nav > li > a:hover {
    background: none;
    
}
.footer-link {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
  margin: 0 auto;
}
.cont-footer{
	width: 100%;
	height: 100%;
}
/*.col-footer-link{
	width: 250px;
}*/
.zone-foot{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.site-footer{
	margin-top: 20px;
}

/*---------------- Footer reseaux---------------*/
/*.margin-b{
	width: 120px;
}*/
.social{
	text-align: center;
}
.social-d{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.social-d img{
	width: 100px;
	border-radius: 3px;
}
.social-custom{
	padding: 20px 0 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 37px 0;
}
.social .btn{
	width: 53px;
	font-size: 35px;
	text-align: center;
}
.social-d{

	padding: 20px 0 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.separator{
	background-color: #ffff;
	width: 50%;
}
.newsletter-size{
	display: inline-flex;
}
.newsletter-size .btn{
	
    text-align: center;
    vertical-align: middle;
    letter-spacing: .0313rem;
    line-height: 1.5;
   	background: linear-gradient(#e85e00, #dc8a47);
    border-radius: 0.5rem;
    margin-left: 1rem;
    transition: all .3s;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
}

/*---------------- Footer arguments icones bottom----------------*/

.argument-icon{
	max-width: 1600px;
	padding-top: 100px ;
	padding-bottom: 100px;
	margin: 0 auto;

}
.argument-icon hr{
	width: 100%;
	background-color:#e85e00;
}
.argument-icon  ul{
	width: 100%;
	padding: 20px 0 20px 0;
	display: flex;
	justify-content: space-between;
}
.argument-icon  ul li{
	padding: 20px 0 20px 0;
	display: flex;
	-webkit-box-pack: end;
  justify-content: flex-end;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 150px;
}
.argument-icon svg{
	margin-bottom: 20px;
	color:var(--main-color-green);
}
.argument-description{

    max-width: 190px;
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/


@media screen and (max-width: 1199px) {
  	.navbar-collapse ul{
	display: block;
	text-align: center;
	}
	
	.navbar-collapse ul li{
		float: none;
	}
	
	
	
}

/*--------------------------------------------------------------
## iPad air ipad mini  landscape
--------------------------------------------------------------*/
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1180px)
  and (orientation:landscape)
   {
   	.shop-content{
		flex-wrap: nowrap;
	}
   	.pos-item{
   		width: 85%;
   	}
   	.text-banner .text-banner1{
    text-align: center;
   	}
   	.text-banner{	
   		width: 91%;
   	}
   	.title-carousel{
   		font-size: 30px;
   	}


  .carousel-control-next-icon{
  	margin-left:60px ;
  }
  .carousel-control-prev-icon{
  	margin-right: 33px;
  }
  .carousel-inner .btrdv{
   		padding: 0.40rem 1.5em;
   	}
	.animated-icon .cat-txt{
		font-size: 10px;
	}
	.animated-icon .cat-icon{
		font-size: 15px;
	}
	.sub-title-carousel{

		font-size: 17px;
	}
	.cat-txt{
	margin-left: 5px;
	}
	.banner-header1{
		margin-top: 10px;
	}
}
/*--------------------------------------------------------------
## iPad air ipad mini portrait
--------------------------------------------------------------*/
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1180px)
  and (orientation:portrait){
  	.shop-content{
		flex-wrap: nowrap;
	}
   	.menu-item-mid a{
	font-size: 12px;
	}
	#menu-item h5{
	font-size: 14px;
	font-weight: bold;
	}

 	.text-banner .text-banner1{
    text-align: center;
    width: 96%;
   	}
   	.text-banner{
   		margin-top: 29px;
   	}
   	.pos-item{
   		width: 85%;
   	}
   	.title-carousel{
   		font-size: 23px;
   	}
   	.img-pos img{
   		width: 92%;
   	}
   	.carousel-inner .btrdv{
   		padding: 0.40rem 1.5em;
   	}
  	.clmn{
		margin-left: 2%;
		margin-right: 2%;
		width: 16%;
	}
	.container {
		max-width: 700px;
	}
	form label{
		width: 100%;
	}
	
	
	ul#menu-menu_principal li ul.dropdown-menu li a.dropdown-item { /* TSALAMA */
		border-top: 1px solid #ccc;
		font-weight: bold;
	}
	ul#menu-menu_principal li ul.dropdown-menu li ul.dropdown-menu li a.dropdown-item {
		border-top: 0px solid #fff000;
		font-weight: normal;
		margin-top: 0px;
	}
	.cat-front svg{
		margin: 0 auto;
		width: 30px;
	}
	.animated-icon .cat-txt{
		font-size: 10px;
	}
	.animated-icon .cat-icon{
		font-size: 15px;
	}
	.sub-title-carousel{

		font-size: 17px;
	}
	.cat-txt{
		margin-left: 5px;
	}
  h1{
  		font-size: 1.2rem;
  	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		border-top: 1px solid #efefef;
	}
	 .margin-b{
	 	
	 	width: 161px;
    	height: 185px
	 }
	 
	.banner-header1{
		margin-top: 10px;
	}
}


/*--------------------------------------------------------------
## iphone
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .bklogo{
	max-width: 100%;
}
	.w100{
		width: 100%;
		flex: none;
	}
	.wpcf7-form{
		margin-bottom: 50px;
	}
	.parallax img {
	  
	  /* display: none; */
	  
	  height: 270px;

	  background-position: center;
		margin-bottom: 50px;
	}
	/* .parallax-int-pos .img-pos{
		display: none;
	} */
	
	.navbar-collapse ul {
		text-align: left;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
		color: #000;
		border-bottom: 3px solid #ccc;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		color: #000;
		padding: 0.5rem;
		font-weight: 500;
		font-size: 1.375rem;
	}
	.menu-menu_principal ul li ul li a.dropdown-item {
		font-size: 1.375rem;
	}
 	.title-carousel{
		font-size: 20px !important;
	}
	.title-contact{
		margin-top: 6%;
	}
	.banner-header1{
		margin-top: 10px;
		line-height: 22em;
	}
	.pos-item {
		width: 100%;
		height: 572px;
		display: flex;
		margin: 0 auto;
	}
	.pos-item img  {
		margin-bottom: 30px;
	}
	.categ .row {
		width: 98%;
		margin: 0 auto;
	}
	.img-reparacteur {
		width: 90%;
		margin: 0 auto;
	}
	
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	.custom-header-h1 {
	margin-top: 10px;

	}
	.custom-header-h1 h1{
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	}
  
	.clmn{
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}
	.clmn a{
		font-size: 1rem !important;
	}
	.footer-link{
	display: block;
	align-items: center;
	text-align: center;
}
.social-custom{
	flex-direction: column;
}
.social-d{
	flex-direction: column;
}
.margin-b{
	margin-bottom: 20px;
}
.carousel-inner .active{
   display: flex;
   width: 100%;
  flex-direction: column;
	
}
carousel-item{
	position: relative;
}

.active .pos-item{
	flex-direction: column-reverse;

	
}
.text-banner{
	height: 285px;
	width: 100%px;
	font-size: 15px;
	text-align: center;
	
}

.sub-title-carousel{
	font-weight: 400;
	font-size: 18px !important;
	text-align: center;

}
.social {
    margin-top: 30px
}
.argument-icon ul{
	flex-direction: column;
	align-items: center;
}
/* .argument-icon hr{
	display: none;
} */
/* .banner-header1{
	height: 400px;
	margin-top: 10px;
	line-height: 14em;
} */

.allshop.title-contact{
	margin-top: 100px;
	}
.allshop.title-contact{

margin-top: 6%;
	}
.title-contact h1{	
	font-size: 18px;
	margin-bottom: 45px;
}
.allshop.pos-shop .btrdv{
	margin: 0 auto;
	width: 250px;
	margin-top: 80px;
}
.both-shop .shop-custom{
	margin-top: 66px;
	

}


}

/*.zone_foot .nav{
	display: block !important;
}*/
/*----------------------------------------------
------------------------------------------------*/

.buttonHeading,
.buttonContainer
{
  text-align:center;
  font-family: Montserrat, sans-serif;

}

.fa{
  background-color: ;
  margin-left: -4px;  
}

.fa.fa-code{ color: #B3AFAF;}
.fa.fa-facebook{ color:#B3AFAF;}
.fa.fa-youtube{color:#B3AFAF;}
.fa.fa-instagram{ color:#B3AFAF;margin-left:-3.5px;}
.fa.fa-twitter{ color:#B3AFAF;}

.btn:hover{
   border: none;
  background-color: #FFFFFF;
}

/* Masquer le titre de page après soumission du formulaire RDV */
.gform_confirmation_wrapper ~ * h1.entry-title,
.gform_confirmation_wrapper ~ * .page-title,
body.page .gform_confirmation_wrapper + h1,
.gform_confirmation_wrapper h1 {
    display: none;
}
/* Style de la boîte de confirmation GF */
.gform_confirmation_wrapper {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    padding: 10px;
    margin: 20px auto;
    max-width: 700px;
}

/* ============================================================
   BARRE DU HAUT — CSS original restauré depuis cache
   ============================================================ */
.top-bar{background:#1a1a1a;color:#fff;padding:7px 0;font-size:13px;z-index:999}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.top-bar-left{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.top-bar-left a,.top-bar-left span{color:#fff;text-decoration:none;font-size:13px}
.top-bar-left a:hover{color:#ff9a3c}
.top-bar-left .fa{color:#e85e00;margin-right:5px}
.btn-rdv-top{background:#e85e00;color:#fff !important;padding:5px 14px;border-radius:4px;font-weight:700;text-decoration:none;font-size:13px;white-space:nowrap}
.btn-rdv-top:hover{background:#cc5200;color:#fff !important}

@media (max-width: 768px) {
    .top-bar-left span{display:none}
    .top-bar-inner{padding:0 10px}
    .top-bar-left{gap:10px}
}

/* ============================================================
   HERO CAROUSEL — CSS original restauré depuis cache
   ============================================================ */
.hero-h1-seo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero-carousel{width:calc(100vw - 40px);position:relative;left:50%;right:50%;margin-left:calc(-50vw + 20px);margin-right:calc(-50vw + 20px);margin-top:20px;margin-bottom:20px;overflow:hidden;border-radius:12px}
.hero-carousel .carousel-inner{width:100%}
.hero-carousel.carousel-fade .carousel-item{opacity:0;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0;width:100%;display:flex !important;pointer-events:none}
.hero-carousel.carousel-fade .carousel-item.active{opacity:1;position:relative;pointer-events:auto}
.hero-slide{width:100%;min-height:420px;display:flex;align-items:stretch}
.hero-slide-1{background:linear-gradient(135deg,#1a1a1a 0%,#2d1a00 55%,#e85e00 100%)}
.hero-slide-2{background:linear-gradient(135deg,#0d1b2a 0%,#1b3a5c 55%,#2196a0 100%)}
.hero-slide-3{background:linear-gradient(135deg,#cc5200 0%,#e85e00 55%,#ff9a3c 100%)}
.hero-col{display:flex;align-items:center;justify-content:center;padding:50px 40px}
.hero-col-icon{width:42%;background:0 0;overflow:visible;align-items:flex-end;padding:0;position:relative}
.hero-col-text{width:58%;flex-direction:column}
.hero-big-icon{font-size:120px;color:rgba(255,255,255,.92);background:0 0 !important;margin:0 !important;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}
.hero-img-popout{width:180px;height:180px;object-fit:contain;border-radius:0;background:0 0;padding:0;display:block;margin:0 auto}
.hero-qualirepar-logo{mix-blend-mode:normal;background:0 0;padding:0}
.hero-col-icon{justify-content:center;align-items:center}
.hero-title{font-size:2.3rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;text-align:left}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.92);margin-bottom:28px;line-height:1.7;text-align:left}
.hero-cta{display:inline-block;background:#fff;color:#e85e00 !important;font-weight:700;font-size:15px;padding:13px 30px;border-radius:30px;text-decoration:none;transition:all .25s;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.hero-cta-light{background:rgba(255,255,255,.15);color:#fff !important;border:2px solid rgba(255,255,255,.7)}
.hero-slide-3 .hero-cta{background:#1a1a1a;color:#fff !important}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.35);text-decoration:none}
.hero-carousel .carousel-indicators{bottom:14px}
.hero-carousel .carousel-indicators li{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);border:none;margin:0 5px}
.hero-carousel .carousel-indicators li.active{background:#fff}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:50px;opacity:.7}
.cta-homepage{display:flex;justify-content:center;gap:16px;padding:20px 15px;background:#fff;flex-wrap:wrap}
.btn-cta-home{background:#e85e00;color:#fff !important;padding:14px 30px;border-radius:5px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s}
.btn-cta-home:hover{background:#cc5200;color:#fff !important}
.btn-cta-tel{background:#1a1a1a;color:#fff !important;padding:14px 30px;border-radius:5px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s}
.btn-cta-tel:hover{background:#333;color:#fff !important}

@media (max-width: 768px) {
    .hero-slide{min-height:auto;flex-direction:column}
    .hero-col-icon{display:none}
    .hero-col-text{width:100%;padding:30px 24px 36px;align-items:center;margin-top:20px}
    .hero-title{font-size:1.3rem;text-align:center;white-space:nowrap;margin-top:15px;margin-bottom:8px}
    .hero-sub{font-size:.78rem;text-align:center;margin-bottom:16px;line-height:1.5}
    .hero-cta,.hero-cta-light,.hero-slide-3 .hero-cta{font-size:.85rem;padding:9px 20px;white-space:nowrap}
    .cta-homepage{padding:14px 10px}
    .btn-cta-home,.btn-cta-tel{padding:12px 20px;font-size:14px;width:100%;text-align:center}
}

/* === Footer — 4 arguments === */
.footer-args-wrap{background:#fff;border-top:2px solid #f3f4f6;border-bottom:2px solid #f3f4f6;padding:36px 20px}
.footer-args{display:flex;justify-content:center;flex-wrap:wrap;gap:0;max-width:1000px;margin:0 auto}
.footer-arg{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:180px;max-width:260px;padding:20px 18px;text-decoration:none;color:#1a1a1a;border-right:1px solid #f0f0f0;transition:color .2s}
.footer-arg:last-child{border-right:none}
.footer-arg:hover{color:#e85e00;text-decoration:none}
.footer-arg-icon{width:58px;height:58px;border-radius:50%;background:rgba(232,94,0,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:background .2s}
.footer-arg:hover .footer-arg-icon{background:rgba(232,94,0,.18)}
.footer-arg-icon svg{color:#e85e00;width:26px;height:26px}
.footer-arg h5{font-size:.9rem;font-weight:800;margin:0 0 6px;color:inherit;letter-spacing:.2px}
.footer-arg p{font-size:.76rem;color:#777;margin:0;line-height:1.55}
@media(max-width:600px){
    .footer-args{gap:0}
    .footer-arg{min-width:calc(50% - 0px);border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:18px 12px}
    .footer-arg:nth-child(2n){border-right:none}
    .footer-arg:nth-child(3),.footer-arg:nth-child(4){border-bottom:none}
}

/* Footer logos certifications + Google badge */
.footer-logos-band{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;padding:22px 20px 14px;background:#fff;border-bottom:1px solid #f0f0f0}
.footer-logo-item{display:flex;align-items:center;justify-content:center;height:60px;text-decoration:none;flex-shrink:0}
.footer-logo-item img{height:60px;width:auto;max-width:180px;object-fit:contain;display:block}

/* Google badge */
.footer-google-badge{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e8eaed;border-radius:12px;padding:10px 18px;height:auto !important;transition:box-shadow .2s}
.footer-google-badge:hover{box-shadow:0 4px 14px rgba(0,0,0,.12);text-decoration:none}
.fgb-g{width:28px;height:28px;flex-shrink:0}
.fgb-content{display:flex;flex-direction:column;gap:2px}
.fgb-stars-wrap{display:flex;align-items:center;gap:6px}
.fgb-score-num{font-size:1.1rem;font-weight:800;color:#1a1a1a;line-height:1}
.fgb-stars-track{position:relative;display:inline-block;font-size:16px;color:#dadce0;letter-spacing:1px;line-height:1}
.fgb-stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#fbbc04;white-space:nowrap}
.fgb-count{font-size:.72rem;color:#5f6368;font-weight:500}

/* Footer social icons */
.social-icons-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1a1a1a;color:#fff !important;font-size:16px;text-decoration:none;transition:background .2s,transform .2s}
.social-icon-btn:hover{background:#e85e00;color:#fff !important;transform:translateY(-2px);text-decoration:none}
.social-icon-btn .fa{line-height:1}

/* === Mobile Hero (homepage, visible ≤ md) === */
.mobile-hero{background:linear-gradient(160deg,#1a1a1a 0%,#2d1a00 60%,#e85e00 100%);padding:28px 20px 24px;margin:0}
.mobile-hero-inner{max-width:480px;margin:0 auto;text-align:center}
.mobile-hero-badge{display:inline-block;background:rgba(232,94,0,.18);color:#ff9a3c;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;border:1px solid rgba(232,94,0,.3)}
.mobile-hero-title{color:#fff;font-size:1.55rem;font-weight:900;line-height:1.2;margin:0 0 14px;letter-spacing:-.3px}
.mobile-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px}
.mobile-hero-tags span{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}
.mobile-hero-ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mhc-rdv{background:#e85e00;color:#fff !important;padding:12px 22px;border-radius:8px;font-size:.9rem;font-weight:700;text-decoration:none;flex:1;min-width:140px;text-align:center;transition:background .2s}
.mhc-rdv:hover{background:#cc5200;color:#fff !important;text-decoration:none}
.mhc-tel{background:transparent;color:#fff !important;padding:12px 22px;border-radius:8px;font-size:.9rem;font-weight:700;text-decoration:none;flex:1;min-width:140px;text-align:center;border:2px solid rgba(255,255,255,.4);transition:border-color .2s}
.mhc-tel:hover{border-color:#e85e00;color:#fff !important;text-decoration:none}

/* Mobile nav — "Voir tout" injected link */
.sr-nav-all-link{color:#e85e00 !important;font-weight:700}
.sr-nav-all-link:hover{color:#cc5200 !important}

/* === Fiche tarif — QualiRépar === */
.prix-barrer{text-decoration:line-through;color:#aaa;font-size:.82rem;display:block;line-height:1.1}
.prix-qr-val{color:#1a1a1a;font-weight:700}
.td-prix{text-align:right;vertical-align:middle;min-width:70px}

/* Bandeau QualiRépar éligible (vert) */
.qr-banner-eligible{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:linear-gradient(90deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:10px;padding:12px 16px;margin:14px 0 8px;color:#15803d}
.qr-banner-eligible .qr-banner-left{display:flex;align-items:center;gap:10px}
.qr-banner-eligible .qr-banner-left svg{flex-shrink:0;color:#16a34a}
.qr-banner-eligible .qr-banner-left strong{display:block;font-size:.9rem;font-weight:700;color:#15803d}
.qr-banner-eligible .qr-banner-left span{font-size:.78rem;color:#166534}
.qr-check-link{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:#15803d;font-size:.72rem;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.qr-check-link:hover{color:#166534}
.qr-btn-not-eligible{background:transparent;border:1.5px solid #86efac;color:#15803d;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
.qr-btn-not-eligible:hover{background:#dcfce7}

/* Bandeau QualiRépar non éligible (orange) */
.qr-banner-excluded{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:linear-gradient(90deg,#fff7ed,#ffedd5);border:1.5px solid #fdba74;border-radius:10px;padding:12px 16px;margin:14px 0 8px;color:#c2410c}
.qr-banner-excluded .qr-banner-left{display:flex;align-items:center;gap:10px}
.qr-banner-excluded .qr-banner-left svg{flex-shrink:0;color:#ea580c}
.qr-banner-excluded .qr-banner-left strong{display:block;font-size:.9rem;font-weight:700;color:#c2410c}
.qr-banner-excluded .qr-banner-left span{font-size:.78rem;color:#9a3412}
.qr-btn-restore{background:transparent;border:1.5px solid #fdba74;color:#c2410c;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
.qr-btn-restore:hover{background:#ffedd5}

/* Lignes récap */
.qr-row-ok td,.qr-row-ko td{padding:4px 0;font-size:.85rem}
.qr-resum-ok{color:#16a34a;font-weight:600}
.qr-resum-ok-val{color:#16a34a;font-weight:700}
.qr-resum-ko{color:#ea580c;font-weight:600}
.qr-resum-ko-val{color:#ea580c;font-weight:700}

/* === Page Réparation === */
.repair-intro{text-align:center;padding:28px 0 12px}
.repair-intro h2{font-size:1.55rem;font-weight:800;color:#1a1a1a;margin-bottom:8px}
.repair-intro p{color:#555;font-size:1rem;max-width:600px;margin:0 auto}
.repair-categories{margin-bottom:10px}
.repair-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;border-radius:14px;padding:26px 10px 20px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;min-height:140px;box-shadow:0 2px 12px rgba(0,0,0,0.13)}
.repair-card:hover{background:#e85e00;color:#fff;transform:translateY(-5px);box-shadow:0 10px 28px rgba(232,94,0,0.32);text-decoration:none}
.repair-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(232,94,0,0.13);border-radius:50%;margin-bottom:14px;color:#e85e00;transition:background .2s}
.repair-card:hover .repair-icon{background:rgba(255,255,255,0.18);color:#fff}
.repair-icon svg{width:28px;height:28px}
.repair-label{font-size:.95rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;display:block;text-align:center}
.repair-sub{font-size:.75rem;color:rgba(255,255,255,.65);display:block;text-align:center;margin-top:4px}
.repair-card:hover .repair-sub{color:rgba(255,255,255,.85)}
.repair-reassurance{padding:18px 0 8px}
.reassurance-item p{font-size:.82rem;color:#333;margin:6px 0 0;font-weight:600}
.reassurance-item{padding:12px 6px}
@media(max-width:576px){
    .repair-card{min-height:110px;padding:18px 8px 14px}
    .repair-intro h2{font-size:1.2rem}
    .repair-icon{width:42px;height:42px;margin-bottom:10px}
    .repair-icon svg{width:22px;height:22px}
}

/* ── NOUVEAU FOOTER (nf-*) ── */
.nf-footer{background:#141414;color:#8a8a8a;font-size:.875rem;font-weight:400;line-height:1.7}
.nf-container{max-width:1140px;margin:0 auto;padding:0 24px}

/* Colonnes */
.nf-main{padding:56px 0 40px;border-top:1px solid #242424}
.nf-main .nf-container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}

/* Colonne 1 : brand */
.nf-brand-desc{font-size:.8rem;color:#ffffff;line-height:1.6;margin:0 0 20px}
.nf-contact-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.nf-contact-list li{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#ffffff;line-height:1.5}
.nf-contact-list li svg{flex-shrink:0;color:#ffffff;margin-top:3px}
.nf-contact-list li a{color:#ffffff;text-decoration:none;transition:color .2s}
.nf-contact-list li a:hover{color:#e85e00}

/* Réseaux sociaux */
.nf-social{display:flex;gap:8px;flex-wrap:wrap}
.nf-social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#2a2a2a;color:#e85e00;text-decoration:none;transition:background .2s,color .2s,transform .2s;flex-shrink:0;border:1px solid #333}
.nf-social-btn:hover{background:#e85e00;color:#fff;transform:translateY(-2px);text-decoration:none;border-color:#e85e00}
.nf-social-btn svg{display:block}

/* Logo footer */
.nf-logo-link{display:inline-block;margin-bottom:14px;text-decoration:none;background:#fff;border-radius:8px;padding:6px 12px;line-height:0}
.nf-logo-img{height:38px;width:auto;max-width:150px;object-fit:contain;filter:none;opacity:1;border-radius:0}

/* Titres de colonnes */
.nf-col-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#c8c8c8;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #2a2a2a}

/* Liens */
.nf-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.nf-links li a{color:#7a7a7a;text-decoration:none;font-size:.82rem;font-weight:400;transition:color .2s;display:block;line-height:1.4}
.nf-links li a:hover{color:#e85e00;text-decoration:none}

/* Barre du bas */
.nf-bottom{background:#0d0d0d;padding:18px 0;border-top:1px solid #2a2a2a}
.nf-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nf-legal{font-size:.72rem;color:#888;margin:0;line-height:1.5;max-width:600px}
.nf-copy{font-size:.78rem;color:#aaa;margin:0;white-space:nowrap}
.nf-copy a{color:#aaa;text-decoration:none;transition:color .2s}
.nf-copy a:hover{color:#e85e00}

/* Masquer anciens éléments footer si résidus */
.footer-color,.cont-footer,.footer-link,.social-custom,.social-d,.reseaux,.separator{display:none}

@media(max-width:1024px){
    .nf-main .nf-container{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:600px){
    .nf-main .nf-container{grid-template-columns:1fr;gap:28px}
    .nf-main{padding:40px 0 28px}
    .nf-bottom-inner{flex-direction:column;align-items:flex-start;gap:10px}
    .nf-legal{display:none}
}

/* =============================================================
   PAGE FICHE — REDESIGN
   ============================================================= */
.fiche-wrap{max-width:780px;margin:32px auto 48px;padding:0 16px;font-family:Montserrat,sans-serif}

/* Textes intro/conclusion */
.fiche-txt-debut,.fiche-txt-fin{font-size:.92rem;color:#555;line-height:1.7;margin-bottom:24px}

/* Hero -------------------------------------------------------- */
.fiche-hero{display:flex;align-items:center;gap:28px;background:linear-gradient(135deg,#1a1a1a 0%,#2d1a00 55%,#e85e00 100%);border-radius:16px;padding:32px 36px;margin-bottom:32px;color:#fff}
.fiche-hero-img{flex-shrink:0;width:130px;height:130px;display:flex;align-items:center;justify-content:center}
.fiche-hero-img img{width:120px;height:120px;object-fit:contain;border-radius:0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5));background:transparent}
.fiche-hero-info{flex:1;min-width:0}
.fiche-hero-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:rgba(255,255,255,.6);margin-bottom:6px}
.fiche-hero-title{font-size:1.65rem;font-weight:900;color:#fff;margin:0 0 8px;line-height:1.15}
.fiche-hero-sub{font-size:.84rem;color:rgba(255,255,255,.8);margin:0 0 16px;line-height:1.6}
.fiche-hero-badges{display:flex;flex-wrap:wrap;gap:8px}
.fiche-hero-badges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px}

/* Titre section ----------------------------------------------- */
.fiche-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:#888;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}

/* Liste items ------------------------------------------------- */
.fiche-items{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}

.fiche-item{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #eee;border-radius:10px;padding:13px 16px;cursor:pointer;transition:border-color .18s,box-shadow .18s;position:relative;user-select:none}
.fiche-item:hover{border-color:#e85e00;box-shadow:0 2px 10px rgba(232,94,0,.1)}
.fiche-item.is-checked{border-color:#e85e00;background:#fff8f5;box-shadow:0 2px 12px rgba(232,94,0,.14)}

/* Checkbox native cachée */
.fiche-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}

.fiche-item-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f4f4f4;border-radius:8px;overflow:hidden;transition:background .18s}
.fiche-item-icon img{width:30px;height:30px;object-fit:contain;filter:sepia(1) saturate(4) hue-rotate(330deg) brightness(0.9)}
.fiche-item.is-checked .fiche-item-icon{background:rgba(232,94,0,.1)}

.fiche-item-body{flex:1;min-width:0}
.fiche-item-name{display:block;font-size:.92rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fiche-item-remise{display:block;font-size:.76rem;color:#e85e00;font-weight:600;min-height:16px}

.fiche-item-info{color:#bbb;cursor:pointer;flex-shrink:0;transition:color .15s}
.fiche-item-info:hover{color:#e85e00}

.fiche-item-prix{text-align:right;flex-shrink:0;min-width:62px}
.prix-barrer{display:block;text-decoration:line-through;color:#bbb;font-size:.75rem;line-height:1.2}
.fiche-item-price-val{display:block;font-size:1.05rem;font-weight:800;color:#1a1a1a;line-height:1.2}
.fiche-item.is-checked .fiche-item-price-val{color:#e85e00}

.fiche-item-check{width:24px;height:24px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s,border-color .18s;background:#fff}
.fiche-item-check svg{color:#fff;opacity:0;transition:opacity .15s}
.fiche-item.is-checked .fiche-item-check{background:#e85e00;border-color:#e85e00}
.fiche-item.is-checked .fiche-item-check svg{opacity:1}

/* Banneaux QualiRépar ----------------------------------------- */
.fiche-qr-ok{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:10px;padding:14px 18px;margin:8px 0 16px;color:#15803d}
.fiche-qr-ko{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,#fff7ed,#ffedd5);border:1.5px solid #fdba74;border-radius:10px;padding:14px 18px;margin:8px 0 16px;color:#c2410c}
.fiche-qr-star{flex-shrink:0;color:#16a34a}
.fiche-qr-warn{flex-shrink:0;color:#ea580c}
.fiche-qr-body{flex:1;min-width:0}
.fiche-qr-body strong{display:block;font-size:.9rem;font-weight:700}
.fiche-qr-body span{font-size:.78rem;line-height:1.5}
.fiche-qr-body a{font-weight:600;text-decoration:underline;text-underline-offset:2px;color:inherit}
.fiche-qr-btn-ko{background:transparent;border:1.5px solid #86efac;color:#15803d;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;font-family:Montserrat,sans-serif}
.fiche-qr-btn-ko:hover{background:#dcfce7}
.fiche-qr-btn-ok{background:transparent;border:1.5px solid #fdba74;color:#c2410c;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;font-family:Montserrat,sans-serif}
.fiche-qr-btn-ok:hover{background:#ffedd5}

/* Récapitulatif ----------------------------------------------- */
.fiche-summary{background:#1a1a1a;border-radius:12px;padding:22px 24px;margin:8px 0 20px}
.fiche-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:rgba(255,255,255,.65);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.fiche-summary-row:last-child{border-bottom:none}
.fiche-summary-qr span:first-child{display:flex;align-items:center;gap:6px;color:#4ade80;font-weight:600}
.fiche-summary-qr .fiche-summary-qr-val{color:#4ade80;font-weight:700}
.fiche-summary-ko span{color:#fb923c}
.fiche-summary-total{margin-top:8px;padding-top:12px !important;border-top:1px solid rgba(255,255,255,.18) !important;border-bottom:none !important}
.fiche-summary-total span{font-size:1.05rem;font-weight:800;color:#fff !important}

/* Bouton CTA -------------------------------------------------- */
.fiche-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 28px;background:#e85e00;color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:800;font-family:Montserrat,sans-serif;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px rgba(232,94,0,.35)}
.fiche-cta:hover{background:#cc5200;transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,94,0,.45);color:#fff;text-decoration:none}

/* Responsive -------------------------------------------------- */
@media(max-width:600px){
    .fiche-hero{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}
    .fiche-hero-img{width:90px;height:90px}
    .fiche-hero-img img{width:80px;height:80px}
    .fiche-hero-title{font-size:1.3rem}
    .fiche-hero-badges{justify-content:center}
    .fiche-item-name{font-size:.85rem;white-space:normal}
    .fiche-item{padding:11px 12px;gap:10px}
    .fiche-item-icon{width:34px;height:34px}
    .fiche-summary{padding:16px 16px}
    .fiche-cta{font-size:.95rem;padding:14px 20px}
}

/* Icônes rouges dans l'ancienne table fiche (compatibilité) */
tr.elet td:first-child img{filter:sepia(1) saturate(4) hue-rotate(330deg) brightness(0.95)}