/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

html {scroll-behavior:smooth;}
body .prices-starting-from{font-size: 10px;}
body .attribute-label.product-label, 
body .product-labels, 
body .product-labels.labels-rectangular, 
body span.product-label, 
body span.attribute-label, 
body .woocommerce-product-gallery .product-labels{max-width:100%;}
body .grecaptcha-badge{display:none;visibility:hidden;opacity:0;}
body .product-labels {gap:5px;}
body .labels-rounded-sm .product-label{border-radius:5px !important;}
body .wd-sub-menu li>a{padding:5px 0;font-size:13px;line-height:1.3;}
/* body .whb-color-light:not(.whb-with-bg){ background-color: #233E95; } */
body .wd-content-area>.single-breadcrumbs-wrapper { margin-top: -20px; }
body .wd-breadcrumbs .wd-delimiter { font-family: Arial, Helvetica, sans-serif; }
/* body .single-product-page .summary-inner>form.cart {margin-bottom: 25px;} */
body .single-product-page .summary-inner>form.cart span { color: #a1a2a4; font-size: 12px; }
body .single-product-page .summary-inner>form.cart span:before { content: "\f100"; font-family: "woodmart-font"; font-weight: 400; padding-right: 5px; }
/* body .wd-sizeguide-btn.wd-action-btn.wd-style-text>a.wd-open-popup:before{ content: "\f145"; font-family: "woodmart-font"; font-weight: 400; } */
body .wd-sizeguide-icon {--wd-btn-icon: "\f145"}

body .wd-hint.wd-tooltip-size{font-size:14px;}

body .wd-product-nav-desc a{ font-size:12px; }

body .amount,
body .price { color: #f79e1b; }


.page-title h1.entry-title, .page-title h2.entry-title, .page-title h3.entry-title{ font-size:22px; font-weight:700; letter-spacing:inherit; }
h1.product_title h1.entry-title h1.wd-entities-title { font-weight: 700; }
h1.product_title { font-size: 27px; font-weight: 700; letter-spacing:0; }

.wd-el-title {font-weight:600;}

.wd-accordion h2.wd-accordion-content-title { font-size: 16px; line-height: 18px; font-weight: 600; }
.wd-accordion h2.wd-accordion-content-title > strong { color: #f7f7f7; background-color: #fbbc34; font-size: 10px; font-weight: 400; text-transform: uppercase; padding: 5px;}
.wd-accordion h2.wd-accordion-content-title:before {font-family: "Font Awesome 5 Free"; content: "\f185"; display: inline-block; padding-right: 5px; vertical-align: middle; font-weight:900;}
.wd-accordion span.info:before {font-family: "Font Awesome 5 Free"; content: "\f05a"; display: inline-block; padding-right: 5px; vertical-align: middle; font-weight:900;}



/* TOC Box - Table of Contents */
.toc-box {background-color:#F3F7FB;border:1px solid #e5e7eb;border-radius:5px;padding:30px 20px;margin:inherit;font-size:13px;line-height:1.7}
.toc-box h3{font-size:18px;padding:0 15px;margin:0 0 15px 0;font-weight:600}
.toc-box ol{margin:0;padding:0 25px}
.toc-box li{margin:6px 0}
.toc-box li a{color:#333333;text-decoration:none}
.toc-box li a:hover{color:#767676;text-decoration:underline}
.toc-box .badge{margin-left:5px;font-size:10px;line-height:1;text-transform:capitalize;vertical-align:middle;opacity:.9;display:inline-block;padding:3px 6px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb}
.toc-box .badge.label--popular{background:#fff0f0;border-color:#f5b5b5;color:#c00}
.toc-box .badge.label--new{background:#f0fff5;border-color:#a0e5b5;color:#070}
.toc-box .badge.label--vip {background:#fff7e6;border-color:#f0c24b;color:#b58900}

/* Promo Banner - Color Mask Override */
.promo-banner.banner-mask::before,
.promo-banner.banner-mask .banner-image::before {
	content:"";
	background:#233e95 !important;
	opacity:0.1;
	position:absolute;
	inset:0;
	mix-blend-mode:luminosity; /* multiply */
}


/* Single Add to Cart Button Icon  
.product-type-external .single_add_to_cart_button:before {
	position: absolute;
	inset-inline-start: 0;
	content: "\f107";
	font-family: "woodmart-font";
	opacity: 1;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	background-color: #333;
	transition: all .3s ease;
}

.product-type-external .single_add_to_cart_button:after {
	inset-inline-start: 20px;
}
.product-type-external .single_add_to_cart_button.loading:before {
	color: transparent;
}
.product-type-external .single_add_to_cart_button {
	padding-inline-start: 60px;
	margin-bottom: 5px;
}
.product-type-external .single_add_to_cart_button:hover:before {
	background-color: #438E44;
} */

/* ContactForm Grid Style */
.contactform .grid{display:flex;flex-wrap:wrap;margin:-5px -10px;}
.contactform .grid p{margin-bottom: 10px !important;}
.contactform .col{flex:1 1 calc(50% - 20px);margin:5px 10px;display:flex;flex-direction:column;}
.contactform .newsletter{flex:1 1 calc(50% - 10px);margin:0px 5px;display:flex;flex-direction:column;}

/* ContactForm Four & Triple & Double & Single Column */
.contactform .col-4{flex:1 1 calc(25% - 20px);}
.contactform .col-3{flex:1 1 calc(33.333% - 20px);}
.contactform .col-2{flex:1 1 calc(50% - 20px);}
.contactform .col:not(.col-2):not(.col-3):not(.col-4){flex:1 1 100%;}
.contactform .none{display:none;visibility:hidden;opacity:0;overflow:hidden;}
.contactform :is(h1,h2,h3,h4,h5,h6){color:#242424;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:5px;}

/* ContactForm Text & Input & Select */
.contactform .col label{margin-bottom:5px;font-weight:500;font-size:13px;color:#333;}
.contactform .col input,
.contactform .col select,
.contactform .message textarea{padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:13px;background-color:#fff;transition:border-color 0.2s ease-in-out;}
.contactform .col input:focus,
.contactform .col select:focus,
.contactform .message textarea:focus{background-color:#f7f7f7;border-color:#8E1F2F;outline:none;}

/* ContactForm Header & Title & Additional Services */
.contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences{background-color:#ffffff;border-left:5px solid #233e95;border-radius:5px;color:#666;font-size:13px;padding:15px 15px 0px 20px;margin-bottom:25px;display:flex;flex-direction:column;}
.contactform .header:hover,
.contactform .title:hover,
.contactform .additional-services:hover,
.contactform .communication-preferences:hover{border-left: 5px solid #212121;}
.contactform .gray{background-color:#F3F7FB;}
.contactform .user-ip-notice{color:#8E1F2F;font-size:11px;margin-top:5px;text-align:center;}

/* ContactForm Message Textarea */
.contactform .message{margin-top:10px;display:flex;flex-direction:column;}
.contactform .message label{margin-bottom:5px;font-weight:500;font-size:13px;color:#333;}
.contactform .message textarea{min-height:120px;margin-bottom:5px;resize:vertical;}
.contactform .message small{font-size:10px;color:#666;}

/* ContactForm Submit Button */
.contactform .submit-wrapper{margin:10px 0 25px 0;}
.contactform .button{background-color:#f0c200;color:#fff;padding:12px 30px;font-size:14px;border:none;border-radius:4px;font-weight:bold;cursor:pointer;transition:background-color 0.3s ease;}
.contactform .button:hover{background-color:#d9ad00;}

/* ContactForm Legal Policies */
.contactform .legal{font-size:11px;color:#666;margin-top:15px;}
.contactform .legal p{color: #666;margin:0;padding:0;}
.contactform .legal a{text-decoration:underline;color:#666;}
.contactform .legal em{font-style:italic;}
.contactform .legal .wpcf7-list-item>label{display:flex;align-items:flex-start;gap:2px;line-height:1.45;}
.contactform .legal .wpcf7-list-item{margin:0 0 5px 0;}
.contactform .legal input[type="checkbox"]{flex-shrink:0;width:18px;height:18px;color:#fff;accent-color:#f79e1b;cursor:pointer;}
.contactform .legal .wpcf7-list-item-label,
.contactform .legal a{font-size:12px;}


/* Related Box Content */
.related-box {
	width: 100%;
	background: #ffffff;
	border: 2px solid #E8E8E8;
	position: relative;
	margin: 40px auto 20px auto;
	padding: 25px 20px 35px 20px;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,.12);
}

.related-box :is(h1,h2,h3,h4,h5,h6){
	color: #242424;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 700;
	border-radius: 6px;
	border-left: 4px solid #f79e1b;
	padding-left: 10px;
	position: relative;
	border-bottom: none;
}
/* 
.related-box :is(h1,h2,h3,h4,h5,h6)::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 3px;
	border-radius: 6px;
	background-color: #f79e1b;
}

.related-box :is(h1,h2,h3,h4,h5,h6)::hover{
	background-color: #f79e1b;
} */

.related-box .related-content a {color:#242424;font-weight:600;border-bottom:0;}
.related-box .related-content a:hover {color:#233e95;border-bottom:2px solid #233e95;}
.related-box .related-content span {color:rgba(0,0,0,0.3);}

.related-box .related-cities {margin:0 auto 30px auto;position:relative;}
.related-box .related-countries{margin:0 auto;position:relative;}

/* Footer Box Info */
.related-box .related-content { font-size: 13px; font-weight: 300; margin: 0 auto 30px auto; position: relative; }
.related-box .related-content .scrollable-content {
	max-height: 20em;
	overflow-y: auto;
	transition: max-height 0.3s ease-out;
}
.related-box .related-content .scroll-indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: linear-gradient(to top, white 0%, transparent 100%);
	border-radius: 5px;
	padding: 5px 0;
	font-size: 0.9em;
	pointer-events: none;
}

.related-box .related-content .scroll-indicator::before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
}

.related-box ul {
	display: grid;
	list-style: none;
	padding: 0;
	margin: 0;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
}

.related-box ul li {
	margin-bottom:-1px;
}

.related-box ul li a {
	position:relative;
	display:flex;
	align-items:center;
	white-space:nowrap;
	box-sizing:border-box;
	height:36px;
	padding:10px;
	border:2px solid #ddd;
	border-radius:6px;
	color:#242424;
	background:#ffffff;
	font-weight:600;
	font-size:12px;
	line-height:1.6;
	text-decoration:none;
	transition:border-color .2s ease, color .2s ease;
}

.related-box ul li a::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	padding: 0 5px 0 0px;
	display:inline-block;
}

.related-box ul li a:hover,
.related-box ul li a.active{border-color:#f79e1b;color:#f79e1b;}

 /* Related Popular */
.related-popular {
	display: flex;
	align-items: center;
	padding: 15px 25px;
	margin: 40px auto 10px auto;
	width: 100%;
	max-width: 1200px;
	background: linear-gradient(145deg, #2d4ab4 0%, #233e95 40%, #1d2f78 100%);
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	font-family: inherit;
	gap: 20px;
	flex-wrap: wrap;
	box-shadow: 0 4px 20px rgba(0,0,0,.12);
}

.related-popular:hover {
    background: linear-gradient(145deg, #3455cc 0%, #2948a8 40%, #223a8f 100%);
    transform: translateY(-1px);
}

.related-popular .image {
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #f7f7f7;
	border: 5px solid #f7f7f7;
}

.related-popular .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.related-popular .text {
	flex-grow: 1;
	min-width: 200px;
	max-width: 70%;
}

.related-popular .text h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px;
	color: #ffffff;
}

.related-popular .text p {
	font-size: 13px;
	color: #f7f7f7;
	margin: 0;
}

.related-popular .cta {
	margin-left: auto;
}

.related-popular .cta a {
	display: inline-block;
	background-color: #ffffff;
	color: #242424;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 6px;
	box-shadow: 0 4px 20px rgba(0,0,0,.12);
	transition: background-color 0.3s ease;
}

.related-popular .cta a:hover {
	color:#ffffff;
	background-color:#f79e1b;
}


/* Tablet */
@media only screen and (max-width: 1024px) {
body .wd-content-area>.single-breadcrumbs-wrapper{margin-top:inherit;}

/* Top-level Tab Titles */
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"],
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text,
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text span{text-transform:uppercase !important;font-weight: 600 !important;}

.related-popular .text{max-width:50%;}
}

/* Mobil */
@media only screen and (max-width: 640px) {
body .wd-content-area>.single-breadcrumbs-wrapper{margin-top:inherit;}
body .wd-breadcrumbs .wd-delimiter{font-family:Arial,Helvetica,sans-serif;margin-inline:5px;}
body .wd-content-area>.single-breadcrumbs-wrapper a{font-size:13px;}

/* Top-level Tab Titles */
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"],
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text,
body .woocommerce-tabs .wd-accordion-title[id^="tab-item-title-"] .wd-accordion-title-text span{text-transform:uppercase !important;font-weight: 600 !important;}

/* Page & Entry Titles */
body .page-title h1.entry-title,
body .page-title h2.entry-title,
body .page-title h3.entry-title{font-size:16px;letter-spacing:0px;}
h1.product_title{font-size:20px;letter-spacing:0;}
.wd-el-title{font-size: 18px;}

/* WD Hover Icons & Buttons & Action */
body .wd-hover-icons .wd-buttons .wd-action-btn,
body .wd-hover-icons .wd-buttons,
body .wd-hover-icons .wrapp-buttons{display:none;visibility:hidden;opacity:0;}

/* ContactForm Grid Style */
.contactform .grid{margin:5px -10px;}
.contactform .col{margin:5px;}
.contactform .newsletter{flex: 1 1 calc(50% - 5px);}
.contactform :is(h1,h2,h3,h4,h5,h6){font-size:14px;}
.contactform .col-4,
.contactform .col-3,
.contactform .col-2{flex:1 1 calc(50% - 20px);}
.contactform .submit-wrapper,
.contactform .message,
.contactform .legal{margin:0px -5px;}
.contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences{margin:0px -5px 20px -5px;}
.contactform .header,
.contactform .title,
.contactform .additional-services,
.contactform .communication-preferences,
.contactform .col label,
.contactform .col input,
.contactform .col select,
.contactform .message label,
.contactform .message textarea{font-size:13px;}
.contactform .legal .wpcf7-list-item>label{gap:8px;}
.contactform .legal input[type="checkbox"]{width:28px;height:28px;}
.contactform .legal .wpcf7-list-item-label,
.contactform .legal a{font-size:11px;}

/* Related Box Content */
.related-box{width:100%;margin:50px auto;padding:15px 20px 25px 20px;}
.related-box ul{grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap:10px;}
.related-box .related-content .scrollable-content{max-height:28em;overflow-y:auto;transition:max-height 0.3s ease-out;}
.related-popular{width:94%;flex-direction:column;align-items:center;text-align:center;padding:35px 10px;}
.related-popular .text{max-width:90%;}
.related-popular .cta{width:100%;text-align:center;}
}