@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;
}
}


/* =========================================================
   123Helmets – Woodmart Custom CSS (SAFE / SCOPED)
   Scope: content blocks + checkout form + IG + contact block
   Rollback: remove this whole block
========================================================= */

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

/* -------------------------------
   Checkout: form styles (FIXED selector — no global spill)
   ------------------------------- */
body.woocommerce-checkout .woocommerce-checkout label{
  font-weight: 600;
}

body.woocommerce-checkout .woocommerce-checkout input[type="text"],
body.woocommerce-checkout .woocommerce-checkout input[type="email"],
body.woocommerce-checkout .woocommerce-checkout input[type="tel"],
body.woocommerce-checkout .woocommerce-checkout input[type="number"],
body.woocommerce-checkout .woocommerce-checkout input[type="password"],
body.woocommerce-checkout .woocommerce-checkout select,
body.woocommerce-checkout .woocommerce-checkout textarea{
  border: 2px solid #ccc;
  padding: 8px;
  font-size: 1em;
}

body.woocommerce-checkout .woocommerce-checkout input:focus,
body.woocommerce-checkout .woocommerce-checkout select:focus,
body.woocommerce-checkout .woocommerce-checkout textarea:focus{
  border-color: #56b856; /* accent focus */
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* -------------------------------
   Menu highlight helper (if you manually add .highlighted-menu on <li>)
   NOTE: active menu styling is handled in Customizer block (single source of truth).
   ------------------------------- */
.highlighted-menu > a{
  background-color: #d3d3d3;
}

/* -------------------------------
   Instagram embeds: compact, centered, premium
   ------------------------------- */
.single-post .mini-helmet-article .ig-embed-wrap{
  max-width: 520px;
  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
========================================================= */
.elementor-widget-html .mini-helmet-article{
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.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;
}

/* 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;
}

/* -------------------------------
   Contact block — WPML-proof (no dependency on slug/body class)
   ------------------------------- */
.hx-contact{ max-width: 1100px; margin: 0 auto; padding: 10px 16px; }
.hx-hero h1{ margin-bottom: 8px; }
.hx-lead{ opacity: .92; line-height: 1.55; }

.hx-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.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;
}
.hx-btn--ghost{ background:transparent; }

.hx-divider{ margin:22px 0; opacity:.25; }

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

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

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

.hx-formwrap{ margin-top: 10px; }

/* WPForms styling ONLY when inside contact block */
.hx-contact .wpforms-container .wpforms-field input,
.hx-contact .wpforms-container .wpforms-field select,
.hx-contact .wpforms-container .wpforms-field textarea{
  border-radius: 12px;
}
.hx-contact .wpforms-container .wpforms-submit{
  border-radius: 12px;
  padding: 10px 14px;
}

/* -------------------------------
   Hide author meta
   ------------------------------- */
.wd-post-meta .meta-author,
.wd-post-meta .posted-by,
.entry-meta .meta-author,
.entry-meta .author,
.post-meta .author{
  display: none !important;
}
/* 123Helmets - Product description system */
.h123-pdp{
  margin: 0;
}

.h123-pdp-intro{
  margin: 0 0 18px;
}

.h123-pdp-intro p{
  margin: 0 0 12px;
}

.h123-pdp-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px;
}

.h123-pdp-card{
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:14px 16px;
  background:#fff;
}

.h123-pdp-card strong{
  display:block;
  margin-bottom:4px;
  font-size:14px;
  line-height:1.35;
}

.h123-pdp-card span{
  display:block;
  font-size:14px;
  line-height:1.5;
}

.h123-pdp-section{
  margin:0 0 22px;
}

.h123-pdp-section h3{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.3;
}

.h123-pdp-section p{
  margin:0 0 12px;
}

.h123-pdp-list{
  margin:0;
  padding-left:18px;
}

.h123-pdp-list li{
  margin:0 0 8px;
}

.h123-pdp-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 22px;
}

.h123-pdp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid #1a1a1a;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  transition:all .2s ease;
}

.h123-pdp-btn:hover{
  opacity:.9;
  text-decoration:none;
}

.h123-pdp-note{
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:14px 16px;
  margin:20px 0 0;
  background:#fafafa;
  font-size:14px;
  line-height:1.6;
}

.h123-short{
  margin:0;
}

.h123-short p{
  margin:0 0 12px;
}

.h123-short-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}

.h123-short-tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#f5f5f5;
  font-size:13px;
  line-height:1;
  font-weight:600;
}

.h123-short-note{
  margin-top:12px;
  font-size:13px;
  line-height:1.6;
}

@media (max-width: 767px){
  .h123-pdp-grid{
    grid-template-columns:1fr;
  }

  .h123-pdp-links{
    flex-direction:column;
  }

  .h123-pdp-btn{
    width:100%;
  }
}@media (max-width: 576px) {
	@media (max-width: 480px) {
  .woocommerce-checkout .form-row-first, 
  .woocommerce-checkout .form-row-last {
      width: 100% !important;
  }
}

}