/*
Theme Name: Phone Repair Child
Description: Theme enfant de Phone Repair. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: phone-repair
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Gluten:wght@100..900&display=swap');
:root {--blue-cyan: #3299BB;--gray-medium: #BCBCBC; --gray-light: #E9E9E9;--gray-dark: #424242;--orange: #FF9900}



/*GENERIQUE*/
.vc_row-flex {display: flex}
body#zboubi main {padding-bottom: 0}
body#zboubi .header__top, body.single-service .header__top, body.single-post .header__top {position: absolute;left: 0;right: 0}
header > .header__top {width: 100%}
body#zboubi .navigation-bar, body.single-service .navigation-bar {position: absolute;left: 0;right: 0;height: 80px;z-index: 999999;height: auto}
i {font-family: 'FontAwesome'}
.primary-menu__item > a, .primary-menu__item > a:hover {color: white}
.primary-menu__item > a::before {background-color: #008CD4}
em.zboubi div {font-style: normal;color:#008CD4}
.primary-menu__item > a, .primary-menu__sub-menu-item > a {font-family: 'Gluten';font-size: 1rem;color: white}
.primary-menu__sub-menu {border-top: none}
.primary-menu__sub-menu-item {background: var(--blue-cyan)}
body.home .main-wrap {margin-top:0}
h1, h2, h3, h4 {font-weight: 300!important}
blockquote {border-left-color: var(--orange)!important}
blockquote, blockquote > p {font-style: italic}



/* TOP HEADER BANNER - CREDIT D'IMPOT */
.banner-2{background:linear-gradient(135deg,rgba(50,153,187,0.12) 0%,rgba(50,153,187,0.06) 50%,rgba(50,153,187,0.12) 100%);border-bottom:2px solid rgba(50,153,187,0.25);padding:12px 20px;z-index:9999;transition:all 0.3s ease;width:100%}
.banner-2-content{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;}
.banner-2-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.banner-2-left > a {text-decoration: none;margin-right: 1rem}
.banner-2-right > a {color: white}
.banner-2-badge{background:var(--blue-cyan);color:white;font-family:'Lato',sans-serif;font-size:0.75em;padding:4px 10px;border-radius:15px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:5px;margin-right: 1rem}
.banner-2-badge .emoji{width:14px;height:14px;vertical-align:middle;}
.banner-2-text{font-family:'Lato',sans-serif;color:white;font-size:0.95em;font-weight:600;}
.banner-2-text .big{font-family:'Gluten',cursive;font-size:1.3em;color:var(--blue-cyan);}
.banner-2-link{background:var(--blue-cyan);color:white;font-family:'Lato',sans-serif;font-weight:700;font-size:0.85em;padding:8px 18px;border-radius:50px;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.banner-2-link:hover{background:var(--orange);transform:translateY(-1px);box-shadow:0 3px 10px rgba(50,153,187,0.3);}
.banner-2-link i{font-size:0.8em;transition:transform 0.3s ease;}
.banner-2-link:hover i{transform:translateX(3px);}
@media (max-width:768px){.banner-2{padding:10px 15px;}.banner-2-content{flex-direction:column;text-align:center;gap:10px;justify-content:center;}.banner-2-text{font-size:0.85em;}.banner-2-badge{font-size:0.7em;}}



/*HEADER*/
body.home header.header {position: absolute;left: 0;right: 0;display: flex;justify-content: center;align-items: center;z-index: 99999;flex-direction: column}
header.header img {max-width: 230px}
header.header .navigation-bar {justify-content: flex-start}
header.header ul.primary-menu {margin-left: 5rem}
.navigation-bar__logo-and-toggle-wrap {align-self: center}
.primary-menu__item > a {color: white!important}
.primary-menu__item > a::before {background-color: #FF9900!important}



/*HOMEPAGE*/
/*hero section*/
#hp-herosection {background: url("/wp-content/uploads/2023/11/shutterstock_1932196652-scaled-e1699706970981.jpg");background-position: 50%;min-height:660px;display:flex;align-items:flex-end;justify-content:center}
/*gestion du bg opacité noir*/
#hp-herosection > div {position: absolute;top: 0;bottom: 0;background: rgba(0,0,0,0.5)}
#hp-herosection > div > div {align-items: center;justify-content: flex-end;}
/**/
#hp-herosection .wpb_wrapper{max-width:1100px;width:100%;text-align:center;position:relative;z-index:2;margin-top: 4rem}
.badge-disponible{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.5);padding:0px 10px;border-radius:50px;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.3);}50%{box-shadow:0 0 0 10px rgba(34,197,94,0);}}
.badge-disponible-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:blink 2s ease-in-out infinite;margin-top: 5rem}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.badge-disponible-text{color:#22c55e;font-weight:600;font-size:0.95em;}
.hero-title{font-family:'Gluten',cursive;color:white;font-size:2em;line-height:1.2;margin-bottom:40px;text-shadow:2px 2px 20px rgba(50,153,187,0.3);font-weight: 300;padding: 0 2rem}
.hero-title .highlight{color:var(--orange);font-weight: 300;margin: 0 1rem;padding: 5px 10px}
.services-list{margin:0;list-style:none;padding-left: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap}
.services-list li{color:var(--gray-light);font-size:1.05em;text-align:left;display:flex;align-items:center;gap:12px;justify-content: center;min-width: 220px;flex-wrap: wrap;margin: .5rem}
.services-list li i{color:var(--blue-cyan);font-size:1.1em;flex-shrink:0;}
#hp-herosection .trustindex-wrapper a {padding: 10px;background: #E9E9E9;border: none!important}
#hp-herosection .trustindex-wrapper a strong {font-size: 12px}
#hp-herosection .ti-profile-img img {width: 25px!important;height: 25px!important}
.trustindex-wrapper{margin:20px 0;}
.cta-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--blue-cyan),var(--orange));color:white;font-family:'Gluten',cursive;font-size:1em;padding:10px 20px;border-radius:50px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(50,153,187,0.3);margin-top:20px;}
.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(50,153,187,0.5);}
.cta-button i{font-size:0.9em;}
/*google review*/
.google-hero {background: #E9E9E9;border-radius: 10px;padding:.25rem 1rem;display: flex;margin:2rem auto 1rem;width: 380px;justify-content: center}
.google-hero .photos {display: flex;margin-right: 1rem}
.google-hero .photos img {width: 35px;height: 35px;border-radius: 20px;margin-left: -.75rem;border: 2px solid white;}
.google-hero i {color: #ff9900}
.google-hero p {display: flex;justify-content: center;align-items: center}
.google-hero p > img {width: 20px;margin-right: .5rem}
.google-hero p em {color: #424242;font-style: normal;font-weight: bold;margin-left: .5rem}
/*reassurance*/
#reassurance {padding: 2rem 0}
#reassurance > div > .vc_column-inner {padding-left: 0!important;padding-right: 0!important}
.stats-banner-1{background:white;padding:60px 40px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.08);}
.stats-grid-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;}
.stat-item-1{text-align:center;position:relative;}
.stat-item-1::after{content:'';position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:2px;height:60%;background:var(--gray-light);}
.stat-item-1:last-child::after{display:none;}
.stat-number-1{font-family:'Gluten',cursive;font-size:2em;line-height:1;background:linear-gradient(0deg,var(--gray-medium),var(--orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;display:block;}
.stat-label-1{font-family:'Gluten',sans-serif;color:var(--gray-dark);font-size:1.1em;font-weight:400;line-height:1.4;}
/*presentation des 3 blocs images/texte*/
.image-texte {display: flex;justify-content: center;align-items: center;margin-bottom: 2rem}
.image-texte h3, body.single-post main article h3 {font-family: "Gluten", cursive;font-weight: 300;color: #008cd4}
/*image*/
.image-texte .vc_single_image-wrapper {position: relative;overflow: hidden;border-radius: 8px;box-shadow: 0 2px 12px rgba(66, 66, 66, 0.08);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.image-texte .vc_single_image-wrapper img {width: 100%;height: auto;display: block;transition: transform 0.6s ease}
.image-texte .vc_single_image-wrapper::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(50, 153, 187, 0.03) 0%, rgba(255, 153, 0, 0.02) 100%);opacity: 0;transition: opacity 0.4s ease;pointer-events: none}
.image-texte .vc_single_image-wrapper:hover {box-shadow: 0 4px 20px rgba(50, 153, 187, 0.12);transform: translateY(-2px)}
.image-texte .vc_single_image-wrapper:hover::before {opacity: 1}
.image-texte .vc_single_image-wrapper:hover img {transform: scale(1.02)}
.image-texte .vc_single_image-wrapper {border: 1px solid rgba(233, 233, 233, 1);margin: 0 2rem}
.image-texte .wpb_column.vc_col-sm-8::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(50,153,187,0.20) 0%,transparent 70%);border-radius:50%;top:-200px;right:-150px;pointer-events:none;}
.image-texte .wpb_column.vc_col-sm-8::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,153,0,0.20) 0%,transparent 70%);border-radius:50%;bottom:-100px;left:-100px;pointer-events:none;}
.image-texte .textwidget{position:relative;z-index:1;}
.image-texte strong {color:var(--blue-cyan);font-weight:600;}
/*quatres blocs*/
#quatre-blocs {display: none}
#quatre-blocs h3 {font-size: 1rem}
/*pourquoi */
.titre-pourquoi h2, body.single-post main article h2 {font-family: "Gluten", cursive;	font-weight: 300;color: #008cd4;text-align: center;margin-bottom: 3rem}
#alternatif h3, body.single-post main article h4 {font-family: "Gluten", cursive;	font-weight: 300;color: var(--orange);text-align: center;margin-top: 2rem}
#alternatif .info-box__icon:before {color: var(--orange)}
#alternatif .info-box__icon {text-align: center}
#alternatif .info-box__body {flex-direction: column;align-items: center}
#aternatif > .vc_column_container {padding: 0 2rem;text-align: center}
/*avis google*/
#avis {margin-top: 5rem}
#avis .ti-verified-by.ti-verified-by-row {display: none!important}
/*image-bg-un*/
#img-bg-un {height: 350px;background-position: center 50%!important;margin-top: 3rem}
/*comment-ca-marche*/
#comment-ca-marche {padding: 0 5rem}
#comment-ca-marche h2 {font-family: "Gluten", cursive;font-weight: 300;color:#008cd4;text-align: center;margin-bottom: 3rem;margin-top: 2rem}
.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;}
.step-card{background:white;border:3px solid #EBEBEB;border-radius:15px;padding:30px;position:relative;transition:all 0.3s ease;cursor:pointer;}
.step-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,140,212,0.2);border-color:#008cd4;cursor: default}
.step-number{position:absolute;top:-20px;left:20px;background:#008cd4;color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Gluten',cursive;font-size:1.8em;font-weight:bold;box-shadow:0 5px 15px rgba(0,140,212,0.3);}
.step-title{font-family:'Gluten',cursive;color:#008cd4;font-size:1.4em;margin:20px 0 15px 0;}
.step-description{font-family:'Lato',sans-serif;color:#555;line-height:1.6;font-size:1em;}
.highlight{background:#EBEBEB;padding:2px 8px;border-radius:4px;font-weight:600;color:#008cd4;}
@keyframes slideIn{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.step-card{animation:slideIn 0.6s ease forwards;}
.step-card:nth-child(1){animation-delay:0.1s;}
.step-card:nth-child(2){animation-delay:0.2s;}
.step-card:nth-child(3){animation-delay:0.3s;}
.step-card:nth-child(4){animation-delay:0.4s;}
.icon{font-size:2.5em;margin-bottom:10px;opacity:0.8;}
@media (max-width:768px){h1{font-size:2em;}.steps-container{grid-template-columns:1fr;}}
/*services*/
#services {margin: 3rem 0}
#services > div, #services .owl-stage {max-height: 400px!important}
#services h2 {font-family: "Gluten", cursive;font-weight: 300;color: #008cd4}
#services .post-teaser__title a {font-family: "Gluten";font-weight: 300;color: var(--orange);font-size: 1rem}
#services button.owl-prev, #services button.owl-next {background:#FF9900!important;border: none}
#services button.owl-prev > span, #services button.owl-next > span {color: white}
.header-background {background-image: url("/wp-content/uploads/2023/11/cropped-telNlfOhFIiSC-scaled-2.jpg");background-size: contain;background-position-x: 100%;background-repeat: no-repeat;background-color: black!important}
#services .post-teaser{min-width:350px;scroll-snap-align:start;background:white;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(50,153,187,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display: block;padding: 0;min-height: 400px}
#services .post-teaser a {display: block;width: 100%}
#services .post-teaser::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue-cyan),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;}
#services .post-carousel__items .owl-item {border: none;margin: 0 1rem;height: 400px!important}
#services .post-carousel__items .owl-stage-outer {border-right: none;overflow: visible}
#services .post-teaser:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(50,153,187,0.2);}
#services .post-teaser:hover::before{transform:scaleX(1);}
#services .post-teaser__thumb {width:100%;height:220px;object-fit:cover;margin:10px 0 1.5rem;transition:transform 0.4s ease;border-radius: 10px}
#services .post-teaser:hover .post-teaser__thumb{transform:scale(1.05);}
#services .post-teaser__title {font-family:'Gluten',cursive;font-size:1.4em;margin-bottom:15px;text-align: center;margin-top: 2rem}
#services .post-teaser__title a, #services.grid .post-teaser__title a {color:var(--blue-cyan);text-decoration:none;transition:color 0.3s ease}
#services .post-teaser:hover .post-teaser__title a, #services.grid .post-teaser:hover .post-teaser__title a {color:var(--blue-cyan);}
#services .post-teaser__excerpt, #services.grid .post-teaser__excerpt {color:#444;line-height:1.6;font-size:1rem;text-align: center;padding: 0 1rem 1rem}
/*faq*/
#faq {margin-bottom: 3rem}
#faq h2, #credit-impot h2 {font-family: "Gluten", cursive;font-weight: 300;color: #008cd4}
css:root { --blue-cyan: #3299BB; --gray-medium: #BCBCBC; --gray-light: #E9E9E9; --gray-dark: #424242; --orange: #FF9900; }
#faq .vc_do_toggle { margin-bottom: 12px; border-radius: 8px; border: 1px solid var(--gray-light); background: #fff; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
#faq .vc_do_toggle:hover { border-color: var(--blue-cyan); box-shadow: 0 2px 12px rgba(50, 153, 187, 0.08); }
#faq .vc_toggle_title { padding: 18px 24px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(to right, rgba(50, 153, 187, 0.02), transparent); transition: background 0.3s ease; position: relative; }
#faq .vc_toggle_title:hover { background: linear-gradient(to right, rgba(50, 153, 187, 0.05), transparent); }
#faq .vc_toggle_title h4, #credit-impot .accordion-header h4 {font-family: 'Gluten';margin: 0;color: var(--orange);font-weight: 300;line-height: 1.5;padding-right: 30px;transition: color 0.3s ease;font-size: 1rem;text-align: left}
#faq .vc_do_toggle:hover .vc_toggle_title h4, #credit-impot .accordion-header:hover h4 {color: var(--blue-cyan)}
#faq .vc_toggle_icon, #credit-impot .vc_toggle_icon {width: 24px;height: 24px;position: relative; flex-shrink: 0;background: #FF9900;margin-top: 1rem}
#faq .vc_toggle_icon::before, #credit-impot .vc_toggle_icon::before, #faq .vc_toggle_icon::after, #credit-impot .vc_toggle_icon::after { content: ''; position: absolute; top: 50%; left: 50%; background: white; transition: all 0.3s ease; }
#faq .vc_toggle_default .vc_toggle_icon:before {border: none}
#faq .vc_toggle_icon::before, #credit-impot .vc_toggle_icon::before { width: 12px; height: 2px; transform: translate(-50%, -50%); }
#faq .vc_toggle_icon::after, #credit-impot .vc_toggle_icon::after { width: 2px; height: 12px; transform: translate(-50%, -50%); }
#faq .vc_toggle_active .vc_toggle_icon::before {background:white;visibility: visible}
#faq .vc_toggle_active .vc_toggle_icon::after { background: var(--orange); }
#faq .vc_toggle_content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid transparent; }
#faq .vc_toggle_active .vc_toggle_content { max-height: 2000px; border-top-color: var(--gray-light);margin-top: 0;padding: 1rem;margin-bottom: 0}
#faq .vc_toggle_content article { padding: 20px 24px 24px; color: var(--gray-dark); line-height: 1.7; }
#faq .vc_toggle_content p { margin: 0 0 16px 0; font-size: 15px; }
#faq .vc_toggle_content p:last-child { margin-bottom: 0}
/*credit impot 50%*/
#credit-impot .vc_column-inner {padding: 0}
#credit-impot .wpb_text_column.wpb_content_element {margin-bottom: 0}
#credit-impot h2.widgettitle {margin-bottom: 3rem}
#credit-impot h3.step-title {margin:1rem auto}
#credit-impot #sliderValue {display:none}
.credit-impot-section{width:100%;background:linear-gradient(135deg,rgba(50,153,187,0.15) 0%,rgba(50,153,187,0.08) 50%,rgba(50,153,187,0.15) 100%);padding:20px;position:relative;overflow:hidden}
.credit-impot-section::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(50,153,187,0.1) 0%,transparent 70%);border-radius:50%;}
.credit-impot-section::after{content:'';position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,153,0,0.08) 0%,transparent 70%);border-radius:50%;}
.credit-impot-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.credit-impot-title{font-family:'Gluten',cursive;color:var(--blue-cyan);font-size:2.8em;text-align:center;margin-bottom:60px;line-height:1.2;}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:1.5rem}
.comparison-card{background:white;border-radius:20px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,0.08);position:relative;}
.comparison-card.without{opacity:0.85;}
.comparison-card.with{border:3px solid var(--blue-cyan);transform:scale(1.02);}
.comparison-card.with::before{content:'⭐ RECOMMANDÉ';position:absolute;top:-15px;right:20px;background:var(--orange);color:white;font-family:'Lato',sans-serif;font-size:0.75em;font-weight:700;padding:5px 15px;border-radius:20px;letter-spacing:1px;}
.comparison-header{text-align:center}
.comparison-card.without h3{color:var(--gray-dark)}
.comparison-card.with h3{color:var(--blue-cyan)}
.comparison-list{list-style:none;display:flex;flex-direction:column;gap:5px}
.comparison-list li{display:flex;align-items:center;gap:12px;font-size:1.05em;line-height:1.6;}
.comparison-list li i{flex-shrink:0;font-size:1.3em;margin-top:3px;}
.comparison-card.without li i{color:#e74c3c;}
.comparison-card.with li i{color:#27ae60;}
.comparison-card.without li{color:var(--gray-dark);}
.comparison-card.with li{color:var(--gray-dark);font-weight:500;}
.calculator-box{background:white;border-radius:25px;padding:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px rgba(50,153,187,0.15);text-align: center}
.calculator-title{font-family:'Gluten',cursive;color:var(--blue-cyan);font-size:2em;text-align:center;margin-bottom:40px;}
.calculator-slider{margin-bottom:40px;}
.slider-label{font-family:'Lato',sans-serif;color:var(--gray-dark);font-size:1.1em;font-weight:600;margin-bottom:20px;display:block;}
.slider-container{position:relative;margin-bottom:10px;}
.slider{width:100%;height:8px;border-radius:5px;background:var(--gray-light);outline:none;-webkit-appearance:none;}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue-cyan),var(--orange));cursor:pointer;box-shadow:0 3px 10px rgba(50,153,187,0.3);}
.slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue-cyan),var(--orange));cursor:pointer;border:none;box-shadow:0 3px 10px rgba(50,153,187,0.3);}
.slider-value{font-family:'Gluten',cursive;color:var(--blue-cyan);font-size:1.5em;text-align:center;margin-top:10px;}
.calculator-results{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.result-item{text-align:center;padding:20px;border-radius:15px;transition:all 0.3s ease;}
.result-item.normal{background:rgba(188,188,188,0.1);}
.result-item.with-enoxia{background:rgba(50,153,187,0.1);border:2px solid var(--blue-cyan);}
.result-item.economy{background:rgba(255,153,0,0.1);}
.result-label{font-family:'Lato',sans-serif;color:var(--gray-dark);font-size:0.95em;font-weight:600;margin-bottom:10px;}
.result-value{font-family:'Gluten',cursive;font-size:2.5em;line-height:1;}
.result-item.normal .result-value{color:var(--gray-dark);}
.result-item.with-enoxia .result-value{color:var(--blue-cyan);}
.result-item.economy .result-value{color:var(--orange);}
#credit-impot .accordion-container{background:white;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);margin-bottom: 1.875rem}
.accordion-item{border-bottom:1px solid var(--gray-light);}
.accordion-item:last-child{border-bottom:none;}
.accordion-header{background:white;padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;}
.accordion-header:hover{background:rgba(50,153,187,0.05);}
.accordion-header.active{background:rgba(50,153,187,0.1);}
.accordion-icon{font-size:1.2em;color:var(--blue-cyan);transition:transform 0.3s ease;}
.accordion-header.active .accordion-icon{transform:rotate(180deg);}
.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
.accordion-content.active{max-height:2000px;}
.accordion-body{padding:30px;background:rgba(249,249,249,0.5);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px;}
.service-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:white;border-radius:10px;border-left:4px solid var(--blue-cyan);}
.service-item.excluded{border-left-color:#e74c3c;opacity:0.7;}
.service-item i{font-size:1.2em;}
.service-item.eligible i{color:#27ae60;}
.service-item.excluded i{color:#e74c3c;}
.service-item span{font-family:'Lato',sans-serif;color:var(--gray-dark);font-size:1em;}
.how-it-works{color:var(--gray-dark);line-height:1.8;}
.how-it-works h5{font-family:'Gluten',cursive;color:var(--blue-cyan);font-size:1.3em;margin:25px 0 15px 0;}
.how-it-works h5:first-child{margin-top:0;}
.how-it-works ol{margin-left:20px;margin-top:15px;}
.how-it-works li{margin-bottom:15px;padding-left:10px;}
.how-it-works strong{color:var(--blue-cyan);font-weight:600;}
.how-it-works .highlight{background:rgba(50,153,187,0.1);padding:15px;border-radius:10px;margin:20px 0;border-left:4px solid var(--blue-cyan);}
.legal-notice{font-size:0.85em;color:var(--gray-medium);font-style:italic;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-light);}
@media (max-width:1024px){.comparison-grid{grid-template-columns:1fr;gap:20px;}.comparison-card.with{transform:scale(1);}.calculator-results{grid-template-columns:1fr;gap:20px;}}
@media (max-width:768px){.credit-impot-section{padding:60px 15px;}.credit-impot-title{font-size:2em;}.calculator-box{padding:30px 20px;}.calculator-title{font-size:1.6em;}.services-grid{grid-template-columns:1fr;}.accordion-header{padding:20px 20px;}.accordion-header h4{font-size:1.2em;}.accordion-body{padding:20px;}}
/*vie privee*/
#vie-privee {background-position: 15% center !important}
#vie-privee .info-box__icon {display: flex;justify-content: center;align-items: center}
#vie-privee h3 {font-family: "Gluten", cursive;font-weight: 300;color: var(--orange)}
#vie-privee .vc_li-lock:before {color: var(--orange)}
#vie-privee .vc_column-inner {padding: 2rem 0!important}



/*SERVICES*/
.header__page-title {height: 250px;display: flex;justify-content: center;align-items: flex-end}
.header__page-title .page-title {padding: 0;margin: 0}
.header__page-title .page-title h1 {text-align: center;font-family: 'Gluten';margin-bottom: 1rem}
#services.grid .post-grid__items.shuffle {overflow: initial!important}
#services.grid {margin-bottom: 5rem!important}
#services.grid > div {max-height: none!important}
#services.grid .post-grid__item {border: none}
#services.grid .post-teaser__title {margin-top: 1rem}
#services.grid p.post-teaser__excerpt {color: #444}



/* SERVICES SINGLE */
body.single-service #ordinateurs {background-image: url("/wp-content/uploads/2026/03/bg-ordinateur-service.jpeg")}
body.single-service #telephones {background-image: url("/wp-content/uploads/2026/03/bg-service-telephones-scaled.jpeg")}
body.single-service .single-service {background-position: center;background-size: cover}
body.single-service .single-service::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);z-index:1}
#go-la-moula > main {width: 100%}
#go-la-moula > main > article {margin: 0;padding: 0;border: none}
/*gauche-droite*/
#gauche-droite, #explication {display: flex;align-items: center;margin-bottom: 3rem}
#gauche-droite img {width:100%;height:auto;border-radius:20px;box-shadow:0 10px 40px rgba(50,153,187,0.2)}
#gauche-droite h2, #explication h2 {font-family:'Gluten';color:var(--blue-cyan);font-size:1.5em;margin:0 auto 1rem;text-align: center}
#gauche-droite .service-list-1{list-style:none;display:grid;gap:5px;}
#gauche-droite .service-list-1 li{background:white;border:2px solid var(--gray-light);border-radius:15px;padding:10px 20px 10px 40px;position:relative;transition:all 0.3s ease;font-size:.95em;color:var(--gray-dark);line-height:1.6;}
#gauche-droite .service-list-1 li::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:linear-gradient(135deg,var(--blue-cyan),var(--orange));border-radius:50%;display:flex;align-items:center;justify-content:center;}
#gauche-droite .service-list-1 li::after{content:'✓';position:absolute;left:14px;top:50%;transform:translateY(-50%);color:white;font-weight:bold;font-size:.9rem}
#gauche-droite .service-list-1 li:hover{border-color:var(--blue-cyan);transform:translateX(10px);box-shadow:0 5px 20px rgba(50,153,187,0.15);}
/*explication*/
#explication {}
#explication .why-content-2 p{ font-family:'Lato',sans-serif;color:var(--gray-dark);font-size:16px;line-height:30px}
#explication .pricing-card-2 {background:linear-gradient(135deg,var(--blue-cyan),var(--orange));border-radius:25px;padding:20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 15px 40px rgba(50,153,187,0.3);max-width: 70%;margin: auto}
#explication .pricing-card-2::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);border-radius:50%;}
#explication .pricing-card-2-content{position:relative;z-index:1;}
#explication .pricing-card-2 h3{font-family:'Lato',sans-serif;color:white;font-size:1.4em;margin-bottom:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
#explication .pricing-card-2 .price{font-family:'Gluten',cursive;font-size:4.5em;color:white;line-height:1;margin-bottom:10px;text-shadow:0 5px 15px rgba(0,0,0,0.2);}
#explication .pricing-card-2 .price-label{font-family:'Lato',sans-serif;color:rgba(255,255,255,0.9);font-size:1em;font-weight:600;letter-spacing: 3px}
/*cta-single*/
body.single-service #cta-single p {text-align: center}


/*BLOG*/
/*filtres*/
#grid-blog-theo .post-grid__filters{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;padding:20px 0;}
#grid-blog-theo .post-grid__filter{font-family:'Lato',sans-serif;font-size:0.95em;font-weight:600;padding:10px 25px;border-radius:50px;border:2px solid var(--gray-light);background:transparent;color:var(--gray-dark);cursor:pointer;transition:all 0.3s ease;}
#grid-blog-theo .post-grid__filter:hover{border-color:var(--blue-cyan);background:rgba(50,153,187,0.05);color:var(--blue-cyan);}
#grid-blog-theo .post-grid__filter.is-active{background:var(--orange);border-color:var(--orange)!important;color:white;}
#grid-blog-theo .post-grid__filter.is-active:hover{background:var(--orange);border-color:var(--orange);}
/*card*/
.ti-pencil-alt {display: none}
.post-grid__item {border: none!important}
.post-teaser{background:white;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;padding: 0!important}
.post-teaser:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(50,153,187,0.15);}
.post-teaser a:has(.post-teaser__thumb){display:block;overflow:hidden;}
.post-teaser__thumb{width:100%;height:220px;object-fit:cover;transition:transform 0.4s ease;}
.post-teaser:hover .post-teaser__thumb{transform:scale(1.05);}
.post-teaser__title{font-family:'Gluten',cursive;font-size:1.4em;line-height:1.3;margin:20px 20px 15px 20px;color:var(--gray-dark);transition:color 0.3s ease;}
.post-teaser__title a{text-decoration:none;color:inherit;}
.post-teaser__title a:hover {color:var(--orange)!important}
.post-teaser__excerpt{font-family:'Lato',sans-serif;font-size:0.95em;line-height:1.7;color:var(--gray-medium);margin:0 20px 20px 20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-teaser__footer{display:flex;align-items:center;gap:15px;padding:15px 20px;border-top:1px solid var(--gray-light);margin-top:auto;}
.post-teaser__meta{display:flex;align-items:center;gap:6px;font-family:'Lato',sans-serif;font-size:0.85em;color:var(--gray-medium);}
.post-teaser__meta .ti-calendar,.post-teaser__meta .ti-pencil-alt{color:var(--blue-cyan);}
.post-teaser__meta time{color:var(--gray-dark);font-weight:600;}
.post-teaser__meta:last-child{display:none;}
.post-teaser__meta .screen-reader-text{display:none;}


/*ARTICLE*/
/*header de l'article*/
body.single-post .header-background.single-post{background-image:none;background-position: center;background-size: cover}
.header-background.single-post::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 100%);z-index:1}
body.single-post .header__page-title {height: 350px;align-items: flex-end}
body.single-post .header__page-title h1 {margin-bottom: 5rem}
.entry__metas{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:3rem!important}
.entry__metas .entry-meta{display:flex;align-items:center;gap:8px;font-family:'Lato',sans-serif;font-size:0.95em;color:var(--gray-dark);}
.entry__metas .entry-meta .entry-meta__icon{color:var(--blue-cyan);font-size:1.1em;}
.entry__metas .entry-meta time{color:var(--gray-dark);font-weight:600;}
.entry__metas .entry-meta:has(.fa-pencil-square-o){display:none;}
.entry__metas .screen-reader-text{display:none;}
.entry-meta--category{margin-top:5px;}
.featured-image-category{font-family:'Lato',sans-serif;font-size:0.85em;text-transform:uppercase;letter-spacing:0.5px;color:white;background:linear-gradient(135deg,var(--blue-cyan),var(--orange));padding:8px 20px;border-radius:50px;display:inline-block;box-shadow:0 4px 15px rgba(50,153,187,0.4);}
/* main article*/
body.single-post main > article {border: none}
body.single-post main {width: auto!important;float: none}
body.single-post .entry__metas .entry-meta:nth-child(2) {display: none}
body.single-post main article h2:first-child {margin-top: 0}
body.single-post main article h2 {text-align: left;margin-bottom: 2rem;margin-top: 5rem}
body.single-post main article h3 {color: var(--orange);margin-top: 3rem}
body.single-post main article h4 {color: var(--orange)}
body.single-post main article img{max-width:600px;width:100%;height:auto;display:block;margin:30px auto;border-radius:15px;box-shadow:0 8px 25px rgba(50,153,187,0.5);}
body.single-post main article table {margin: 2rem auto}
body.single-post main article table{width:100%;border-collapse:collapse;margin:30px 0;font-family:'Lato',sans-serif;font-size:0.95em;overflow:hidden;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.08);}
body.single-post main article table thead{background:var(--blue-cyan);color:white;}
body.single-post main article table thead th{padding:15px 20px;text-align:left;font-weight:700;letter-spacing:0.5px;}
body.single-post main article table thead td {padding:1rem}
body.single-post main article table tbody tr{background:white;transition:all 0.2s ease;}
body.single-post main article table tbody tr:nth-child(even){background:var(--gray-light);}
body.single-post main article table tbody tr:hover{background:rgba(50,153,187,0.1);}
body.single-post main article table tbody td{padding:12px 20px;color:var(--gray-dark);border-bottom:1px solid var(--gray-light);}
body.single-post main article table tbody tr:last-child td{border-bottom:none;}


/*CONTACT*/
#pre-contact {margin-top: 1rem;margin-bottom: 3rem}
#pre-contact .info-box__body {align-items: center}
#pre-contact .icon-size_md.icon-size_md {font-size: 2rem}
#pre-contact h3.info-box__title {font-size: 1.15rem;font-family: Gluten;color: var(--orange)}
#pre-contact a{text-decoration:none;color:var(--gray-dark);position:relative;transition:color 0.3s ease;}
#pre-contact a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--blue-cyan),var(--orange));transition:width 0.3s ease;}
#pre-contact a:hover{color:var(--blue-cyan);}
#pre-contact a:hover::after{width:100%;}
input[type=submit] {background-color: #018CD4}



/*FOOTER*/
/*prefooter gris*/
.prefooter {background: #E9EAE9;display: flex;justify-content: center;align-items: center;padding: 2rem;flex-wrap: wrap}
/*gauche*/
.prefooter img {max-width: 200px;width: 200px;min-width: 200px;margin: 0 5rem}
/*droite*/
.prefooter .droite {max-width: 800px}
.prefooter .droite .vieprivee i {font-size: 2rem;color: var(--orange);font-style: normal}
.prefooter .droite .vieprivee span {font-family: 'Gluten';color: var(--orange)}
.prefooter .droite ul {list-style-type: none;display: flex;flex-wrap: wrap;margin-bottom: 0;justify-content: flex-start;align-items: center;padding-left: 0}
.prefooter .droite ul li {margin:1rem 2rem;min-width: fit-content}
.prefooter .droite ul li:first-child {margin-left: 0}
.prefooter .droite ul li a {text-decoration: none;color: #444}
.prefooter .droite ul li a:hover {text-decoration: underline}
.prefooter .droite ul li span {margin-right: 1rem;color: var(--orange)}
/*noir legales*/
.footer-copyright__container {padding: 1rem;text-align: center;color: white;font-family: 'Gluten'}
.footer-copyright__container a {text-decoration: none;color: #3299BB}
.footer-copyright__container a:hover {text-decoration: underline}
.footer-copyright__container a, .footer-copyright__container a:hover {color: #3299BB}
.widget--footer {margin-bottom: 0}
aside#text-3 {text-align: right}



@media screen and (max-width: 992px) {
  /*general*/
  .main-wrap {width: auto}
  #reassurance, .image-texte, #alternatif, #faq {padding: 0 2rem!important}
  /*menu*/
  .burger-button__bar {background-color: white}
  .primary-menu__item > a {color: black;text-align: center}
  /*hp*/
  #hp-herosection .flex-bottom {display: flex;margin: 2rem auto;justify-content: center}
  #hp-herosection .flex-bottom .google-hero {margin: 1rem 1rem 1rem 0}
  #hp-herosection .flex-bottom p {display: flex;justify-content: center;align-items: center}
  #hp-herosection .flex-bottom .cta-button {margin-top: 0}
  #reassurance .stats-grid-1 {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: inherit}
  #reassurance .stat-item-1 {padding: 1rem 2rem;min-width: 180px}
  #reassurance .stat-item-1::after {right: 0}
  #alternatif {justify-content: center}
  #alternatif .info-box__copy {text-align: center}
  #alternatif .vc_hidden-xs, #alternatif > div {display: block!important;max-width: 300px}
  #services .post-carousel__items .owl-item {margin: 0 2rem}
  /*footer*/
  .prefooter img {max-width: 100px;min-width: auto}
}

@media screen and (max-width: 767px) {
  header.header ul.primary-menu {margin-left: 0}
  .image-texte {flex-direction: column}
  .image-texte.gauche .vc_col-sm-4 {order: 2}
  .image-texte .vc_single_image-wrapper img {max-width: 300px}
  #comment-ca-marche {padding: 0 2rem}
  #comment-ca-marche .step-card {width: 100%;;margin: auto}
  #services .owl-carousel.owl-loaded {display: flex;flex-direction: column;padding-top: 0}
  #services .post-carousel__items .owl-nav {order: 1;position: relative;top: inherit;right: inherit;margin: 1rem auto}
  #services .post-carousel__items .owl-stage-outer {order: 2}
  #faq {margin-top: 5rem}
  .prefooter .droite ul li {margin: 1rem 2rem 0 0}
}

@media screen and (max-width: 550px) {
  header.header img {max-width: 150px}
  #hp-herosection .wpb_wrapper {margin-top: 3rem}
  #hp-herosection .flex-bottom {align-items: center}
  .banner-2-left {flex-direction: column}
  .stat-item-1::after, .google-hero .photos {display: none}
  #hp-herosection .flex-bottom .google-hero {margin: 0 1rem 0 0;width: auto}
  
}

@media screen and (max-width: 467px) {
  #hp-herosection {height: 670px}
  .hero-title {margin-bottom: 10px}
  .hero-title .highlight {display: block;width: fit-content;margin: auto}
  #hp-herosection .flex-bottom {flex-direction: column}
  #hp-herosection .flex-bottom .google-hero {margin-bottom: 1rem}
  .services-list {flex-direction: column}
  .services-list li {font-size: .95em;min-width: 170px;margin-bottom: 0}
  #reassurance .stat-item-1 {padding: 1rem 2rem;min-width: fit-content}
  #faq {margin-top: 10rem}
}