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

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

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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Metropolis", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(36,36,36);
	--wd-text-font-size: 14px;
	--wd-title-font: "Metropolis", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Metropolis", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Metropolis", 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: "Metropolis", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(192,28,45);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(221,51,51);
	--btn-default-bgcolor-hover: rgb(221,153,51);
	--btn-accented-bgcolor: rgb(221,51,51);
	--btn-accented-bgcolor-hover: rgb(130,36,227);
	--wd-form-brd-width: 1px;
	--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: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(247,247,247);
	background-image: none;
}
.product-labels .product-label.new {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 175px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1350px;
--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: 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: 1350px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(79,79,79);
}

@font-face {
	font-family: "Metropolis";
	src: url("//mcx.com.tr/wp-content/uploads/2021/10/Metropolis-Regular.woff2") format("woff2"), 
url("//mcx.com.tr/wp-content/uploads/2021/10/Metropolis-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Metropolis";
	src: url("//mcx.com.tr/wp-content/uploads/2021/10/Metropolis-Bold.woff2") format("woff2"), 
url("//mcx.com.tr/wp-content/uploads/2021/10/Metropolis-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

.woocommerce-product-gallery img {
    width: 100%;
    border-radius: var(--wd-brd-radius);
	border: 1px solid #e5e5e5;
}
.woocommerce-product-details__short-description .tagged_as,
.product_meta .tagged_as {
    display: none !important;
}
.related-products .product-grid-item .product-element-top {
  border: 1px solid #ccc; /* Light gray border */
  padding: 5px; /* Optional: adds some space inside the frame */
  box-sizing: border-box;
}
.products .product {
    border: 1px solid #e0e0e0;  /* light gray border */
    padding: 15px;              /* space inside */
    transition: all 0.3s ease;
}

/* Add hover effect */
.products .product:hover {
    border-color: #ffb132; /* change to your brand color */
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
}
/* Hide short description on hover */
.product-grid-item:hover .short-desc,
.product:hover .short-desc {
    display: none !important;
}
/* Hide short description + stock when hovering */
.product-grid-item:hover .short-desc,
.product-grid-item:hover .stock,
.product:hover .short-desc,
.product:hover .stock {
    display: none !important;
}
/* Add separator line below product title */
.products .product .wd-entities-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

/* Add separator below category/brand text */
.products .product .wd-entities-title + .product-attributes,
.products .product .wd-entities-title + .product-brand {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 6px;
    margin-bottom: 10px;
}


/* Reduce gap between stock and price */
.product .stock {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height: 1.3;
}

.product .price {
    margin-top: 2px !important;
    padding-top: 0px !important;
    line-height: 1.3;
}
.product .stock,
.product .price {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
}

.product .stock {
    border-top: 1px solid #e5e5e5;
    padding-top: 6px !important;
    margin-top: 12px !important;
}
.product-grid-item:hover,
.product:hover {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important; /* optional: removes glow/shadow */
}
/* Hide stock text when hovering over product card */
.product-grid-item:hover .stock,
.product:hover .stock {
    display: none !important;
}
/* Style stock/backorder message */
.products .product .stock {
    color: #ff4d4d !important;     /* red example – change to your preferred color */
    font-weight: 500;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #e5e5e5;  /* light grey line */
    display: block;
    text-align: center;             /* optional: center it */
}
/* Tighten space between stock status and price */
.stock-below {
    margin-top: 6px !important;   /* space above stock */
    margin-bottom: 2px !important; /* reduce space below stock */
    padding: 0 !important;
    line-height: 1.4;
}
/* Price + stock stacked tightly */
.products .product .price{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.3 !important;
}

/* The stock line directly under price */
.products .product .stock-below{
  margin-top: 4px !important;     /* small gap from price */
  margin-bottom: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  border: none !important;        /* remove any leftover line */
}

/* Kill any dividers that theme might inject between price and stock */
.products .product .price + .wd-divider,
.products .product .price + .woodmart-divider{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* One color for all stock messages (set your brand color here) */
.products .product .stock-below .stock{
  color:#ffb132;                 /* ← change this to any color */
  font-weight:600;
}

/* OPTIONAL: different colors per status */
.products .product .stock-below .stock.in-stock{           color:#16a34a; }  /* green */
.products .product .stock-below .stock.out-of-stock{       color:#dc2626; }  /* red  */
.products .product .stock-below .stock.available-on-backorder{ color:#ffb132; } /* orange */

/* OPTIONAL: make the lines match the status color */
.products .product .stock-below .stock.in-stock{
  border-color:#16a34a33;
}
.products .product .stock-below .stock.out-of-stock{
  border-color:#dc262633;
}
.products .product .stock-below .stock.available-on-backorder{
  border-color:#ffb13233;
}

/* Stock row under price: color + lines drawn via pseudo-elements */
.products .product .stock-below{
  position: relative;          /* enables :before/:after lines */
  display: block;
  width: 100%;
  padding: 8px 0;              /* space for the lines */
  margin-top: 8px;
}

.products .product .stock-below .stock{
  color: #ffb132;              /* your brand orange */
  font-weight: 600;
  display: block;
  text-align: center;
}

/* Lines above and below (hard to override/clip) */
.products .product .stock-below::before,
.products .product .stock-below::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #e5e5e5;         /* line color (change if needed) */
  pointer-events: none;
}

.products .product .stock-below::before{ top: 0; }
.products .product .stock-below::after{ bottom: 0; }

/* If Woodmart wraps with overflow hidden, force visibility */
.products .product .wd-entities-price{ overflow: visible !important; }
/* Stock row wrapper */
.products .product .stock-below {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 0;   /* equal top & bottom padding */
  margin-top: 8px;
  text-align: center;
}
/* Price just above the stock row */
.products .product .price{
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
  line-height: 1.3 !important;
}

/* Stock row: centered text with equal lines on both sides */
.products .product .stock-below{
  display: flex !important;
  align-items: center !important;
  gap: 8px;                   /* space between text and the lines */
  margin: 6px 0 !important;   /* equal space above & below the row */
  padding: 0 !important;
}

/* The two lines */
.products .product .stock-below::before,
.products .product .stock-below::after{
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: #e5e5e5 !important;   /* line color */
}

/* The stock text itself */
.products .product .stock-below .stock{
  display: inline-block !important;
  color: #ffb132 !important;        /* your brand orange */
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 5px 2px !important;        /* tiny breathing room */
}
/* Space between price and stock row */
.products .product .price {
  margin-bottom: 10px !important;  /* increase this for more gap */
}
/* Center only the product title */
.products .product .wd-entities-title {
    text-align: center !important;
		height: 4.5em !important;
}

/* Left align everything else */
.products .product .product-attributes,
.products .product .product-brand,
.products .product .short-desc,
.products .product .stock-below,
.products .product .price,
.products .product .button,
.products .product .add-to-cart-loop,
.products .product .wd-entities-price {
    text-align: left !important;
}
/* ✅ Only product title stays centered */
.products .product .wd-entities-title {
    text-align: center !important;
}

/* ✅ Force category/brand left */
.products .product .wd-product-cats,
.products .product .product-category,
.products .product .product-brand {
    text-align: left !important;
    justify-content: flex-start !important; /* handles flex cases */
}

/* ✅ Force price left */
.products .product .wd-entities-price,
.products .product .price {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* ✅ Stock, description, add-to-cart button left */
.products .product .short-desc,
.products .product .stock-below,
.products .product .product-excerpt,
.products .product .add-to-cart-loop,
.products .product .wd-buttons {
    text-align: left !important;
    justify-content: flex-start !important;
}
/* Fix Add to Cart button position in product grid */
.products .product .add-to-cart-loop,
.products .product .wd-add-btn,
.products .product .button {
    position: relative !important;   /* override absolute positioning */
    top: auto !important;
    bottom: 0 !important;
    margin-top: 12px !important;      /* adjust spacing */
    display: inline-block !important;
}

/* Make both product attributes (labels + values) left aligned in spec sheet */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    text-align: left !important;
}

/* Ensure table keeps two-column layout with equal alignment */
.woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-product-attributes th {
    font-weight: 600;
    padding: 4px 8px 4px 0;
    width: 30%;  /* column width for labels */
}

.woocommerce-product-attributes td {
    font-weight: 400;
    padding: 4px 0;
    width: 70%;  /* column width for values */
}

.wd-action-btn.wd-style-icon .button {
  gap: 0;
  min-height: unset;
  padding: 15px;
  background-color: transparent;
}

/* Product card button */
.product-grid-item .button {
  display: inline-block;     /* makes it only as wide as text */
  width: auto !important;    /* remove full width */
  min-width: auto !important;
  margin: 0 auto;            /* optional: center it */
  text-align: center;        /* keeps text centered inside */
}
.product-grid-item .button {
  display: inline-block;
  width: auto !important;
  min-width: auto !important;
  margin-left: 0;   /* align left */
}

/* Align product price to the left inside product cards */
.product-grid-item .price {
  text-align: left !important;
  display: block;
  width: 100%;
  margin-left: 0;
}

.products .product .wd-entities-title {
  text-align: center !important;
  height: 3.5em;
}

.products .product .wd-product-cats,
{
  text-align: left !important;
  justify-content: flex-start !important;
  height: 3.2em;
}

.wd-product
{
text-align: left !important;	
}
.price .amount {
  font-size: 20px;
}
.wd-product-cats
{
height:4em;	
}
/* Hide the "Read more description" hover button in Woodmart product grid */
.wd-more-desc-inner,
.wd-more-desc-btn {
  display: none !important;
}
.product-grid-item .short-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;    /* maximum 3 bullets */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Center align product prices in shop/archive pages */
.woocommerce ul.products li.product .price {
    text-align: center;
    display: block;
    width: 100%;
}
.products .product .price {
  text-align: center !important;
}
.product-label.out-of-stock {
  display: none !important;
}

.product-grid-item .product-actions .wd-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.product-grid-item .product-actions {
  display: flex;
  justify-content: center;
  gap: 6px; /* adjust spacing between icons */
}

.product-grid-item .wd-action-btn.add_to_cart_button {
  margin-top: 0 !important; /* fixes the cart icon misalignment */
  position: relative;
  top: 0 !important;
}
/* Equal height product boxes in WooCommerce grid (Woodmart theme) */
.products .product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.products .product .product-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.products .product .product-details {
  flex-grow: 1;
}

.wd-info-box .info-box-content {
	margin-top:10px !important;
	font-weight:600;
}

.wd-product-cats {
    height: 6em !important;
}

.wd-products-grid .product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wd-products-grid .price {
  margin-top: auto !important;
}

.product_title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    --page-title-display: block;
}

.price .amount {
  font-size: 18px !important;
}

.related-products .product-grid-item .product-element-top {
    border: 0px solid #ccc !important;
    padding: 5px;
    box-sizing: border-box;
}

/* Constant 3-line short description on product cards */
.rahz-short-desc,
.product-short-description {           /* covers both your wrapper and theme's */
  line-height: 1.6;                    /* set an explicit line height */
  min-height: calc(1.6em * 3);         /* reserve space for 3 lines */
  max-height: calc(1.6em * 3);         /* don't allow more than 3 */
  overflow: hidden;

  /* show ellipsis after the 3rd line (Chrome/Safari/Edge) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: center;
}


/* Center-align the MCXpert'e Sor button properly */
.product-element-bottom.product-information {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.product-element-bottom.product-information button.fme_efw_enquire_now_btn {
  display: inline-block !important;
  margin: 10px auto 0 !important;
  float: none !important;
  text-align: center !important;
}

/* Teknik Döküman İndir Button Styling */
.product-datasheet-link a.btn,
.single-product .product .summary a.btn {
  background-color: #d9b45c !important;
  border-color: #d9b45c !important;
  color: #fff !important;
  border-radius: 5px !important; /* rounded button */
  padding: 12px 28px !important;  /* balanced spacing */
  font-weight: 700;
  text-transform: uppercase !important; /* all caps */
  letter-spacing: 0.5px;
  transition: all 0.3s ease-in-out;
}

/* Hover effect (slightly darker and lifted) */
.product-datasheet-link a.btn:hover,
.single-product .product .summary a.btn:hover {
  background-color: #c19d52 !important;
  border-color: #c19d52 !important;
  color: #fff !important;
  transform: translateY(-2px);
}


/* Always show product stock, ignore scheme/hover transitions */
.single-product .summary .stock,
.single-product .summary p.stock {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  color: #111 !important;          /* readable on white */
  z-index: 5 !important;
}

/* If WoodMart switches to a "light" scheme, keep it dark anyway */
.color-scheme-light .single-product .summary .stock {
  color: #111 !important;
}

/* Some installs fade the whole summary; neutralize that */
.single-product .summary,
.single-product .product-summary {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove divider line and tighten spacing above stock line */
.single-product .summary .stock {
  margin-top: 5px !important; /* reduce top space */
  border-top: none !important; /* remove line */
  padding-top: 0 !important;
}

/* If the line comes from a pseudo-element (::before/::after), remove that too */
.single-product .summary .stock::before,
.single-product .summary .stock::after {
  display: none !important;
  border: none !important;
  content: none !important;
}



/* If any extra spacing was added at the top, remove it */
body,
.site-content {
  margin-top: 0 !important;
}

/* If WooCommerce store notice is still somehow active, nuke it too */
.woocommerce-store-notice,
p.demo_store,
body.woocommerce-demo-store {
  margin-top: 0 !important;
  display: none !important;
}


/* Row under MCXPERT'E SOR */
.single-product .mcx-actions-row {
    display: flex;
    gap: 12px;
    margin-top: 10px;
    flex-wrap: nowrap;
}

/* Hide WoodMart "Clear filters" bar that links to /shop/ */
.wd-active-filters,
.wd-clear-filters {
    display: none !important;
}

/* Hide HUSKY auto-shortcode / autohide filter overlay */
.woof_autohide_wrapper,
.woof_sid_auto_shortcode {
    display: none !important;
}


/* === HUSKY Price Slider - Full Red Theme (#ff0013) === */

/* Active bar (selected range) */
.irs--flat .irs-bar {
    background-color: #ff0013 !important;
}

/* Slider handle (circle) */
.irs--flat .irs-handle > i:first-child {
    background-color: #ff0013 !important;
    border-color: #ff0013 !important;
}

/* Handle hover */
.irs--flat .irs-handle:hover > i:first-child {
    background-color: #cc0010 !important;
    border-color: #cc0010 !important;
}

/* Value labels (blue bubble numbers) */
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: #ff0013 !important;
    border-color: #ff0013 !important;
}

/* Text inside bubbles */
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: #ffffff !important;
}

/* Inactive line (grey track) */
.irs--flat .irs-line {
    background-color: #e8e8e8 !important;
}

/* Tick marks (small grey dots under the line) */
.irs--flat .irs-grid-pol {
    background-color: #f0f0f0 !important;
}

/* Tick text under the slider */
.irs--flat .irs-grid-text {
    color: #b6b6b6 !important;
}

.whb-zmfwvrmdhx4pbmn93l8d.info-box-wrapper div.wd-info-box {
    margin-top: 12px !important;
}

/* Hide on all WooCommerce pages (shop, category, search, filters) */
body.woocommerce-page .woof_container_rnkategorileri,
body.woocommerce-page .woof_container_inner_rnkategorileri {
    display: none !important;
}

.product-element-bottom.product-information button.fme_efw_enquire_now_btn {
	text-align:center !important;
}

.whb-col-mobile {
    flex: 1 1 auto;
    justify-content: right !important;
    margin-inline: -10px;
}

/* Add clean spacing around the mobile search bar */
@media (max-width: 1024px) {

  /* Space the whole search block inside the mobile header/menu */
  header.whb-header-mobile .whb-column_mobile5 .wd-search-form.wd-header-search-form--mobile {
      margin-top: 8px !important;
      margin-bottom: 12px !important;
      padding: 0 16px !important;
      box-sizing: border-box;
      background: #ffffff !important;
  }

  /* Make sure the Ajax search wrapper doesn’t collapse */
  header.whb-header-mobile .whb-column_mobile5 .dgwt-wcas-search-wrapp {
      margin: 0 !important;
  }

  /* Slightly round and lift the input so it visually separates from lines */
  header.whb-header-mobile .whb-column_mobile5 .dgwt-wcas-search-form input[type="search"] {
      border-radius: 4px !important;
      height: 40px !important;
      line-height: 40px !important;
  }
}