a,button,.btn,.nav-link,img,.card,.form-control,.form-select,.navbar-toggler,.dropdown-item,[role="button"]{transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,transform 0.3s ease,opacity 0.3s ease,box-shadow 0.3s ease}:root{--breakpoint-xl:1199px;--breakpoint-lg:991px;--breakpoint-md:767px;--breakpoint-sm:576px;--breakpoint-xs:480px;--primary-color:#1a2f33;--secondary-color:#19191A;--texte:#BDBDBD;--text-dark:#333333;--text-light:#666666;--text-muted:#999999;--accentué:#C5E3CA;--accent:#4A90A4;--accent-light:#7CB8C9;--accent-dark:#2D6B7A;--font-family:'Cardo','Helvetica Neue',Helvetica,Arial,sans-serif;--lite:#eae8e1;--dark:#111010;--grey-lite:#f5f5f5;--grey-med:#5f5b5b;--gre-dark:#212529;--grey-100:#f8f9fa;--grey-200:#e9ecef;--grey-300:#dee2e6;--grey-400:#ced4da;--grey-500:#adb5bd;--grey-600:#6c757d;--grey-700:#495057;--grey-800:#343a40;--grey-900:#212529;--green-med:#91928b;--sage-green:#A6B99B;--sage-light:#C4D4BC;--sage-dark:#7A8B6E;--cream:#F8F7F3;--cream-dark:#E8E5DB;--cream-light:#FFFCF5;--blue:#09304d;--blue-light:#1A4A6E;--blue-dark:#052035;--sky-blue:#87CEEB;--royal-blue:#4169E1;--beige:#E9E2D0;--beige-dark:#D4C9B5;--beige-light:#F5F0E6;--mustard:#b1a79d;--mustard-light:#C9BFB5;--mustard-dark:#8A7A6D;--mustard-bright:#D4A853;--taupe:#c28f2f;--taupe-claire:#9a8f7b;--taupe-light:#B8A892;--taupe-dark:#8B6914;--pink:#fd2475;--pink-claire:#916b79;--pink-med:#be0046;--pink-dark:#830836;--pink-light:#FF6B9D;--pink-pale:#FFB6C1;--blush:#f5e6b7;--black:#000000;--white:#FFFFFF;--red:#dc3545;--red-light:#E57373;--red-dark:#C62828;--orange:#fd7e14;--orange-light:#FFB74D;--orange-dark:#E65100;--yellow:#ffc107;--yellow-light:#FFEB3B;--yellow-dark:#FBC02D;--green:#28a745;--green-light:#81C784;--green-dark:#2E7D32;--teal:#20c997;--teal-light:#4DB6AC;--teal-dark:#00897B;--cyan:#17a2b8;--cyan-light:#4DD0E1;--cyan-dark:#0097A7;--blue-std:#007bff;--blue-light:#64B5F6;--blue-dark:#1565C0;--indigo:#6610f2;--indigo-light:#9575CD;--indigo-dark:#4A148C;--purple:#6f42c1;--purple-light:#B39DDB;--purple-dark:#4A148C;--facebook-blue:#1877f2;--twitter-blue:#1da1f2;--linkedin-blue:#0077b5;--whatsapp-green:#25d366;--pinterest-red:#e60023;--instagram-pink:#e4405f;--youtube-red:#FF0000;--tiktok-black:#000000;--overlay-color:rgba(18,13,1,.8);--shadow-color:rgba(0,0,0,0.3);--shadow-light:rgba(0,0,0,0.1);--shadow-medium:rgba(0,0,0,0.15);--shadow-dark:rgba(0,0,0,0.5);--white-overlay:rgba(255,255,255,0.5);--white-10:rgba(255,255,255,0.10);--error-red:#dc3545;--error-red-10:rgba(220,53,69,0.1);--success-green:#28a745;--warning-yellow:#ffc107;--info-cyan:#17a2b8;--blue-30:rgba(0,123,255,0.3);--overlay-gradient:linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0) 60%,rgba(0,0,0,0));--overlay-gradient-light:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0) 60%,rgba(0,0,0,0));--overlay-gradient-dark:linear-gradient(0deg,rgba(0,0,0,0.8),rgba(0,0,0,0) 60%,rgba(0,0,0,0));--border-color:#dee2e6;--border-color-dark:#adb5bd;--border-color-light:#f1f3f5;--bg-primary:var(--white);--bg-secondary:var(--grey-100);--bg-tertiary:var(--grey-200);--bg-dark:var(--dark);--text-on-white:var(--text-dark);--text-on-black:var(--white);--text-on-primary:var(--white);--text-on-secondary:var(--white);--text-on-accent:var(--white);--floating-bar-bg:#1f2937;--floating-bar-color:#e5e7eb;--floating-bar-accent:#4b5563;--floating-bar-accent-hover:#374151}a{text-decoration:none}figure{margin:0;padding:0;position:relative}.coords{font-size:14px;line-height:16px}.coords .phone a{color:var(--white);font-size:22px;font-weight:500}.coords .phone a:hover i,.coords .address:hover i{background:var(--pink-claire);color:var(--white)}.container{max-width:1250px}.site-main{max-width:100%;width:100%}.pp-dual-heading,.pp-dual-heading .pp-first-text{display:block}.pp-dual-heading .pp-second-text{white-space:normal}#site-header{position:relative;z-index:9999}ul.main-nav{display:flex;justify-content:flex-end;align-items:center;list-style:none;column-gap:30px;margin:0;padding:0}ul.main-nav a{color:var(--pink-claire);font-size:18px}ul.main-nav li{position:relative}ul.main-nav>li>a{position:relative}ul.main-nav>li>a:hover,ul.main-nav>li.current_page_item>a{color:var(--mustard)}ul.main-nav>li>a::before,ul.main-nav>li>a::after{background:var(--mustard);content:'';display:block;height:1px;position:absolute;right:50%;bottom:-2px;left:50%;opacity:0}ul.main-nav>li:hover>a::before,ul.main-nav>li.current_page_item>a::before{left:0;opacity:1}ul.main-nav>li:hover>a::after,ul.main-nav>li.current_page_item>a::after{right:0;opacity:1}ul.main-nav ul{background:var(--white);box-shadow:0 0 5px var(--secondary-color);display:none;list-style:none;margin:0;min-width:320px;padding:15px;position:absolute;top:100%;z-index:999}ul.main-nav li:hover ul{display:block}ul.main-nav li ul li{border-bottom:1px solid var(--beige);padding:5px 0}ul.main-nav li ul li:last-of-type{border:none}ul.main-nav li ul li a{color:var(--secondary-color);font-size:14px}ul.main-nav li ul li a:hover,ul.main-nav li ul li.current_page_item a{color:var(--pink-claire)}ul.main-nav li.cta.cta-devis{margin-left:auto}ul.main-nav li.cta.cta-devis a{background:var(--mustard);border-radius:30px;color:var(--white);font-size:16px;padding:10px 30px}ul.main-nav li.cta.cta-devis a:hover{background:var(--pink-claire);color:var(--white)}ul.main-nav li.cta.cta-devis a::before,ul.main-nav li.cta.cta-devis a::after{display:none}.offcanvas-toggle{background:none;border:none;cursor:pointer;margin:0;padding:0}.offcanvas-toggle:hover,.offcanvas-toggle:focus{background:none}.offcanvas-toggle i{color:var(--primary-color);font-size:22px;transition:transform 0.3s ease}.offcanvas-toggle .fa-xmark{font-size:1.2rem}.menu-toggle-btn .hamburger-line{transition:transform 0.3s ease,opacity 0.3s ease;transform-origin:center}body.offcanvas-open .menu-toggle-btn{border-color:var(--accent,#f49614)}body.offcanvas-open .menu-toggle-btn .hamburger-line{background:var(--accent,#f49614)}body.offcanvas-open .menu-toggle-btn .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}body.offcanvas-open .menu-toggle-btn .hamburger-line:nth-child(2){opacity:0}body.offcanvas-open .menu-toggle-btn .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.offcanvas{position:fixed;top:0;left:-300px;width:300px;height:100%;min-height:100vh;background-color:var(--default-bg-light,#f5f7fa);box-shadow:-2px 0 20px rgba(0,0,0,0.15);padding:40px 0;transition:left 0.3s ease;z-index:1000;overflow-y:auto}.offcanvas.open,.offcanvas.active{left:0;visibility:visible}.offcanvas-content{padding:20px;position:relative}.offcanvas-close{background:none;border:none;cursor:pointer;color:var(--default-primary,#0b266b);font-size:30px;margin:0;padding:0;position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.offcanvas-close:hover{background:rgba(11,38,107,0.1);color:var(--default-accent,#4b90d8)}.offcanvas-nav{margin-bottom:20px}.offcanvas-nav ul{list-style:none;padding:0}.offcanvas-nav li{margin-bottom:10px}.offcanvas-nav a{color:var(--default-primary-dark,#081d4d);text-decoration:none;font-weight:500;transition:color 0.3s ease;display:block;padding:12px 0;border-bottom:1px solid rgba(11,38,107,0.08)}.offcanvas-nav a:hover{color:var(--default-accent,#4b90d8);padding-left:8px}.offcanvas-contact,.offcanvas-social{margin-bottom:20px}.offcanvas-contact p,.offcanvas-social a{margin:5px 0;color:var(--default-primary-dark,#081d4d)}.offcanvas-contact .coords i{background:var(--default-accent,#4b90d8);border-radius:50%;color:var(--default-white,#FFFFFF);display:flex;align-items:center;justify-content:center;height:40px;font-size:18px;min-width:40px;width:40px;transition:all 0.3s ease}.offcanvas-contact .coords a{color:var(--default-primary-dark,#081d4d);text-decoration:none;transition:color 0.3s ease}.offcanvas-contact .coords a:hover{color:var(--default-accent,#4b90d8)}.offcanvas-contact .coords a:hover i{transform:translateY(-2px);box-shadow:0 4px 12px rgba(75,144,216,0.3)}.offcanvas-social a{display:inline-block;margin-right:10px;text-decoration:none;transition:all 0.3s ease;width:40px;height:40px;border-radius:50%;background:rgba(11,38,107,0.08);color:var(--default-accent,#4b90d8);display:inline-flex;align-items:center;justify-content:center}.offcanvas-social a:hover{background:var(--default-accent,#4b90d8);color:var(--default-white,#FFFFFF);transform:translateY(-2px);box-shadow:0 4px 12px rgba(75,144,216,0.3)}.contact-info i,.footer-contact-info i,.offcanvas-contact i{margin-right:8px;color:var(--primary-color)}.instagram-slider{margin-top:30px}.instagram-slider .carousel{max-width:400px;margin:0 auto}.instagram-slider .carousel-item img{height:300px;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px var(--shadow-light)}.instagram-slider .carousel-control-prev,.instagram-slider .carousel-control-next{width:5%;opacity:0.8}.instagram-slider .carousel-control-prev-icon,.instagram-slider .carousel-control-next-icon{background-color:var(--mustard);border-radius:50%;padding:10px}.instagram-slider .carousel-indicators{bottom:-40px}.instagram-slider .carousel-indicators button{background-color:var(--pink-claire);border:none;width:10px;height:10px;border-radius:50%;margin:0 5px}.instagram-slider .carousel-indicators .active{background-color:var(--mustard)}span[class*="cat-"]{padding:3px 10px;text-transform:uppercase}.cat-communication-globale{background:var(--blush);color:var(--white)}.cat-seo-referencement{background:var(--sage-green);color:var(--primary-color)}.cat-reseaux-sociaux{background:var(--beige);color:var(--primary-color)}.cat-creation-de-site-internet{background:var(--pink-claire);color:var(--white)}.cat-realisations-etudes-de-cas{background:var(--mustard);color:var(--white)}.section-featured figure>a{display:block;position:relative;overflow:hidden}.section-featured figure>a::before{background:var(--overlay-gradient);content:'';position:absolute;top:0;right:0;bottom:0;left:0}.section-featured figure figcaption{font-style:normal;padding:5px 15px;position:absolute;right:0;bottom:0;left:0;z-index:5}.section-featured figure h3{font-size:14px}.section-featured figure figcaption a{color:var(--white);display:block}.section-featured figure figcaption a.feature-cat{font-size:12px}.section-cat-list h2{border-bottom:2px solid var(--primary-color);font-size:18px;margin-bottom:40px}.section-cat-list h3{font-size:22px;font-weight:400}.section-cat-list a{color:var(--dark)}.td-image-container{position:relative}.td-image-container span[class*="cat-"]{position:absolute;bottom:0;left:0;z-index:4}.category-header{background-color:var(--gre-dark);background-size:cover;background-position:center;margin-top:-300px;padding-top:300px;position:relative}.category-header::before{background:var(--overlay-color);content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index: 1;}.category-header .container{position:relative;z-index:10}.wrap-banner{position:relative}.category-title{font-size:60px;font-weight:800}.category-title span{color:var(--sage-green);display:block;font-size:20px;font-weight:700}.post-item h3{font-size:22px}.post-item a{color:var(--primary-color)}.td-pagination-wrap{display:flex;gap:12px}.td-pagination-wrap .btn{border:1px solid var(--dtia-secondary-color,var(--grey-600));color:var(--dtia-secondary-color,#54595F);padding:6px 14px;line-height:1.2;border-radius:2px;text-transform:uppercase;font-size:12px;letter-spacing:.02em}.td-pagination-wrap .btn:hover{background:var(--dtia-secondary-color,#54595F);color:var(--white)}.td-pagination-wrap .btn.disabled,.td-pagination-wrap .btn[aria-disabled="true"]{opacity:.5;pointer-events:none}.td-prev-icon,.td-next-icon{margin:0 6px}.td-load-more-wrap{text-align:center;margin-top:40px;margin-bottom:20px}.td_ajax_load_more{display:inline-block;padding:12px 30px;background:var(--mustard);color:var(--white);text-decoration:none;border-radius:25px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;border:2px solid var(--mustard);position:relative;overflow:hidden}.td_ajax_load_more:hover{background:var(--pink);border-color:var(--pink-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium)}.td_ajax_load_more.loading{pointer-events:none;opacity:0.7}.td-load-more-txt{display:inline-block;margin-right:8px;transition:all 0.3s ease}.td-load-more-icon{display:inline-block;transition:all 0.3s ease}.td-load-more-icon.spinning i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.td_ajax_load_more i{font-size:12px;transition:all 0.3s ease}.td_block_no_posts{text-align:center;padding:40px 20px}.no_posts_found{color:var(--secondary-color);font-size:16px}.pagination{margin-top:50px;text-align:center}.pagination .page-numbers{display:inline-block;padding:10px 15px;margin:0 5px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:5px;border:1px solid var(--beige);transition:all 0.3s ease}.pagination .page-numbers:hover,.pagination .page-numbers.current{background:var(--mustard);color:var(--white);border-color:var(--mustard)}.no-posts{text-align:center;padding:50px 20px}.no-posts h2{color:var(--primary-color);margin-bottom:20px}.no-posts p{color:var(--texte);font-size:18px}.item-post-cat{position:relative}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--white-overlay);display:flex;align-items:center;justify-content:center;z-index:10}.spinner{width:40px;height:40px;border:4px solid var(--beige);border-top:4px solid var(--mustard);border-radius:50%;animation:spin 1s linear infinite}.posts-container{position:relative}.posts-container .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;width:100%;z-index:20}.posts-container .loading-overlay .spinner-container .text-primary{color:var(--mustard)}.post-sidebar-column h3,.similar-articles-carousel h3{border-bottom:1px solid var(--taupe);color:var(--primary-color);font-size:18px;margin:40px 0;text-transform:uppercase}.recent-item{margin-bottom:15px}.recent-thumbnail{margin-bottom:8px}.recent-thumbnail img{width:100%;height:auto;border-radius:4px;transition:transform 0.3s ease}.recent-thumbnail:hover img{transform:scale(1.05)}.recent-text h4 a{color:var(--gre-dark);font-size:16px;line-height:18px}.similar-slider{width:100%;margin:20px auto}.similar-item{text-align:center;padding:0 10px}.similar-item h4{font-size:14px;margin-top:8px;line-height:1.3}.similar-item h4 a{color:var(--primary-color);text-decoration:none}.similar-item h4 a:hover{color:var(--accentué)}.galerie-carousel-container{max-height:700px;overflow:hidden}.galerie-carousel-container .similar-item{text-align:left}.similar-slider .slick-dots{bottom:-30px}.similar-slider .slick-dots li button{background:var(--gre-dark);height:2px;margin:0;padding:0;width:20px}.similar-slider .slick-dots li button:hover{background:var(--mustard)}.similar-slider .slick-dots li.slick-active button{background:var(--mustard);border-radius:100%;height:15px;width:15px}.similar-slider .slick-dots li button:before{display:none}.similar-slider .slick-dots li.slick-active button:before{display:none;color:var(--mustard)}@media only screen and (min-width:1100px){.similar-item{width:calc(2.5% - 20px)}}@media only screen and (max-width:1100px){.similar-item{width:calc(3.3333333% - 20px)}}@media only screen and (max-width:900px){.similar-item{width:calc(5% - 20px)}}@media only screen and (max-width:550px){.similar-item{width:calc(10% - 20px)}}.social-sharing{border-top:1px solid var(--taupe);display:flex;gap:15px;align-items:center;margin-top:20px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--white);color:var(--primary-color);text-decoration:none;transition:all 0.3s ease;border:2px solid var(--beige);position:relative}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium);border-color:var(--mustard)}.social-link.facebook:hover{background:var(--facebook-blue);color:var(--white);border-color:var(--facebook-blue)}.social-link.twitter:hover{background:var(--twitter-blue);color:var(--white);border-color:var(--twitter-blue)}.social-link.linkedin:hover{background:var(--linkedin-blue);color:var(--white);border-color:var(--linkedin-blue)}.social-link.whatsapp:hover{background:var(--whatsapp-green);color:var(--white);border-color:var(--whatsapp-green)}.social-link.pinterest:hover{background:var(--pinterest-red);color:var(--white);border-color:var(--pinterest-red)}.social-link.instagram:hover{background:var(--instagram-pink);color:var(--white);border-color:var(--instagram-pink)}.social-link.email:hover{background:var(--mustard);color:var(--white);border-color:var(--mustard)}.social-link.copy-link:hover{background:var(--sage-green);color:var(--white);border-color:var(--sage-green)}.social-link.copied.success{background:var(--sage-green);color:var(--white);border-color:var(--sage-green);animation:pulse 0.3s ease}.social-link.copied.error{background:var(--error-red);color:var(--white);border-color:var(--error-red);animation:shake 0.3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.social-link i{font-size:16px;transition:all 0.3s ease}@media screen and (max-width:1199px){html{overflow-x:hidden}ul.main-nav{column-gap:15px}.footer .coords .phone a{font-size:18px}}@media screen and (max-width:991px){.header-info{position:relative}.mask-logo{display:none}.top-menu{display:none}.section-featured figure figcaption a.feature-cat{font-size:10px}.section-featured figure h3{font-size:16px}.section-featured .td-excerpt{font-size:12px}.section-cat-list h3{font-size:18px}}@media (max-width:768px){.social-sharing{gap:10px;justify-content:center}.social-link{width:35px;height:35px}.social-link i{font-size:14px}.logo-foot img{max-width:200px}}@media screen and (max-width:575px){.category-title{font-size:45px}}@media (max-width:480px){.social-sharing{gap:8px}.social-link{width:32px;height:32px}.social-link i{font-size:12px}.section-cat-list h2{font-size:16px}}.post-stats .like-button{margin-left:auto}.hbcta-like-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:500;transition:all 0.3s ease;border:2px solid var(--blue-std);background:transparent;color:var(--blue-std);cursor:pointer}.hbcta-like-btn:hover{background:var(--blue-std);color:white;transform:translateY(-1px);box-shadow:0 4px 8px var(--blue-30)}.hbcta-like-btn.not-liked{border-color:var(--grey-500);color:var(--grey-500)}.hbcta-like-btn.not-liked:hover{background:var(--grey-600);border-color:var(--grey-500);color:white}.hbcta-like-btn.not-liked i{color:var(--grey-500)}.hbcta-like-btn.liked{border-color:var(--error-red);color:var(--error-red);background:var(--error-red-10)}.hbcta-like-btn.liked:hover{background:var(--error-red);border-color:var(--error-red);color:white}.hbcta-like-btn.liked i{color:var(--error-red)}.hbcta-like-btn.liked:hover i{color:white}.hbcta-like-btn i{font-size:16px;transition:all 0.3s ease}.hbcta-like-btn.not-liked:hover i{transform:scale(1.1)}.hbcta-like-btn.liked i{animation:heartbeat 0.6s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.like-count{font-weight:600;opacity:0.8}.hbcta-like-btn:hover .like-count{opacity:1}@media (max-width:768px){.hbcta-like-btn{padding:6px 12px;font-size:13px;gap:6px}.hbcta-like-btn i{font-size:14px}}@media (max-width:480px){.post-stats{flex-wrap:wrap;gap:10px}.like-button{margin-left:0}.hbcta-like-btn{width:100%;justify-content:center;max-width:120px}}button.btn-primary,input[type="submit"].btn-primary,a.btn-primary,.btn.btn-primary{background-color:var(--pink-med) !important;border-color:var(--pink-med) !important;color:var(--white) !important}button.btn-primary:hover,button.btn-primary:focus,input[type="submit"].btn-primary:hover,input[type="submit"].btn-primary:focus,a.btn-primary:hover,a.btn-primary:focus,.btn.btn-primary:hover,.btn.btn-primary:focus{background-color:var(--pink-med) !important;border-color:var(--pink-med) !important;color:var(--white) !important}button.btn-outline-primary,input[type="submit"].btn-outline-primary,a.btn-outline-primary,.btn.btn-outline-primary{color:var(--mustard) !important;border-color:var(--mustard) !important;background-color:transparent !important}button.btn-outline-primary:hover,button.btn-outline-primary:focus,button.btn-outline-primary.active,input[type="submit"].btn-outline-primary:hover,input[type="submit"].btn-outline-primary:focus,input[type="submit"].btn-outline-primary.active,a.btn-outline-primary:hover,a.btn-outline-primary:focus,a.btn-outline-primary.active,.btn.btn-outline-primary:hover,.btn.btn-outline-primary:focus,.btn.btn-outline-primary.active{background-color:var(--mustard) !important;border-color:var(--mustard) !important;color:var(--white) !important}button.btn-outline-primary.active,input[type="submit"].btn-outline-primary.active,a.btn-outline-primary.active,.btn.btn-outline-primary.active{background-color:var(--mustard) !important;border-color:var(--mustard) !important;color:var(--white) !important;box-shadow:none !important}.load-more-btn.loading{opacity:0.7;pointer-events:none}.load-more-btn .loading-spinner{display:inline-flex;align-items:center;gap:8px}.load-more-btn .loading-spinner .spinner-border{width:16px;height:16px}.maintenance-page{min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.maintenance-page::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-color);z-index:1}.maintenance-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);padding:2rem}.maintenance-logo{max-width:200px;height:auto;margin-bottom:2rem}.maintenance-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px var(--shadow-color)}.maintenance-subtitle{font-size:1.5rem;margin-bottom:1rem;opacity:0.9}.maintenance-message{font-size:1.1rem;max-width:500px;opacity:0.8;line-height:1.6;margin-bottom:1rem}.maintenance-contact{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.2)}.maintenance-contact-title{font-size:1.2rem;margin-bottom:1rem;color:var(--blush)}.maintenance-contact-info{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem}.maintenance-contact-item{display:flex;align-items:center;justify-content:center;gap:0.75rem;color:var(--white);text-decoration:none;transition:opacity 0.3s ease}.maintenance-contact-item:hover{opacity:0.8;color:var(--white)}.maintenance-contact-item i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--taupe);border-radius:50%;font-size:16px}.maintenance-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.maintenance-social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--white);color:var(--taupe);text-decoration:none;transition:all 0.3s ease;font-size:18px}.maintenance-social-link:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-medium)}.maintenance-social-link.facebook:hover{background:var(--facebook-blue);color:var(--white)}.maintenance-social-link.twitter:hover{background:var(--twitter-blue);color:var(--white)}.maintenance-social-link.instagram:hover{background:var(--instagram-pink);color:var(--white)}.maintenance-social-link.linkedin:hover{background:var(--linkedin-blue);color:var(--white)}.maintenance-social-link.youtube:hover{background:var(--youtube-red);color:var(--white)}.maintenance-footer{position:relative;z-index:2;text-align:center;padding:1.5rem;color:rgba(255,255,255,0.7);font-size:0.9rem}@media (max-width:768px){.maintenance-title{font-size:2rem}.maintenance-subtitle{font-size:1.2rem}.maintenance-message{font-size:1rem;padding:0 1rem}.maintenance-logo{max-width:150px}}.floating-contact-bar{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;right:15px;top:50%;transform:translateY(-50%);opacity:0;transform:translateY(-50%) translateX(20px);animation:floatingBarEnter 0.6s cubic-bezier(0.4,0,0.2,1) 800ms forwards}@keyframes floatingBarEnter{to{opacity:1;transform:translateY(-50%) translateX(0)}}.floating-contact-bar .floating-btn{width:48px;height:48px;background:var(--floating-bar-bg);border:1px solid rgba(0,0,0,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--floating-bar-color);font-size:18px;box-shadow:0 4px 15px rgba(0,0,0,0.12);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration:none}.floating-contact-bar .floating-btn:hover{background:#374151;color:#ffffff;transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.25)}.floating-contact-bar .floating-btn.devis{background:var(--floating-bar-accent);color:#ffffff;border-color:var(--floating-bar-accent);animation:devisPulse 2.5s infinite ease-in-out}.floating-contact-bar .floating-btn.devis:hover{background:var(--floating-bar-accent-hover);color:#ffffff;animation:none}.floating-contact-bar .floating-btn.messenger{background:#0084FF;color:#ffffff;border-color:#0084FF}.floating-contact-bar .floating-btn.messenger:hover{background:#0078e6;color:#ffffff;border-color:#0078e6}.floating-contact-bar .floating-btn.home{background:var(--floating-bar-bg);color:var(--floating-bar-color);border-color:var(--floating-bar-bg)}.floating-contact-bar .floating-btn.home:hover{background:var(--floating-bar-accent);color:#ffffff;border-color:var(--floating-bar-accent)}@keyframes devisPulse{0%,100%{box-shadow:0 4px 15px rgba(244,150,20,0.35)}50%{box-shadow:0 4px 15px rgba(244,150,20,0.7),0 0 0 8px rgba(244,150,20,0.15)}}.floating-contact-bar .floating-btn::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#222;color:#fff;font-size:12px;padding:6px 11px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;pointer-events:none;z-index:10000;box-shadow:0 3px 10px rgba(0,0,0,0.2)}.floating-contact-bar .floating-btn:hover::after{opacity:1;visibility:visible}@media (max-width:768px){.floating-contact-bar{flex-direction:row;right:auto;left:50%;bottom:20px;top:auto;transform:translateX(-50%);gap:10px;background:rgba(255,255,255,0.96);padding:6px 12px;border-radius:32px;box-shadow:0 6px 25px rgba(0,0,0,0.18);animation:floatingBarEnterMobile 0.5s cubic-bezier(0.4,0,0.2,1) 600ms forwards}@keyframes floatingBarEnterMobile{from{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.floating-contact-bar .floating-btn{width:44px;height:44px;font-size:17px;box-shadow:none;border:none}.floating-contact-bar .floating-btn:hover{transform:scale(1.15)}.floating-contact-bar .floating-btn::after{right:auto;left:50%;bottom:calc(100% + 10px);top:auto;transform:translateX(-50%)}.floating-contact-bar{bottom:22px}}@media (max-width:400px){.floating-contact-bar .floating-btn{width:40px;height:40px;font-size:16px}.floating-contact-bar{padding:5px 10px;gap:8px}.maintenance-social-link{width:40px;height:40px;font-size:16px}}@media (max-width:480px){.maintenance-title{font-size:1.5rem}.maintenance-contact-item{font-size:0.9rem}}
.hero-banner{position:relative;overflow:hidden;background-color:#111010}.hero-banner .hero-banner-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-banner .wrap-banner{position:relative;z-index:1}
/* ============================================================
   UNIFORM THUMBNAIL SIZING (similar + recent_* blocks)
   Without these rules each thumbnail kept its intrinsic aspect
   ratio, causing visually inconsistent tile sizes inside the
   carousel and the sidebar lists. Force a fixed card_small
   aspect ratio (485/360) and use object-fit:cover so any
   underlying picture/img is centered and cropped the same way.
   ============================================================ */
.similar-thumbnail{display:block;aspect-ratio:485 / 360;overflow:hidden;background:var(--grey-100);border-radius:8px}
.similar-thumbnail img,.similar-thumbnail picture{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.similar-slider .slick-slide>.similar-item{display:flex;flex-direction:column}
.similar-slider .slick-slide>.similar-item h4{flex-shrink:0}
.recent-thumbnail{display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--grey-100);border-radius:6px}
.recent-thumbnail img,.recent-thumbnail picture{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
/* ============================================================
   POST SLIDER (footer-post-slider partial)
   Base structural + hover overlay styles. Color/visual variants
   are overridden in each template's CSS (e.g. delogis.css).
   Reusable across footer templates (delogis, full, wide, ...).
   ============================================================ */
.footer-post-slider .similar-slider{width:100%;margin:0 auto}
.footer-post-slider .similar-slider .slick-list{overflow:hidden;border-radius:8px}
.footer-post-slider .similar-item{text-align:center;padding:0 10px}
.footer-post-slider .similar-item h4{font-size:14px;margin-top:8px;line-height:1.3;font-weight:600}
.footer-post-slider .similar-item h4 a{color:var(--text-dark);text-decoration:none;transition:color .3s ease}
.footer-post-slider .similar-item h4 a:hover{color:var(--primary-color)}
.footer-post-slider .similar-thumbnail{position:relative}
.footer-post-slider .similar-thumbnail-link{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}
.footer-post-slider .similar-thumbnail-link img,.footer-post-slider .similar-thumbnail-link picture{transition:transform .4s ease}
.footer-post-slider .similar-thumbnail-link:hover img,.footer-post-slider .similar-thumbnail-link:focus-visible img{transform:scale(1.06)}
.footer-post-slider .similar-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.7) 55%,rgba(0,0,0,0.9) 100%);color:#fff;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;display:flex;align-items:flex-end;padding:14px;border-radius:8px}
.footer-post-slider .similar-thumbnail-overlay-inner{width:100%;transform:translateY(8px);transition:transform .35s ease;text-align:left}
.footer-post-slider .similar-thumbnail-link:hover .similar-thumbnail-overlay,.footer-post-slider .similar-thumbnail-link:focus-visible .similar-thumbnail-overlay{opacity:1;visibility:visible}
.footer-post-slider .similar-thumbnail-link:hover .similar-thumbnail-overlay-inner,.footer-post-slider .similar-thumbnail-link:focus-visible .similar-thumbnail-overlay-inner{transform:translateY(0)}
.footer-post-slider .similar-overlay-excerpt{font-size:12px;line-height:1.45;color:#fff;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.4em}
.footer-post-slider .similar-overlay-readmore{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--primary-color,#131210);padding:6px 12px;border-radius:4px;transition:background .3s ease,color .3s ease,transform .3s ease;text-decoration:none}
.footer-post-slider .similar-thumbnail-link:hover .similar-overlay-readmore{background:#fff;color:var(--primary-color,#131210)}
.footer-post-slider .similar-thumbnail-link:hover .similar-overlay-readmore i{transform:translateX(3px)}
.footer-post-slider .similar-overlay-readmore i{font-size:10px;transition:transform .3s ease}
@media (hover:none){.footer-post-slider .similar-thumbnail-overlay{opacity:1;visibility:visible}.footer-post-slider .similar-thumbnail-overlay-inner{transform:translateY(0)}}
/* Slick dots - default neutral */
.footer-post-slider .similar-slider .slick-dots{list-style:none;display:flex;justify-content:center;gap:6px;margin:14px 0 0;padding:0}
.footer-post-slider .similar-slider .slick-dots li{margin:0}
.footer-post-slider .similar-slider .slick-dots li button{width:10px;height:10px;padding:0;border-radius:50%;background:rgba(0,0,0,0.15);border:none;font-size:0;cursor:pointer;transition:all .3s ease}
.footer-post-slider .similar-slider .slick-dots li.slick-active button{background:var(--primary-color,#131210);width:24px;border-radius:5px}
/* ============================================================
   END POST SLIDER
   ============================================================ */