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

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(99,99,99);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(255,195,0);
	--wd-alternative-color: rgb(255,195,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(255,195,0);
	--btn-default-bgcolor-hover: rgb(229,160,0);
	--btn-accented-bgcolor: rgb(255,195,0);
	--btn-accented-bgcolor-hover: rgb(229,160,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 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: rgb(245,240,230);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-page-title .title {
	font-size: 45px;
}
.type-post p {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: rgb(89,89,89);
}
html .wd-single-post-header .title, html .wd-single-post-title .wd-post-title {
	font-size: 40px;
}
.type-post h2 {
	font-family: "Instrument Serif", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	color: rgb(247,175,36);
}
.type-post h3 {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: rgb(93,93,93);
}
.wd-single-post-content a {
	color: rgb(240,40,56);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(84,160,49);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--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: 0px;
}

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


#menu-item-28 > a  {
    color: rgb(255, 195, 0) !important;
    border-radius: 40px !important;
    background-color: rgba(255, 195, 0, 0.3) !important;
}

/* Conteneur principal */
.wcuf_single_upload_field_container {
  margin: 25px 0 !important;
  padding: 8px !important;
  border-radius: 4px !important;

  /* Compatibilité avec anciens navigateurs */
  max-width: -moz-fit-content !important;
  max-width: -webkit-fit-content !important;
  max-width: fit-content !important;
  width: auto !important;
}

/* Titre */
.wcuf_upload_field_title {
  margin-bottom: 3px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* Description */
.wcuf_field_description {
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

/* Zone drag & drop */
.wcuf_upload_drag_and_drop_area {
  padding: 6px !important;
  min-height: 50px !important;
  border-radius: 4px !important;
}

/* Icon SVG */
.wcuf_drag_and_drop_area_icon {
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
}

/* Texte sous l'icône */
.wcuf_drag_and_drop_area_description {
  font-size: 11px !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
}

/* Boutons */
.wcuf_upload_multiple_files_button,
.wcuf_upload_multiple_files_mirror_button {
  padding: 5px 10px !important;
  font-size: 11px !important;
  margin: 5px 0 !important;
  line-height: 1.2 !important;
  height: auto !important;
}

/* Barre de progression */
.wcuf_bar {
  height: 4px !important;
  margin: 3px 0 !important;
  border-radius: 2px !important;
}

/* Statut upload */
.wcuf_upload_status_box {
  padding: 5px !important;
  margin: 5px 0 !important;
  background-color: #f4f4f4 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
}

.wcuf_percent,
.wcuf_total_files_progress_bar_title,
.wcuf_current_file_progress_bar_title {
  font-size: 10px !important;
  margin: 2px 0 !important;
}

/* Nom fichier */
.wcuf_file_name {
  font-size: 10px !important;
  padding: 3px !important;
  max-width: 90% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.wcuf_multiple_files_actions_button_container > * {
  margin-right: 5px !important;
  margin-bottom: 5px !important;
}

/* Bouton suppression */
.wcuf_just_selected_multiple_files_delete_button {
  padding: 4px 8px !important;
  font-size: 10px !important;
}






body:has(.post-single-page) .wd-content-area.site-content {
	max-width: 870px;
	margin-right: auto;
	margin-left: auto;
}

/* Forcer le carousel horizontal sur mobile pour Bottom Grid */
@media (max-width: 768px) {
    [class*="bottom_grid"] .wd-carousel-wrap {
        display: flex !important;
				flex-direction: row !important;
				align-items: center !important;
				justify-content: flex-start !important;
        flex-wrap: nowrap !important;
				gap: 0 !important;
    }
    [class*="bottom_grid"] .wd-carousel-item {
        width: 100% !important;
        flex-shrink: 0 !important;
    }
}

/* Rendre sticky la pub sur la sidebar blog*/
.elementor-element-3e59b6f {
  position: sticky;
  top: 0;
  align-self: flex-start;
  z-index: 10;
}

/*Fixer la taille des images des articles de blog dans les carrousels*/
.wd-post-img img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/*Fixer la taille de l'image dans les articles de blog*/
.wd-post-image {
  width: 100%;
  overflow: hidden;
}

.wd-post-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  display: block;
}


/*Système lire plus page de collection*/

/* Collapse la description catégorie */
.wd-term-desc.is-collapsed {
  max-height: 250px; /* ~4-5 lignes, ajuste selon ta font-size */
  overflow: hidden;
  position: relative;
}

/* Dégradé en bas pour indiquer qu'il y a plus */
.wd-term-desc.is-collapsed::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(transparent, white);
  pointer-events: none;
}

.wd-term-desc-toggle {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  border: none;
  background: none;
  padding: 0;
}

.wd-term-desc-toggle:hover {
  text-decoration: underline;
}

#footer-ref h3{
font-size:14px;
}
#footer-ref p{
font-size:11px;
}

/* ===== Illusion bleue sur la page Dojo (au lieu de jaune) ===== */

/* --- Prix des kits déco (ex: "1,00 €") --- */
body.page-id-177185 .wrapp-product-price,
body.page-id-177185 .wrapp-product-price .price,
body.page-id-177185 .wrapp-product-price .woocommerce-Price-amount,
body.page-id-177185 .wrapp-product-price .woocommerce-Price-amount.amount,
body.page-id-177185 .wrapp-product-price .woocommerce-Price-amount bdi {
  color: rgb(25, 0, 200) !important;
}

/* --- Cartes de packs (pricing tables) --- */
body.page-id-177185 .pricing-tables.wd-grid-f-stretch .wd-price-table.wd-col.price-style-default {
  border-color: rgb(25, 0, 200) !important;
}

/* Bandeau de prix en haut de chaque pack (ex: "€ 350") — tous les blocs de la page */
body.page-id-177185 .wd-price-table.wd-col.price-style-default .wd-plan-price {
  background-color: rgb(25, 0, 200) !important;
}

/* Boutons "Remplir le formulaire" */
body.page-id-177185 .wd-price-table.wd-col.price-style-default .wd-btn,
body.page-id-177185 .wd-price-table.wd-col.price-style-default a.button {
  background-color: rgb(25, 0, 200) !important;
  border-color: rgb(25, 0, 200) !important;
}

/* --- Bouton "Ajouter au devis" (add to cart WooCommerce) --- */
body.page-id-177185 a.button.product_type_simple,
body.page-id-177185 .ajax_add_to_cart_button,
body.page-id-177185 .add_to_cart_button {
  background-color: rgb(25, 0, 200) !important;
  border-color: rgb(25, 0, 200) !important;
  color: #fff !important;
}

/* Etat survol (hover) du même bouton */
body.page-id-177185 a.button.product_type_simple:hover,
body.page-id-177185 .ajax_add_to_cart_button:hover,
body.page-id-177185 .add_to_cart_button:hover {
  background-color: rgb(19, 0, 160) !important;
  border-color: rgb(19, 0, 160) !important;
}

/* ===== Page formulaire "Commande de Packs France Judo" (page-id-177230) ===== */

/* Bouton d'envoi du formulaire en bleu */
body.page-id-177230 .bf-btn {
  background-color: rgb(25, 0, 200) !important;
  border-color: rgb(25, 0, 200) !important;
  color: #fff !important;
}
body.page-id-177230 .bf-btn:hover {
  background-color: rgb(19, 0, 160) !important;
  border-color: rgb(19, 0, 160) !important;
}

/* Masquer tout l'en-tête PPI : logo, menu produits, menu secondaire, recherche, panier */
body.page-id-177230 header.whb-header {
  display: none !important;
}

/* Masquer tout le pied de page PPI : bandeau contact, textes SEO produits, réseaux sociaux, copyright */
body.page-id-177230 .wd-footer {
  display: none !important;
}

/* --- Menu déroulant "Pack" (sélection multiple avec chips) --- */
body.page-id-177230 .bf-dpd-fld-container {
  border-color: rgb(25, 0, 200) !important;
}
body.page-id-177230 .bf-dpd-fld-container.active,
body.page-id-177230 .bf-dpd-fld-container:focus-within {
  border-color: rgb(25, 0, 200) !important;
  box-shadow: 0 0 0 1px rgb(25, 0, 200) !important;
}

/* Option sélectionnée dans la liste déroulante */
body.page-id-177230 .option.selected-opt,
body.page-id-177230 .selected-opt {
  background-color: rgb(25, 0, 200) !important;
  color: #fff !important;
}

/* Survol d'une option dans la liste */
body.page-id-177230 .bf-dpd-fld-container .option:hover {
  background-color: rgba(25, 0, 200, 0.15) !important;
}

/* --- Bordure de focus de TOUS les champs du formulaire --- */
body.page-id-177230 .bf-fld:focus {
  border-color: rgb(25, 0, 200) !important;
}
body.page-id-177230 .bf-fld:hover {
  border-color: rgb(25, 0, 200) !important;
}
body.page-id-177230 .bf-fld:focus {
  box-shadow: 0 0 0 3px rgba(25, 0, 200, 0.3) !important;
}
/* Bordure du sélecteur "Pack"  */
body.page-id-177230 .bf-dpd-wrp {
  border-color: rgb(25, 0, 200) !important;
}@media (min-width: 768px) and (max-width: 1024px) {
	.wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon{
background: linear-gradient(177deg, #ffc300, #ffab00);
    border-radius: 12px ;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon{
background: linear-gradient(177deg, #ffc300, #ffab00);
    border-radius: 7px ;
}
}

@media (max-width: 576px) {
	.wd-toolbar-link.wd-tools-element.wd-toolbar-item.wd-tools-custom-icon{
background: linear-gradient(177deg, #ffc300, #ffab00);
    border-radius: 7px ;
}
}

