/*
 Theme Name:   Whitey Wear
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


body {
	font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	background-color: var(--base-2); 
}

.top-bar {
	width: 100%;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	display: none;
}
/*
.site-header {
	background: url(/wp-content/uploads/2024/03/AdobeStock_531693493.jpg);
	width: calc(100% - 40px);
	margin: 20px auto;
	height: calc((100vw - 40px)* .333);
	background-size: cover;
	background-position: center;
}

.site-header .grid-container {
	max-width: 100%;
}

.site-logo {
	margin: 15px 0 0 20px;
}

.main-navigation, .main-navigation ul ul {
	background-color: transparent;
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	color: #fff;
	font-weight: 700;
}
*/

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
	background-color: var(--base-2);
}

.woocommerce-products-header__title.page-title,
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-breadcrumb,
.product_meta,
.reset_variations,
.quantity,
.archive .add_to_cart_button,
.woocommerce-tabs.wc-tabs-wrapper,
.woocommerce ul.products li.product .button {
	display: none !important;
}

.woocommerce-loop-product__link {
	color: var(--contrast);
}

.woocommerce-loop-product__link:active,
.woocommerce-loop-product__link:hover,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: var(--accent);
}

.archive .woocommerce-loop-product__title,
.archive .price,
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price,
.related.products h2 {
	text-align: center;
}

.woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
	font-weight: 700;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 0;
}

.flex-control-nav {
	display: none;
	justify-content: center;
	list-style: none;
}

.flex-control-nav li {
  margin: 0 5px !important;
}

.woocommerce div.product form.cart .variations,
.single_variation_wrap {
	width: 360px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

.woocommerce div.product form.cart .variations select {
	width: 100%;
	margin-right: 0;
}

select {
	background-position: 96% center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 5 5-5z" fill="%23000"/></svg>');
  background-repeat: no-repeat;
  background-size: 9px;
}

select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	background-color: var(--base-3);
}

.woocommerce .cart .button, 
.woocommerce .cart input.button {
	background-color: var(--accent) !important;
}

.woocommerce .cart .button:hover, 
.woocommerce .cart input.button:hover {
	background-color: var(--contrast) !important;
}

.woocommerce div.product form.cart .button {
	vertical-align: inherit;
	float: inherit;
	width: 100%;
}

.related.products h2 {
	margin-bottom: 40px;
}

@media (max-width: 480px) {
	/*
	.site-header {
		height: calc(75vh - 40px);
    background-position: 0% top;
	}
	
	.inside-header {
		padding: 0;
	}
	
	.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
		background-color: transparent;
	}*/

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
		float: none;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
	}
	
}