@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//blackgarage.fr/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(255,255,255);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(252,228,21);
	--wd-entities-title-font: "Neometric Médium", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Neometric Médium", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Neometric Extra Bold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Neometric Médium", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(252,228,21);
	--wd-alternative-color: rgb(255,255,255);
	--wd-link-color: rgba(238,238,34,0.26);
	--wd-link-color-hover: rgb(244,244,244);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Cinzel", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-bgcolor: rgb(255,153,51);
	--btn-accented-bgcolor-hover: rgb(233,140,47);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://blackgarage.fr/wp-content/uploads/2021/09/motorcycle-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://blackgarage.fr/wp-content/uploads/2021/10/motorcycle-shop-background.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(30,33,40);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-nav.wd-nav-secondary > li > a {
	color: rgb(255,255,255);
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	color: rgb(255,255,255);
}
.page .wd-page-content {
	background-color: rgb(30,33,40);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Neometric Extra Bold";
	src: url("//blackgarage.fr/wp-content/uploads/2024/10/Neometric-Extra-Bold-Bold.otf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Neometric Médium";
	src: url("//blackgarage.fr/wp-content/uploads/2024/10/Neometric-Medium-Regular.otf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Neometric Alt Regular";
	src: url("//blackgarage.fr/wp-content/uploads/2024/10/Neometric-Alt-Black-Regular.otf") format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Neometric Light (Regular)";
	src: url("//blackgarage.fr/wp-content/uploads/2024/11/Neometric-Light-Regular.otf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Neometric Extra Light (Regular)";
	src: url("//blackgarage.fr/wp-content/uploads/2024/11/Neometric-Extra-Light-Regular.otf") format("woff");
	font-weight: 400;
	font-style: normal;
}

#gform_submit_button_1 {
	background-color : #FCE415;
	color : #000000;
}
.linker{
	color:#FCE415 !important;
}

.article-section .article-body-container{
	background-color: #1E2128 !important;}

#gform_fields_1 .gfield_label {
	color : #ffffff !important;
}

.price-plan-btn {
	background-color:#E1CC13 !important;
	color: #000000 !important;
}

.wd-plan, .wd-plan-inner {
	border-color: #ffffff !important;
	border-radius:0px;
}
.wd-plan-price {
	background-color :#000000 !important;
}

.wd-price-table .wd-plan-inner .wd-plan-features .wd-plan-feature {
	color : #000000;}

/* Par défaut (avant défilement) */
.whb-general-header {
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
}

/* Après défilement */
.whb-general-header.scrolled {
   background-color: #1E2128CF !important;
}



/* Black Garage — blog et confort de lecture — 13 novembre 2026 */
.single-post #main-content{background:#f4f3ef!important;padding-bottom:0}
.single-post .elementor-31545 .elementor-element-b5447c3{padding:175px 24px 80px!important;min-height:470px!important;background-position:center!important}
.single-post .elementor-31545 .elementor-element-b5447c3>.elementor-container{min-height:0!important;max-width:1000px!important}
.single-post .elementor-31545 .elementor-element-cc906fd h1{font-size:clamp(30px,4vw,50px)!important;line-height:1.18!important;color:#fff!important;font-weight:700!important;text-transform:none!important;text-wrap:balance;max-width:960px;margin:0 auto 24px!important;text-shadow:0 2px 20px #0008}
.single-post .elementor-31545 .elementor-element-c67259b{background:#f4f3ef!important;padding:64px 24px!important;gap:0!important}
.single-post .elementor-31545 .elementor-element-c67259b>.e-con-inner{max-width:900px!important;width:100%!important;padding:0!important;gap:0!important}
.single-post .elementor-31545 .elementor-element-a4edfa8{background:#fff!important;padding:48px 54px!important;border:1px solid #e5e3dc;border-radius:18px;box-shadow:0 12px 40px #17191e08;width:100%!important;max-width:900px!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content{color:#30343b!important;font-size:18px!important;line-height:1.85!important;overflow-wrap:break-word}
.single-post .elementor-31545 .elementor-widget-theme-post-content p,.single-post .elementor-31545 .elementor-widget-theme-post-content li{color:#30343b!important;font-size:18px!important;line-height:1.85!important;text-align:left!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content p{margin:0 0 24px!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content>.elementor-widget-container>p:first-child{font-size:21px!important;line-height:1.65!important;color:#17191e!important;border-left:4px solid #e8ce00;padding-left:22px;margin-bottom:40px!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content h2{color:#17191e!important;font-size:28px!important;line-height:1.3!important;font-weight:700!important;text-transform:none!important;margin:46px 0 20px!important;letter-spacing:-.4px;scroll-margin-top:130px}
.single-post .elementor-31545 .elementor-widget-theme-post-content h3{color:#17191e!important;font-size:22px!important;line-height:1.4!important;margin:30px 0 14px!important;text-transform:none!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content ul,.single-post .elementor-31545 .elementor-widget-theme-post-content ol{padding-left:24px;margin:0 0 28px}
.single-post .elementor-31545 .elementor-widget-theme-post-content li{margin-bottom:10px}
.single-post .elementor-31545 .elementor-widget-theme-post-content a:not(.wp-block-button__link){color:#655900!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.single-post .elementor-31545 .elementor-widget-theme-post-content .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 24px;background:#ffed00!important;color:#17191e!important;font-size:16px!important;font-weight:700;line-height:1.5;text-decoration:none;border-radius:8px;text-transform:none!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content img{border-radius:12px;max-width:100%;height:auto}
.single-post .elementor-31545 .elementor-element-b084428{background:#f4f3ef!important;padding:0 24px 64px!important}
.single-post .elementor-31545 .elementor-element-b084428>.e-con-inner{max-width:900px!important}
.single-post .elementor-31545 .elementor-post-navigation__link a{padding:22px;background:#fff;border:1px solid #e1dfd8;border-radius:12px}
.single-post .elementor-31545 .elementor-post-navigation__link span{color:#20242b!important;white-space:normal!important;line-height:1.4!important}
.bg-journal-hero{background:#1e2128;color:#fff;padding:170px 28px 70px}
.bg-journal-inner{max-width:1140px;margin:auto}
.bg-journal-kicker{color:#ffed00!important;font-size:12px!important;font-weight:700;letter-spacing:2.2px;line-height:1.5!important;margin:0 0 20px!important}
.bg-journal-hero h1{color:#fff;font-size:clamp(38px,5.4vw,68px);line-height:1.05;letter-spacing:-1.5px;max-width:900px;margin:0 0 28px;text-transform:none}
.bg-journal-hero p:not(.bg-journal-kicker){font-size:20px;line-height:1.7;max-width:650px;color:#d8dbe1;margin:0 0 28px}
.bg-journal-link{display:inline-block;color:#ffed00!important;text-decoration:none!important;font-weight:700;padding:12px 0;border-bottom:1px solid #ffed0066;line-height:1.5}
.bg-journal-list{background:#f4f3ef;padding:64px max(24px,calc((100% - 1140px)/2)) 76px;margin:0!important}
.bg-journal-list>h2{color:#17191e;font-size:34px;line-height:1.25;text-transform:none;margin:0 0 14px;scroll-margin-top:140px}
.bg-journal-list>p{color:#626770;font-size:18px;line-height:1.7;margin-bottom:36px}
.bg-blog-grid .wp-block-post-template{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important;margin:0!important;padding:0!important;list-style:none!important}
.bg-blog-grid .wp-block-post{background:#fff;border:1px solid #e3e2dd;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;margin:0!important;padding:0!important;box-shadow:0 8px 26px #1e212806;transition:box-shadow .2s,transform .2s}
.bg-blog-grid .wp-block-post:hover{box-shadow:0 12px 32px #1e212814;transform:translateY(-3px)}
.bg-blog-grid .wp-block-post-featured-image{margin:0!important;aspect-ratio:16/10;overflow:hidden;background:#26292f}
.bg-blog-grid .wp-block-post-featured-image a{display:block;height:100%}
.bg-blog-grid .wp-block-post-featured-image img{width:100%!important;height:100%!important;object-fit:cover;object-position:center}
.bg-blog-card-copy{padding:28px 30px 30px!important;display:flex;flex-direction:column;flex:1;gap:0}
.bg-blog-grid .wp-block-post-date{font-size:12px;color:#737881;margin-bottom:14px;font-weight:600}
.bg-blog-grid .wp-block-post-title{font-size:25px;line-height:1.3;letter-spacing:-.35px;margin:0 0 17px!important;text-transform:none!important}
.bg-blog-grid .wp-block-post-title a{color:#17191e!important;text-decoration:none}
.bg-blog-grid .wp-block-post-excerpt{font-size:16px;line-height:1.75;color:#515761;margin:0 0 24px}
.bg-blog-grid .wp-block-post-excerpt p{color:#515761;margin:0}
.bg-blog-grid .wp-block-read-more{margin-top:auto!important;align-self:flex-start;color:#17191e!important;font-size:15px;font-weight:700;text-decoration:none;border-bottom:3px solid #f0d900;padding-bottom:6px}
.bg-blog-grid .wp-block-query-pagination{margin-top:38px;color:#17191e;gap:16px}
.bg-journal-contact{background:#1e2128;color:#e5e7eb;text-align:center;padding:70px 24px 80px}
.bg-journal-contact h2{font-size:34px;line-height:1.25;color:#fff;text-transform:none;margin-bottom:18px}
.bg-journal-contact>p:not(.bg-journal-kicker){font-size:18px;margin-bottom:28px}
.bg-journal-button{display:inline-flex;justify-content:center;align-items:center;background:#ffed00;color:#17191e!important;min-height:50px;padding:14px 24px;font-weight:700;border-radius:8px;margin:0 24px 12px 0;text-decoration:none!important}
@media(max-width:767px){
.single-post .elementor-31545 .elementor-element-b5447c3{padding:135px 20px 48px!important;min-height:390px!important}
.single-post .elementor-31545 .elementor-element-c67259b{padding:28px 14px!important}
.single-post .elementor-31545 .elementor-element-a4edfa8{padding:28px 22px!important;border-radius:12px}
.single-post .elementor-31545 .elementor-widget-theme-post-content p,.single-post .elementor-31545 .elementor-widget-theme-post-content li{font-size:17px!important;line-height:1.8!important}
.single-post .elementor-31545 .elementor-widget-theme-post-content>.elementor-widget-container>p:first-child{font-size:19px!important;padding-left:16px}
.single-post .elementor-31545 .elementor-widget-theme-post-content h2{font-size:24px!important;margin-top:36px!important}
.single-post .elementor-31545 .elementor-element-b084428{padding:0 14px 40px!important}
.single-post .elementor-31545 .elementor-post-navigation{display:flex;flex-direction:column;gap:14px}
.single-post .elementor-31545 .elementor-post-navigation__link{width:100%!important}
.bg-journal-hero{padding:145px 22px 48px}
.bg-journal-hero h1{letter-spacing:-.8px}
.bg-journal-hero p:not(.bg-journal-kicker){font-size:18px}
.bg-journal-list{padding:38px 18px 48px}
.bg-journal-list>h2,.bg-journal-contact h2{font-size:28px}
.bg-blog-grid .wp-block-post-template{grid-template-columns:1fr!important;gap:24px!important}
.bg-blog-card-copy{padding:24px!important}
.bg-blog-grid .wp-block-post-title{font-size:23px}
.bg-journal-contact{padding:48px 22px}
.bg-journal-button{display:flex;margin:0 0 14px;width:100%}
}
@media(prefers-reduced-motion:reduce){.bg-blog-grid .wp-block-post{transition:none}.bg-blog-grid .wp-block-post:hover{transform:none}}

/* Navigation contrastée sur les pages de lecture */
.single-post .whb-general-header,.page-id-33103 .whb-general-header{background:#1e2128!important}
.page-id-33103 #main-content{max-width:none;padding:0;width:100%}
	@media (min-width: 577px) and (max-width: 767px) {
	.mobile-nav{
	background-color : #000000;
}
}

@media (max-width: 576px) {
	.mobile-nav{
	background-color : #000000;
}

.whb-row.whb-top-bar {
    /*display: none; /* Cache l'élément par défaut */
    transition: opacity 0.3s ease-in-out; /* Ajoute une transition fluide */
}

.whb-row.whb-top-bar.visible {
    display: block; /* Affiche l'élément */
    opacity: 1; /* Assure que l'élément est complètement visible */
}

}

