/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* HEADER */
/*Global header styles*/
header#header a.ct-header-account {
	margin: 0 0 0 0;
}

header#header span.woocommerce-Price-amount.amount {
	display: none
}

[style*="counter"] .ct-icon-container:before {
	top: -4px;
	right: -4px;
}


 [data-header*="type-1"] #offcanvas button.ct-toggle-close { 
    --icon-color: #fff !important;
}

 [data-header*="type-1"] [data-id="widget-area-1"] .ct-widget.widget_block p{ 
    margin: 0 !important;
}

/* WOOCOMMERCE */
/* Brands page */
ul.brands {
	display: flex;
	flex-wrap: wrap;
}

#brands_a_z h3 {
	text-transform: uppercase !important
}

ul.brands {
	list-style: none;
	padding-left: 0;
	text-decoration: underline;
	color: #fff;
}

ul.brands li img {
	padding-top: 10px !important;
	width: 100%;
}

ul.brands li a {
	text-align: center !important;
	width: 100% !important;
	display: block;
	padding: 10px 0 !important;
}

ul.brands_index {
	padding: 0;
}

ul.brands li {
	display: inline-block;
	margin-right: 20px;
	width: 15%;
	border: 1px solid #eee;
	padding: 5px 12px;
}

.loop-brand {
	position: inherit;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	left: inherit;
	text-align: inherit !important;
	bottom: 0;
	top: 0;
}

@media screen and (max-width: 767px) {
	ul.brands li {
		display: inline-block;
		margin-right: 15px;
		width: 44.1% !important;
		padding: 5px 12px;
		margin-bottom: 20px;
	}
}



@media screen and (max-width: 767px) {
	
	a.ct-size-guide-button-single span.ct-label.ct-hidden-sm{
		display: inherit !important;
	}
	
	[data-products] .woocommerce-loop-product__title, [data-products] .woocommerce-loop-category__title{
		margin: 0 0 5px 0!important;
		font-size: 14px !important;
	}
	
	.woocommerce-product-gallery .ct-media-container {
  	  flex: 0 0 85%;
	}
}

/*Checkout styles*/

.wp-block-image.logo-checkout img {
	height: 20px !important;
}

ul#ced-return-alert {
	background-color: #121212 !important;
}

.woocommerce-checkout section.ct-trending-block {
	display: none !important
}

/*Product styling homepage Slider*/

li.product{
	position: relative !important;
}

.home ul.products.columns-5{
	display: flex !important;
    margin: 0 -4vw !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    gap: 10px !important;
}

 .home [data-products=type-1] .product{
	flex: 0 0 18% !important;
}

@media only screen and (max-width: 767px) {
.home [data-products=type-1] .product{
	flex: 0 0 55% !important;
	}
	

}
	
/*Product swatches*/

@media only screen and (max-width: 767px) {
	.ct-variation-swatches {
		gap: var(--swatches-gap, 5px) !important;
	}
	
	[data-swatches-shape=square] {
    --swatch-border-radius: 0px !important;
	}
}

/*WOO Product page*/

.entry-summary .ct-share-box {
	border: 0;
	margin: 0;
}

.tagged_as {
	float: right;
	background-color: #E9EAF2;
	padding: 0px 10px 5px;
	margin-top: 10px;
}

a.small-brand {
	display: flex;
	align-items: center;
	display: inline-flex;
	font-size: 14px;
	margin-bottom: 10px;
}

a.small-brand img {
	margin-right: 7.5px;
	border: 1px solid #eee;
}

.tagged_as a {
	color: #4F6CFA;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.p-qual {
	background-color: #FAFAFA;
	border: 1px solid #E8E8E8;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.p-qual .quality-level {
	height: 20px;
	width: 110px;
}

.p-spec {
	background-color: #FAFAFA;
	border: 1px solid #E8E8E8;
	margin-top: 5px;
	padding: 15px 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em
}

p.price {
	margin-bottom: 15px;
}

.p-spec a.button {
	font-size: 12px;
	text-align: center;
	padding: 0 20px !important;
	margin: 0;
	background-color: #E9EAF2;
	color: #121212;
	text-transform: uppercase;
	margin-top: 15px;
}

.p-spec b {
	text-transform: uppercase;
	font-size: 12px;
}

.quality-level {
	display: block !important;
	padding: 8px 0 30px 0;
}

.quality-level img {
	width: 180px;
}

.wp-block-stackable-icon-label.stk-block-icon-label.stk-block.size-chart-small {
	width: 145px !important;
	float: right !important;
	margin-bottom: -25px !important;
}

.ct-stacked-gallery .entry-summary>form.cart {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

h1.product_title.entry-title {
	font-size: 25px;
}

.summary.entry-summary {
	padding: 20px 25px;
	background-color: #fff;
	margin-left: 10px;
}

span.product-sku {
    font-size: 13px;
    display: block;
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
    margin-top: 5px;
    padding: 15px 15px;
    font-weight: 600;
}

	.single h1.product_title.entry-title {
    	margin-top: 14px;
	}

	.single p.price {
    	margin-bottom: 20px !important;
	}

	.single span.ct-product-divider {
    margin-bottom: 15px !important;
	}

	.single .ct-product-additional-actions{
    margin-bottom: 20px !important;
	}

@media screen and (max-width: 767px) {

	.single h1.product_title.entry-title {
		font-size: 16px;
    	margin-top: 14px;
	}

	.single p.price {
		font-size: 18px !important;
    	margin-bottom: 20px !important;
	}

	.summary.entry-summary {
		margin-left: 0;
		padding: 20px 15px;
	}

	/*Product slider mobile*/

	.ct-product-gallery-container {
		position: relative;
		overflow: scroll;
		align-self: flex-start;
	}

	::-webkit-scrollbar-thumb {
		background-color: #CCC;
	}

	::-webkit-scrollbar {
		width: 0px;
		height: 5px;
	}

	::-webkit-scrollbar-track {
		background-color: #F5F5F5;
	}

	.stk-2df252e,
	.stk-c4dc43f,
	.stk-26ad4e0,
	.stk-c26800b {
		flex: 0 1 calc(49% - var(--stk-column-gap, 0px) * 1 / 2) !important;
	}

	.single a.ct-media-container {
		flex: 0 0 85%;
	}

	a.kt-tab-title.kt-tab-title-1 {
		white-space: nowrap !important;
	}
	
	.woocommerce-product-gallery{
		margin-bottom: 0 !important;
	}

	.product-entry-wrapper{
		margin: 0 !important;
    	width: 100% !important;
	}
	
	.single .ct-stacked-gallery-container {
		display: flex !important;
		margin: 0 -4vw !important;
		flex-wrap: nowrap !important;
		overflow-x: scroll !important;
		gap: 10px !important;
		background-color: #fff;
	}	
}

/*WOO MISC STYLES*/

/*Product page title height fix*/
.woocommerce-loop-product__title {
	min-height: 55px;
}

/*Hide shop result count*/
p.woocommerce-result-count {
	display: none
}

/*Hide some styles*/
.woocommerce-order-received .ct-breadcrumbs,
.woocommerce-order-received .has-text-align-center {
	display: none !important;
}

/* Hide out-of-stock products */
.product.hide-out-of-stock {
	display: none;
}

/* Show in-stock products */
.product.show-in-stock {
	display: block !important;
}


/*MY ACCOUNT STYLES	*/

td.download-file .button,
td.woocommerce-orders-table__cell-order-actions .button {
	text-align: center;
	display: inline-grid;
	width: 100%;
	padding: 0;
}


/*FOOTER STYLES*/

footer#footer {
	z-index: 999;
}

/* Footer Newsletter */
.newslettersub input {
	background-color: #fff !important;
	color: #121212 !important
}

.newslettersub input.mailpoet_submit {
	background-color: #121212 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

#mailpoet_form_1 .mailpoet_submit{
	    display: block;
}


/*Newsletter*/

@media screen and (min-width: 767px) {
	#mailpoet_form_1 form.mailpoet_form {
		padding: 20px 150px !important;
	}
}

.p-spec a.button {
    padding: 0px 15px !important;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success{
	background-color: #fff !important;
	padding: 10px 20px !important;  
}

li.variable-item.button-variable-item.disabled {
    background-color: #E8E8E8 !important;
    border: 0 !important;
}

.cwginstock-subscribe-form .panel-primary{
	border: 1px solid #E8E8E8  !important;
	border-color: #E8E8E8  !important;
}

.cwginstock-subscribe-form .panel-primary>.panel-heading{
    background-color: #4F6CFA !important;
    border: 1px solid #4F6CFA !important;
}

.cwginstock-panel-heading h4 {
	font-size: 20px;
}

a.reset_variations{
	display: none !important;
}

.cwgstock_button {
	padding: 0 !important;
    background: #4F6CFA !important;
}

/*Pre-order section*/

.stk-block-tabs__tab{
	padding: 10px 20px !important
}

.woocommerce-brands-list .brand-navigation {
    margin-bottom: 50px;
    font-size: 14px;
}

.woocommerce-brands-list .brand-navigation a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    border-radius: 3px;
    background-color: #ebebeb;
}

.woocommerce-brands-list .brand-navigation a:hover {
    text-decoration: none;
    background-color: #e7e7e7;
}

.woocommerce-brands-list .brand-letter-section {
    margin-bottom: 40px;
}

.woocommerce-brands-list .brand-letter-section h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

.woocommerce-brands-list .brand-item {
    display: inline-block;
    vertical-align: top;
    width: calc(15% - 20px);
    text-align: center;
    margin: 10px;
    box-sizing: border-box;
    padding: 40px;
    background-color: #ebebeb;
    border-radius: 4px;
}

.woocommerce-brands-list .brand-image {
    height: 70px;
    display: block;
    margin: 0 auto 10px;
}

.woocommerce-brands-list .brand-name {
    font-size: 16px;
    font-weight: bold;
}

/* Mobile Styling */
@media (max-width: 767px) {
    .woocommerce-brands-list .brand-item {
        width: calc(45% - 20px);
        padding: 20px 0;
    }
    
    .woocommerce-brands-list .brand-navigation a {
        margin: 8px;
        font-size: 12px; /* Smaller font for better fit */
    }
}
