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

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--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-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(16,185,129);
	--wd-alternative-color: rgb(45,102,86);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,185,129);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
: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: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

html, body, input, textarea, select, button {
  font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6, .site-title, .menu, button, .btn {
  font-family: 'Cairo', sans-serif;
}
/* Forcer Cairo sur le menu principal du header Woodmart */
.whb-header, 
.whb-main-header, 
.whb-main-header .navigation > li > a, 
.whb-main-header .navigation > li > span, 
.whb-header .wd-nav > li > a {
  font-family: 'Cairo', sans-serif !important;
}

/* Pour les sous-menus */
.whb-header .wd-sub-menu li a {
  font-family: 'Cairo', sans-serif !important;
}

/* Pour les boutons du header (si tu en as) */
.whb-header .btn, 
.whb-header button {
  font-family: 'Cairo', sans-serif !important;
}

/* === Menu principal Woodmart === */
.nav-link-text {
  position: relative; /* nécessaire pour placer le ::after */
  display: inline-block;
  font-family: 'Cairo', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 12px 18px;
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease; /* couleur smooth */
}

/* === Underline animé === */
.whb-header .wd-nav > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px; /* distance du soulignement sous le texte */
  width: 100%; /* prend toute la largeur du lien */
  height: 2px; /* épaisseur de la barre */
  background-color: rgb(16 185 129);
  transform: scaleX(0); /* invisible au départ */
  transform-origin: left center;
  transition: transform 0.3s ease;
}

/* === Hover === */
.nav-link-text:hover {
  color: rgb(16 185 129) !important;
}

.whb-header .wd-nav > li > a:hover::after {
  transform: scaleX(1); /* la barre s’étend */
}


/* === Style par défaut du bouton === */
.btn_top_nav {
  background-color: rgb(209 250 236);
  color: #2d6656 !important;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 30px;
  border-radius: 9999px; /* capsule arrondie */
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
}

/* === Hover : petit zoom smooth === */
.btn_top_nav:hover {
  background-color: rgb(209 250 236);
  border-color: rgb(147, 245, 212); /* border se rapproche du vert principal */
  transform: scale(1.05);
}

/* === Pulse visible autour du bouton (plus collé) === */
.btn_top_nav:hover::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid rgba(16, 185, 129, 0.9); /* vert bien visible */
  border-radius: inherit;
  animation: beatPulse 1.2s infinite ease-out;
  pointer-events: none;
  z-index: -1; /* derrière le bouton */
}

/* === Animation beat améliorée === */
@keyframes beatPulse {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(1.12); /* léger souffle */
  }
  100% {
    opacity: 0;
    transform: scale(1.12);
  }
}

/* === Style par défaut du bouton mobile === */
.btn_top_nav_mobile {
  background-color: rgb(209 250 236);
  color: #2d6656 !important;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 24px; /* un peu plus équilibré que 30px */
  border-radius: 9999px; /* capsule arrondie */
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  width: 160px;
  min-width: fit-content; /* 👉 jamais plus petit que le contenu */
}

/* === Hover : petit zoom smooth bouton mobile === */
.btn_top_nav_mobile:hover {
  background-color: rgb(16 185 129);
  border-color: rgb(147, 245, 212); /* border se rapproche du vert principal */
  transform: scale(1.05);
}

/* Cacher le texte "Menu" du bouton mobile */
.wd-header-mobile-nav .wd-tools-text {
  display: none !important;
}





/* --- Formulaire RTL CF7 - version compacte --- */
.cf7-rtl-form {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

/* Labels */
.cf7-rtl-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 2px; /* presque collé au champ */
  color: #222;
  font-size: 15px;
}

/* Inputs / select / textarea */
.cf7-rtl-form input,
.cf7-rtl-form select,
.cf7-rtl-form textarea {
  width: 100%;
  padding: 12px 14px;        /* plus d’espace interne */
  min-height: 55px;          /* un peu plus haut */
  line-height: 1.6;          /* texte bien centré */
  margin-bottom: 8px;        
  border: 2px solid #ccc;    
  border-radius: 6px;
  font-size: 16px;           /* taille augmentée légèrement */
  font-family: 'Cairo', sans-serif;
  box-sizing: border-box;
  background: #fff;
  transition: border-color 0.18s, box-shadow 0.18s;
}


/* Textarea (message) : plus grand par défaut */
.cf7-rtl-form textarea {
  min-height: 160px; /* ajuste la hauteur si besoin */
  resize: vertical;
  line-height: 1.5;
}

/* Bordure verte au focus */
.cf7-rtl-form input:focus,
.cf7-rtl-form select:focus,
.cf7-rtl-form textarea:focus {
  border-color: #2D6656;
  box-shadow: 0 0 4px rgba(45,102,86,0.18);
  outline: none;
}

/* Bordure rouge si invalide */
.cf7-rtl-form .wpcf7-not-valid {
  border-color: #d9534f;
}

/* Cacher le texte d'erreur par défaut */
.wpcf7-not-valid-tip {
  display: none;
}

/* Forcer le style du bouton submit CF7 */
.cf7-rtl-form input[type="submit"],
.wpcf7 input[type="submit"] {
  width: 100% !important;
  background: #10b981 !important;   /* couleur par défaut */
  background-image: none !important;/* supprime tout dégradé du thème */
  color: #fff !important;
  font-size: 16px !important;
  padding: 12px !important;
  border-radius: 25px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 5px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  transition: background 0.2s ease;
}

/* Hover */
.cf7-rtl-form input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
  background: #244f44 !important;  /* version plus foncée */
}

.adbg {
    background-image: linear-gradient(45deg, #efeff5 16.67%, #fff 16.67%, #fff 50%, #efeff5 50%, #efeff5 66.67%, #fff 66.67%, #fff 100%);
    background-size: 4.24px 4.24px;
}

.wd-sub-menu li>a {
    text-align: right;
    direction: rtl;
}

.wd-nav>li>a {
    text-align: right;
    direction: rtl;
}

.wd-nav-opener {
    order: -1;
}