@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//123helmets.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//123helmets.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Rajdhani", 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: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rajdhani", 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: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(6,6,6);
	--wd-alternative-color: rgb(228,28,27);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(255,0,0);
	--btn-default-bgcolor: rgb(228,28,27);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-bgcolor: rgb(228,28,27);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--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: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://123helmets.com/wp-content/uploads/2025/11/A366EB24-2CB1-4C54-8BB1-0EBD2FE4466D.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--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;
}
}


body.woocommerce-checkout .site-header, 
body.woocommerce-checkout .site-footer {
    display: none !important;
}

/* Cible l’élément actif du menu (la page courante) */
.menu-item.current-menu-item > a {
    background-color: #123456; /* Couleur de fond surligné */
    color: #ffffff;           /* Couleur du texte */
}
/* Cible spécifiquement l’élément à l’aide de sa classe personnalisée */
.highlighted-menu {
    background-color: #d3d3d3;
}

.woocommerce-checkout label {
    font-weight: 600;
}
.woocommerce-checkout input,input[type="text"], 
.woocommerce-checkout select {
    border: 2px solid #ccc;
    padding: 8px;
    font-size: 1em;
}
.woocommerce-checkout input:focus {
    border-color: #56b856; /* vert ou couleur accent */
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
/* Instagram embeds: compact, centered, premium */
.single-post .mini-helmet-article .ig-embed-wrap{
  max-width: 520px;     /* 480 smaller / 560 larger */
  margin: 18px auto;
}

.single-post .mini-helmet-article .ig-embed-wrap .instagram-media{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
/* =========================================================
   123Helmets – Mini helmet articles (center layout + IG embed)
   Scope: Elementor HTML widget + our .mini-helmet-article blocks
   Rollback: remove this whole block
========================================================= */

.elementor-widget-html .mini-helmet-article{
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Make sure headings/lists also follow the centered column */
.elementor-widget-html .mini-helmet-article > *{
  box-sizing: border-box;
}

/* Center Instagram embeds reliably (even after IG script replaces the blockquote) */
.elementor-widget-html .mini-helmet-article .ig-embed{
  display: flex;
  justify-content: center;
}

/* Force a consistent embed width without breaking mobile */
.elementor-widget-html .mini-helmet-article .ig-embed > *,
.elementor-widget-html .mini-helmet-article blockquote.instagram-media,
.elementor-widget-html .mini-helmet-article iframe.instagram-media{
  max-width: 520px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 123Helmets Contact — scoped styles */
body.page-contact-us .hx-contact { max-width: 1100px; margin: 0 auto; padding: 10px 16px; }
body.page-contact-us .hx-hero h1 { margin-bottom: 8px; }
body.page-contact-us .hx-lead { opacity: .92; line-height: 1.55; }

body.page-contact-us .hx-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
body.page-contact-us .hx-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
}
body.page-contact-us .hx-btn--ghost { background:transparent; }

body.page-contact-us .hx-divider { margin:22px 0; opacity:.25; }

body.page-contact-us .hx-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
@media (max-width: 768px) { body.page-contact-us .hx-grid { grid-template-columns:1fr; } }

body.page-contact-us .hx-card { border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:14px; }
body.page-contact-us .hx-hint { opacity:.88; }

body.page-contact-us .hx-list { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
body.page-contact-us .hx-list li { display:flex; align-items:flex-start; gap:10px; }
body.page-contact-us .hx-ico { display:inline-flex; margin-top:2px; opacity:.9; }

body.page-contact-us .hx-formwrap { margin-top: 10px; }
body.page-contact-us .wpforms-container .wpforms-field input,
body.page-contact-us .wpforms-container .wpforms-field select,
body.page-contact-us .wpforms-container .wpforms-field textarea { border-radius: 12px; }
body.page-contact-us .wpforms-container .wpforms-submit { border-radius: 12px; padding: 10px 14px; }
@media (max-width: 576px) {
	@media (max-width: 480px) {
  .woocommerce-checkout .form-row-first, 
  .woocommerce-checkout .form-row-last {
      width: 100% !important;
  }
}

}