/*
Theme Name: iPhone Araras
Theme URI: https://iphoneararas.com.br
Description: Tema desenvolvido exclusivamente para a loja iPhone Araras
Author: MAHEMO Dev
Author URI: https://www.mahemo.com.br
Version: 1.0.0
Text Domain: iphoneararas
*/

 *,
html,
bodoy {
	margin: 0;
	padding: 0;
}

#wpforms-form-249 {
	& label {
		margin-bottom: 0;
		font-family: var(--e-global-typography-primary-font-family);
		font-weight: 300;
	}
	
	& input,
	textarea {
		border: 0;
		border-bottom: 1px solid #5b5b5b;
		font-family: var(--e-global-typography-primary-font-family);
		font-weight: 300;
		resize: none;
	}
	
	& .wpforms-submit {
		width: 100%;
		font-family: var(--e-global-typography-primary-font-family);
		font-weight: 300;
		text-transform: uppercase;
	}
}

/* etiquetas produto */

figure.wp-caption {
	position: relative;
	
	& figcaption {
		position: absolute;
		top: 0;
		left: 0;
		margin: .5rem;
		padding: .3rem .6rem;
		border-radius: 12px;
		font-size: .7rem;
	}
}

.novo {
	& figcaption {
		background: #6183d9;
	}
}

.seminovo {
	& figcaption {
		background: #61d994;
	}
}

/* carousel */

.e-fas-arrow-left,
.e-fas-arrow-right {
    cursor: pointer;
}

.product-carousel {
	& .viewport {
		grid-auto-columns: 23.51%;
    scroll-behavior: smooth;
    scroll-snap-align: start;
    scroll-snap-type: x;
	}
	
	& .viewport::-webkit-scrollbar {
		height: 0;
		visibility: hidden;
		opacity: 0;
	}
	
	& .produto {
		scroll-snap-align: start;
    scroll-snap-stop: always;
	}
}

/* responsivo */

@media only screen and (max-width: 1024px) {
	.product-carousel {
		& .viewport {
			grid-auto-columns: 31.8%;
		}
	}
}

@media only screen and (max-width: 767px) {
	.product-carousel {
		& .viewport {
			grid-auto-columns: 48.5%;
		}
	}
}