@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//flixfootwear.com/wp-content/themes/woodmart/fonts/woodmart-font-2-300.woff2?v=8.4.1") format("woff2");
	font-display:swap;
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(13,13,13);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(13,13,13);
	--btn-accented-bgcolor-hover: rgb(48,48,48);
	--btn-font-weight: 400;
	--btn-transform: capitalize;
	--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-link-decor-style: solid;
	--wd-link-decor-style-hover: solid;
	--wd-link-decor-color: rgb(51,51,51);
	--wd-link-decor-color-hover: rgb(36,36,36);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://flixfootwear.com/wp-content/uploads/2026/05/01w.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 700px;
}
.wd-hb {
	background-color: rgb(235,235,235);
	background-image: none;
}
: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(235,235,235);
	background-image: none;
}
html table th {
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	font-weight: 400;
}
body .wd-swatch, body table.variations label, body .wd-breadcrumbs>:is(span,a):last-child {
	font-weight: 400;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 600;
	font-size: 20px;
	text-transform: none;
	color: rgb(221,0,0);
}
html .product-image-summary-wrap .summary-inner > .price:hover, html .wd-single-price .price:hover {
	color: rgb(221,0,0);
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-icon-size: 18px;
}
.product-labels .product-label.onsale {
	background-color: rgb(244,32,0);
	color: rgb(51,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.product-labels .product-label.featured {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}

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

}

@media (max-width: 768.98px) {
	:root {
		--wd-hb-opt-h: 60px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
		line-height: 20px;
	}

}
:root{
--wd-container-w: 1800px;
--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-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

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


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

.woocommerce-form-coupon-toggle {
    display: none !important;
}

/* চেকআউট পেজের অর্ডার বাটনের কালার লাল করা */
#place_order, 
.woocommerce-checkout #place_order,
.wc-proceed-to-checkout .checkout-button {
    background-color: #CC0000 !important; /* উজ্জ্বল লাল রঙ */
    color: #FFFFFF !important; /* লেখার কালার সাদা */
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease;
}

/* মাউস রাখলে (Hover) বাটনের কালার পরিবর্তন */
#place_order:hover, 
.woocommerce-checkout #place_order:hover {
    background-color: #990000 !important; /* মাউস রাখলে গাঢ় লাল হবে */
    color: #FFFFFF !important;
}



/* ৩. Buy Now বাটনটিকে আকর্ষণীয় লাল করা */
.wd-buy-now-btn, 
button.wd-buy-now-btn,
.single_add_to_cart_button.wd-buy-now-btn {
    background-color: #CC0000 !important; /* লোগোর লাল রঙের সাথে ম্যাচিং */
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    padding: 14px 20px !important;
    margin-top: 10px !important;
    border: none !important;
}

/* ৪. সাইজ সিলেক্ট করার পর আসা অতিরিক্ত টেক্সট (Clear/Label) লুকানো */
.variations_form .reset_variations,
.single-product-page .wd-swatch-value {
    display: none !important;
}



/* ৪. ডিসকাউন্ট সেল ব্যাজ মডার্ন ও স্কয়ারিশ করা */
.product-grid-item .onsale {
    background-color: #000000 !important; /* মিনিমালিস্ট ব্ল্যাক ব্যাজ (অথবা লোগোর লাল #CC0000 দিতে পারেন) */
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 4px !important; /* গোল থেকে মডার্ন চারকোনা */
    padding: 2px 6px !important;
    font-size: 11px !important;
    min-height: auto !important;
    width: auto !important;
}

/* পুরো ওয়েবসাইটের সব প্রোডাক্ট গ্রিডের দাম এক লাইনে ও সমান করার জন্য */
.product-grid-item .price, 
.wd-loop-footer .price,
.price {
    display: flex !important;
    flex-direction: row !important; /* আসল দাম ডানে এবং কাটা দাম বামে এক লাইনে রাখবে */
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important; /* দুই দামের মাঝখানের দূরত্ব */
    margin-top: 5px !important;
    width: 100% !important;
}

/* অফার প্রাইস বা আসল দামের স্টাইল (দ্বিতীয় ছবির মতো) */
.product-grid-item price ins .woocommerce-Price-amount,
.product-grid-item .price ins .woocommerce-Price-amount,
.price ins .woocommerce-Price-amount,
ins .woocommerce-Price-amount {
    color: #CC0000 !important; /* Flix লোগোর প্রিমিয়াম লাল */
    font-size: 20px !important; /* দ্বিতীয় ছবির নিখুঁত সাইজ */
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* কাটা দাম বা আগের মূল্যের স্টাইল (দ্বিতীয় ছবির মতো হালকা ও ছোট) */
.product-grid-item price del .woocommerce-Price-amount,
.product-grid-item .price del .woocommerce-Price-amount,
.price del .woocommerce-Price-amount,
del .woocommerce-Price-amount {
    color: #aaaaaa !important; /* হালকা গ্রে কালার */
    font-size: 15px !important; /* ছোট সাইজ */
    font-weight: 500 !important;
}

/* পণ্যের নাম এবং মূল্যের মাঝখানের অতিরিক্ত ফাঁকা জায়গা কমানোর জন্য */
.product-grid-item .price, 
.wd-loop-footer .price {
    margin-top: 0px !important; /* উপরের গ্যাপ একদম কমিয়ে দেওয়া হলো */
    padding-top: 0px !important;
}

.product-grid-item .wd-entities-title {
    margin-bottom: 0px !important; /* নামের নিচের গ্যাপটি শূন্য করা হলো */
}

/* পুরো ওয়েবসাইটের প্রোডাক্ট গ্রিড কন্টেইনারকে ফ্লেক্স করা */
.product-grid-item, 
.wd-product, 
.product-grid-item .wd-product-header,
.product-grid-item .wd-info-top,
.wd-loop-footer {
    display: flex !important;
    flex-direction: column !important;
}

/* মূল্য বা প্রাইজকে ১ নাম্বারে (উপরে) জোরপূর্বক পাঠানো */
.product-grid-item .price, 
.wd-product .price,
.wd-loop-footer .price,
.product-grid-item .wd-price-wrapper {
    order: -1 !important; /* এটি মাইনাস ওয়ান হওয়ায় সব উপাদানের আগে উপরে চলে যাবে */
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    display: flex !important;
    justify-content: center !important; /* দাম সেন্টারে রাখার জন্য */
}

/* পণ্যের নাম বা টাইটেলকে ২ নাম্বারে (নিচে) রাখা */
.product-grid-item .wd-entities-title, 
.product-grid-item .woocommerce-loop-product__title,
.wd-product .wd-entities-title {
    order: 1 !important;
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    text-align: center !important; /* নাম সেন্টারে রাখার জন্য */
}

/* রেটিং বা স্টার থাকলে সেটিকে আরও নিচে পাঠানো */
.product-grid-item .wd-product-rating, 
.product-grid-item .star-rating {
    order: 2 !important;
    margin: 0 auto !important;
}


/* পুরো ওয়েবসাইটের প্রোডাক্ট গ্রিড কন্টেইনারকে ফ্লেক্স করা */
.product-grid-item, 
.wd-product, 
.product-grid-item .wd-product-header,
.product-grid-item .wd-info-top,
.wd-loop-footer {
    display: flex !important;
    flex-direction: column !important;
}

/* ছবির নিচ থেকে এবং নামের উপর থেকে সব বাড়তি খালি জায়গা জোরপূর্বক মুছে ফেলা */
.product-grid-item .price, 
.wd-product .price, 
.product-grid-item .wd-price-wrapper {
    order: -1 !important;
    margin-top: 2px !important;    /* ছবির একদম কাছাকাছি নিয়ে যাবে */
    margin-bottom: 0px !important; /* নামের একদম কাছাকাছি নিয়ে যাবে */
    padding-top: 0px !important;   /* ভেতরের সব খালি জায়গা শূন্য */
    padding-bottom: 0px !important;
    line-height: 1 !important;
}

.product-grid-item .wd-info-top,
.product-grid-item .wd-product-header {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* পণ্যের নাম বা টাইটেল এর মার্জিন ঠিক করা */
.product-grid-item .wd-entities-title, 
.product-grid-item .woocommerce-loop-product__title,
.wd-product .wd-entities-title {
    order: 1 !important;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    text-align: center !important;
    line-height: 1.2 !important;   /* লাইনের উচ্চতা ঠিক রাখা */
}

/* রেটিং বা স্টার থাকলে সেটির পজিশন */
.product-grid-item .wd-product-rating, 
.product-grid-item .star-rating {
    order: 2 !important;
    margin: 0 auto !important;
}


/* উডমার্টের ডিফল্ট ইংরেজি সোল্ড কাউন্টার এবং লাইভ ভিজিটর হাইড করার কোড */
.wd-single-sold-counter,
.wd-single-visitors,
.product-single-sold,
.product-visitors {
    display: none !important;
}

/* =====================================================
   Flix Footwear — Ultimate Shop/Category List View Fix
   ===================================================== */

/* ১. ক্যাটাগরি বা শপ পেজে সিঙ্গেল পেজের সমস্ত কাস্টম কোড, বাটন ও ফর্ম জোরপূর্বক ব্লক (হাইড) করা */
.archive .wd-custom-product-container,
.archive .wd-proof-bar,
.archive .wd-size-section,
.archive .wd-stock-bar,
.archive .wd-action-buttons-row,
.archive .wd-trust-grid,
.archive .wd-qty-box,
.archive form.cart,
.archive .wd-cta-row,
.archive .wd-order-btn,
.archive .wd-cart-btn {
    display: none !important;
}

/* ২. উডমার্ট থিমের নিজস্ব ডিফল্ট 'Select Options' বাটনটি ক্যাটাগরি পেজে ফিরিয়ে আনা ও সচল করা */
.archive .wd-add-btn,
.archive .woodmart-add-btn,
.archive .wd-add-btn-wrapp,
.archive .product-grid-item .wd-add-btn-wrapp {
    display: inline-flex !important;
}

/* ৩. লিস্ট ভিউতে (List View) ৪ নম্বর ছবির মতো ছবি ও তথ্য পারফেক্টলি পাশাপাশি করা */
.products-list .product-grid-item,
.wd-loop-product.wd-layout-list,
.product-list-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 12px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
}

/* =====================================================
   Flix Footwear — Product Title 2-Line Clamp Fix
   ===================================================== */

/* গ্রিড এবং লুপ পেজের সব জায়গায় পণ্যের নাম সর্বোচ্চ ২ লাইনে বাধ্য করা */
.archive .product-grid-item .wd-entities-title,
.archive .product-grid-item .product-title,
.product-grid-item .product-title,
.wd-loop-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.product-grid-item .woocommerce-loop-product__title,
.wd-loop-product .product-title {
    /* এক লাইনের বাধ্যবাধকতা তুলে দেওয়া */
    white-space: normal !important; 
    
    /* ২ লাইনে ফিক্স করে অতিরিক্ত অংশ ডট ডট (...) করার ইঞ্জিন */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* এখানে ২ মানে সর্বোচ্চ ২ লাইন দেখাবে */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* ২ লাইনের জন্য মোবাইল স্ক্রিনে পারফেক্ট উচ্চতা নির্ধারণ */
    min-height: 34px !important; 
    max-height: 34px !important; 
    
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    margin-top: 4px !important;
    margin-bottom: 2px !important;
}

/* ৫. লিস্ট ভিউয়ের ভেতরের প্রাইস বা দামের লাইন সোজা ও পজিশন ঠিক করা */
.archive .product-grid-item .price,
.archive .wd-loop-product .price {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #e11d48 !important;
    margin-bottom: 10px !important;
}
.archive .product-grid-item .price del,
.archive .wd-loop-product .price del {
    font-size: 13px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* ৬. ৪ নম্বর ছবির মতো কাস্টম উপবৃত্তাকার 'টাকায় ছাড়' ব্যাজ পজিশন ফিক্স */
.archive .product-grid-item .onsale,
.archive .wd-loop-product .onsale {
    display: inline-flex !important;
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #e11d48 !important;
    border-radius: 6px !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 5px !important;
}

/* ৭. উডমার্টের ডিফল্ট বাটনটিকে ৪ নম্বর ছবির মতো সুন্দর সাইজে রূপান্তর করা */
.archive .wd-add-cart-btn a,
.archive .woodmart-add-btn a,
.archive .product-grid-item .wd-add-btn a {
    height: 38px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}



/* Size badge - one line, auto shrink */
.flix-size-availability{
    display:flex;
    flex-wrap:nowrap;
    gap:4px;
    justify-content:center;
    margin:8px 0;
    overflow-x:auto;
    padding:0 4px;
    scrollbar-width:none;
}
.flix-size-availability::-webkit-scrollbar{
    display:none;
}
.flix-size-badge{
    font-size:11px;
    font-weight:700;
    min-width:24px;
    flex:0 0 auto;
    text-align:center;
    padding:3px 5px;
    border-radius:4px;
    border:1.5px solid #ddd;
}
.flix-size-in{
    color:#111;
    border-color:#16a34a;
    background:#f0fdf4;
}
.flix-size-out{
    color:#b0b0b0;
    text-decoration:line-through;
    background:#f5f5f5;
    border-color:#eee;
}

/* Grid view (2-column) — আরো compact */
.products.columns-2 .flix-size-badge,
.wd-products-holder .flix-size-badge{
    font-size:10px;
    min-width:20px;
    padding:2px 4px;
}

/* Title single line with ellipsis */
.products .product .wd-entities-title{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:block !important;
}

/* Price single line */
.products .product .price{
    white-space:nowrap !important;
}
@media (max-width: 576px) {
	/* =====================================================
   Flix Footwear — Product Title 2-Line Clamp Fix
   ===================================================== */

/* গ্রিড এবং লুপ পেজের সব জায়গায় পণ্যের নাম সর্বোচ্চ ২ লাইনে বাধ্য করা */
.archive .product-grid-item .wd-entities-title,
.archive .product-grid-item .product-title,
.product-grid-item .product-title,
.wd-loop-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.product-grid-item .woocommerce-loop-product__title,
.wd-loop-product .product-title {
    /* এক লাইনের বাধ্যবাধকতা তুলে দেওয়া */
    white-space: normal !important; 
    
    /* ২ লাইনে ফিক্স করে অতিরিক্ত অংশ ডট ডট (...) করার ইঞ্জিন */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* এখানে ২ মানে সর্বোচ্চ ২ লাইন দেখাবে */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* ২ লাইনের জন্য মোবাইল স্ক্রিনে পারফেক্ট উচ্চতা নির্ধারণ */
    min-height: 34px !important; 
    max-height: 34px !important; 
    
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    margin-top: 4px !important;
    margin-bottom: 2px !important;
}

/* Breadcrumbs লুকানো */
.woocommerce-breadcrumb {
    display: none !important;
}

/* শপ পেজের ক্যাটাগরি লিস্ট লুকানো */
.wd-nav-product-cat {
    display: none !important;
}

/* শপ টাইটেল */
.page-title-default {
    padding: 10px 0 !important;
}


}