/*
Separate Stylesheet
For custom css purposes
*/

/* CONTAINER GLOBAL */
.container {
	max-width: 1290px!important;	
}
[data-vertical-spacing*=top] {
	@media screen and (width <= 768px) {
		padding-top: 0!important;
	}
}

/* Prouduct card image container */
a.ct-media-container {
    border: 1px solid var(--theme-palette-color-5);
}

/* FOOTER */
footer.ct-footer {
	/* For all titles */
	h4 {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 13px;
		color: var(--theme-palette-color-5);
	}
	
	
	/* Footer items */
	nav.cm-footer-items-1 {
		display: flex;
		flex-direction: column;
		gap: 8px;

		a {
			text-transform: uppercase;
			font-weight: 700;
			font-size: 13px;
		}
	}
	
	nav.cm-footer-items-2 {
		nav {
			display: flex;
			flex-direction: column;
			gap: 5px;
			font-size: 13px;
		}
	}

	
	/* Social icons */
	.footer-social-icons {
		.ct-icon-container {
			border-radius: 0;
		}
	}
	
	
	/* Align items to flex-end in desktop */
	div[data-column="widget-area-3"],
	div[data-column="widget-area-4"],
	div[data-column="widget-area-5"] {
		align-items: end;
	}
	
	@media screen and (width < 968px) {
		div[data-column="widget-area-3"],
		div[data-column="widget-area-4"],
		div[data-column="widget-area-5"] {
			align-items: start;
		}	
	}
	
	
	
	/* Remove margin top to social icons and align title with icons */
	div[data-column="widget-area-5"] {
		h4 {
			position: relative;
			left: -6px;
		}
		
		.ct-widget:not(:first-child) {
			margin-top: 14px;
		}
	}
}

ul.footer-socials {
	display: flex;
	gap: 16px;
	margin-right: 4px;

	li a {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 13px;
		color: var(--theme-palette-color-5);
		transition: opacity 150ms ease-in-out;
		
		&:hover {
			opacity: .8;
		}
	}
}

/* CARRITO */
.cart-products {
	ul {
		li {
			text-align: left;
			
			.wc-block-grid__product-onsale {
				background: var(--badge-background-color, var(--theme-palette-color-1));
				border: 0!important;
				color: white!important;
				font-weight: 600;
				left: 14px;
                right: unset;
                top: 14px;
                border-radius: 0;
			}
			
			img {
				border: 1px solid var(--theme-palette-color-5)!important;
			}
			
			div.price {
				margin: 0!important;
				font-size: 16px;
			}
			
			del {
				font-size: 16px;
			}
		}
	}
}

.cross-sells-product {
	text-align: left!important;
	
	h3 {
   		margin-bottom: 4px!important;
		
		a {
			font-weight: 700!important;
			font-size: 14px!important;
		}	
	}
	
	img {
		border: 1px solid var(--theme-palette-color-5)!important;
	}
	
	button {
		display: none!important;
	}
}

.wc-block-components-sale-badge {
	color: var(--theme-palette-color-8);
	border-color: var(--theme-palette-color-8);
	border-radius: 0!important;
}
/* SIDEBAR */
[data-sidebar] {
	grid-row-gap: 0!important;
}

#sidebar {
	@media screen and (width >= 896px) {
		margin-top: -16px!important;		
	}
}

/* FILTERS */
.wpc-filters-main-wrap input[type=checkbox], 
.wpc-filters-main-wrap input[type=radio],
.wpc-filter-chips-list li.wpc-filter-chip a {
	border-radius: 0!important;
	border-width: 1px!important;
}

.wpc-filters-main-wrap input[type=checkbox]:after {
	left: 6px!important;
	top: 3px!important;
}

.woocommerce-products-header {
	margin-bottom: 8px;
}

li.wpc-chip-reset-all a {
	border-color: var(--theme-palette-color-4)!important;
}

/* SUB MENUS */

ul.sub-menu {
	li {
		padding: 4px;
		
		&:hover a {
			background: var(--theme-palette-color-5);
		}
	}
}

/* SEARCH */
#search-modal {
	input {
		@media screen and (width <= 768px) {
			font-size: 14px!important;
		}
	}
}

/* CHECKOUT */

#payment-method {
	div.wc-block-payment-method__content {
		align-items: center!important;

		p {
			margin-bottom: 0!important;
		}
	}

	label.wc-block-components-radio-control__option {
		padding-top: 0!important;
	}
}

/* CLOSE BUTTON MOBILE MENU */
button.ct-toggle-close {
	top: 8px!important;
	right 8px!important;
}

/* SINGLE PRODUCT */
.flexy-arrow-next,
.flexy-arrow-prev,
.woocommerce-product-gallery__trigger {
	border-radius: 0!important;
}

/* NEWSLETTER */
.newsletter-container {
	flex-basis: unset!important;
	
	input[type="email"] {
		max-width: 300px!important;
	}
	
	label.consent {
		text-transform: unset!important;
		font-size: 12px!important;
	}

	@media screen and (width <= 768px) {
		input[type="email"] {
			max-width: 100%!important;
		}
		
		button {
			width: 100%!important;
			max-width: 100%!important;
		}
	}
}

/* FEEDBACK */
.feedback-form {
	max-width: 65ch!important;
	
	
	@media screen and (width <= 768px) {
		button {
			width: 100%!important;
			max-width: 100%!important;
		}
	}	
}

/* Shop page cards */
.cshipping-label {
	color: #00a650;
	font-weight: 600;
}

/* Fix items */
.quantity[data-type=type-2] .ct-increase:before {
    content: "+"!important;
	font-size: 19px;
}

.quantity[data-type=type-2] .ct-decrease:before {
    content: "–"!important;
	font-size: 19px;
}

h1.product_title.entry-title,
h2.woocommerce-loop-product__title {
    text-wrap: pretty!important;
}

/*Discount badge*/
.wc-discount-badge {
	color: #00a650!important;
	font-weight: 600;
}

/* Carrito */
p.cshipping-label {
	display: flex!important;
    align-items: center!important;
    gap: 4px!important;
}

/* Column price */
.products,
.summary {
	.sale-price {
		flex-direction: column-reverse;

		del {
			font-size: 16px;
			margin-right: auto;
		}
	}
}

/* Keep badge aligned right after the crossed price */
.price .wc-discount-badge-wrap,
.wc-discount-badge-cart-wrap {
  display: inline-block;
  vertical-align: baseline;
  margin-right: auto;
  line-height: 0;
}

.wc-discount-badge {
  display: inline-block;
  font-weight: 700;
  font-size: .92rem;
  line-height: 1;
  padding: .22em .5em;
  border-radius: .35em;
  background: #eafaf0;   /* tweak to your palette */
  color: #16a34a;
  text-transform: uppercase; /* for "OFF" */
}

.price del { opacity: .6; }
.price ins { font-weight: 700; display: flex; align-items: center; gap: 8px }
