/* =====================================================
   APEXCART — SUPPLEMENTARY STYLES
   (Search form, comments, widget filters, fine polish)
===================================================== */

/* Search form */
.search-form{ display:flex; width:100%; }
.search-form .search-field{
	flex:1; padding:16px 20px; border:1px solid var(--apex-border-dark);
	font-size:14px; background: var(--apex-off-white);
}
.search-form .search-submit{
	background: var(--apex-black); color: var(--apex-gold); border:0;
	padding: 0 28px; text-transform:uppercase; letter-spacing:2px; font-size:12px; cursor:pointer;
}
.apex-search-bar{ background: var(--apex-off-white); border-top:1px solid var(--apex-border-dark); padding: 18px 0; }

/* WooCommerce price filter widget */
.widget_price_filter .price_slider_amount{ display:flex; justify-content:space-between; align-items:center; font-size:13px; margin-top:14px; }
.widget_price_filter .button{
	background: var(--apex-black); color: var(--apex-gold); border:0;
	padding: 8px 18px; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; border-radius: var(--radius);
}
.price_slider_wrapper .ui-slider{ background: #e5e2da; height:3px; border:0; }
.price_slider_wrapper .ui-slider .ui-slider-range{ background: var(--apex-gold); }
.price_slider_wrapper .ui-slider .ui-slider-handle{
	background: var(--apex-black); border: 2px solid var(--apex-gold);
	width:16px; height:16px; border-radius:50%; top:-6px;
}

/* Rating filter widget */
.widget_rating_filter li a{ display:flex; align-items:center; gap:6px; }

/* Comments */
.comment-list{ margin: 0 0 40px; }
.comment-list .comment{
	border-bottom: 1px solid #eee; padding: 24px 0; list-style:none;
}
.comment-list .comment-author img{ border-radius:50%; margin-right:12px; }
.comment-list .comment-metadata a{ font-size:12px; color: var(--apex-gray); }
.comment-form input, .comment-form textarea{
	width:100%; padding:14px 16px; border:1px solid #ddd; margin-bottom:16px;
}
.comment-form .form-submit input{
	background: var(--apex-black); color: var(--apex-gold); border:0;
	padding:15px 34px; text-transform:uppercase; letter-spacing:2px; font-size:12px; cursor:pointer;
}

/* Blog card polish (index.php) */
.apex-blog-card h2 a{ color: var(--apex-black); }
.apex-blog-card h2 a:hover{ color: var(--apex-gold-dark); }

@media (max-width: 767px){
	.apex-blog-card-grid, .apex-footer-bottom{ text-align:center; justify-content:center; }
}

/* WooCommerce quantity stepper polish */
.quantity{ position:relative; display:inline-block; }
.quantity .qty{ height:100%; }

/* Sale badge on single product */
.woocommerce div.product .onsale{
	position:absolute; top:16px; left:16px;
	background: var(--apex-gold); color: var(--apex-black);
	font-size:10px; letter-spacing:1.5px; text-transform:uppercase;
	padding:6px 12px; font-weight:700;
}

/* Print */
@media print{
	.apex-header, .apex-footer, .apex-top-bar{ display:none; }
}