/*

Theme name:		Zee Trades
Description:	Made for zeetrades.com
Version:			0.1
Author:			MisterR
Author URI:		https://misterr.com.ua
Template: 		generatepress

*/

/* = Document Setup
---------------------------------------------------- */

*{
	outline: none;
}

.zee-button{
	display: inline-block;
	z-index: 1;

	border-radius: 30px;
	padding: 15px 30px;

	color: var(--contrast);
	letter-spacing: 0.03em;
	font-weight: 600;

	text-decoration: none;
	text-align: center;
}

.zee-button.filled{
	background-color: var(--accent-2);
	color: var(--base-3);
}

.zee-button.filled:is(:hover,:focus){
	background-color: var(--accent-3);
	color: var(--base-3);
}

.zee-button.empty{
	box-shadow: inset 0px 0px 1px 1px var(--contrast);
	color: var(--contrast);
}

.zee-button.empty:is(:hover,:focus){
	box-shadow: inset 0px 0px 1px 1px var(--accent-2);
	background-color: var(--accent-2);
	color: var(--base-3);
}

.zee-buttons-container{
	flex-wrap: wrap;
	display: flex;
	gap: 20px;
}

/* = Site Header
---------------------------------------------------- */

.main-navigation{
	margin-right: -20px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
	color: var(--base-3);
}

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"]:focus > a,
.main-navigation .main-nav ul li.sfHover[class*="current-menu-"] > a{
	color: var(--accent);
}

#generate-slideout-menu .main-nav ul li[class*="current-menu-"] > a{
	background-color: transparent;
}

/* = Site Content
---------------------------------------------------- */

.one-container div.site-content{
	padding-bottom: 40px;
}

/* = WooCommerce
---------------------------------------------------- */

/* buttons */

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button{
	font-weight: 500;
}

/* forms */

.woocommerce form .form-submit-row{
	margin-top: 15px;
	gap: 15px;

	align-items: center;
	display: flex;
}

.woocommerce form .password-input,
.woocommerce-page form .password-input{
	position: relative;
	display: block;
}

.woocommerce form .password-input input[type=password],
.woocommerce-page form .password-input input[type=password]{
	padding-right: 2.5rem;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input{
	padding: 0;
	margin: 0;

	background-color: transparent;
	border-radius: 0;
	border: 0;

	transform: translateY(-50%);
	cursor: pointer;

	font-size: inherit;
	line-height: inherit;
	color: var(--wc-form-color-text, #000);
	text-decoration: none;

	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
	-webkit-font-smoothing: inherit;

	position: absolute;
	right: 0.7em;
	top: 50%;
}

.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before{
	display: block;
	height: 22px;
	width: 22px;

	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
}

.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before{
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>');
}

/* notices */

.woocommerce-message{
	border-top-color: var(--accent-2);
}

.woocommerce-message::before{
	color: var(--accent-2);
}

.woocommerce-error li > *:last-child{
	margin-bottom: 0;
}

/* tables */

.woocommerce table.my_account_orders th{
	padding: 10px 16px;
}

.woocommerce table.my_account_orders td{
	padding: 8px 16px;
}

/* = Contact Forms
---------------------------------------------------- */

div.wpforms-container-full form button[type=submit]{
	padding: 7px 30px;
	height: 55px;
}

.grecaptcha-badge{
	display: none !important;
}

/* = Shop Page
---------------------------------------------------- */

/* options */

.woocommerce-shop .subscription-options{
	align-items: center;
	flex-direction: column;
	display: flex;
	gap: 40px;
}

.woocommerce-shop .subscription-option{
	max-width: 320px;
	width: 100%;
}

.woocommerce-shop .subscription-option-info{
	aspect-ratio: 1;
	padding: 40px;

	background-color: var(--accent-3);
	border-radius: 10px;

	color: var(--base-3);
	text-align: center;

	align-items: center;
	justify-content: center;
	display: flex;
}

.woocommerce-shop .subscription-option-price{
	margin-bottom: 0;
	color: inherit;
}

.woocommerce-shop .subscription-option-billed{
	margin-top: 15px;
}

.woocommerce-shop .subscription-option-link{
	margin-top: 25px;

	justify-content: center;
	display: flex;
}

.woocommerce-shop .page-description{
	margin: 70px auto 0;
	max-width: 700px;
}

/* = Disclaimer Page
---------------------------------------------------- */

.disclaimer-form{
	margin-top: 2.5em;
}

.disclaimer-form.with-border{
	border-top: 2px solid var(--base);
	padding-top: 1em;
}

.disclaimer-form label{
	margin-bottom: 1.5em;
	padding-left: 34px;

	position: relative;
	display: block;
}

.disclaimer-form label > input{
	height: 20px;
	width: 20px;

	position: absolute;
	top: 2px;
	left: 0;
}

.disclaimer-form label > *:last-child{
	margin-bottom: 0;
}

.disclaimer-form label ol,
.disclaimer-form label ul{
	margin-left: 2em;
}

.disclaimer-form button{
	min-width: 140px;
	border-radius: 30px;
	padding: 15px 30px;
	margin-top: 1em;
}

/* = Checkout Page
---------------------------------------------------- */

.woocommerce-checkout .checkout-right{
	margin-top: 40px;
}

button#place_order{
	width: 100%;
}

/* = Account Page
---------------------------------------------------- */

.account-dashboard-header{
	margin-bottom: 5px;
}

.account-dashboard-new-count{
	color: var(--accent);
	font-size: 1.1rem;
}

.account-dashboard-tabs{
	margin: 30px 0;

	flex-wrap: wrap;
	flex-direction: column;
	display: flex;
	gap: 8px;
}

.account-dashboard-tab-btn{
	min-width: 140px;
	padding: 12px 20px;
	flex: 1 1 auto;

	background-color: var(--base);
	color: var(--contrast);

	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}

.account-dashboard-tab-btn:hover,
.account-dashboard-tab-btn.active{
	background-color: var(--accent-2);
	color: var(--base-3);
}

.account-dashboard-tab-content:not(.active){
	display: none;
}

.account-dashboard .dt-container .dt-search input{
	margin-left: 10px;
	padding: 5px 8px;
}

.account-dashboard .dt-container tr.green td{
	color: var(--accent-2);
	font-weight: 500;
}

.account-dashboard .dt-container .dt-paging .dt-paging-button{
	border: 0 !important;
	padding: 6px 15px;
}

.account-dashboard .dt-container .dt-paging .dt-paging-button:hover,
.account-dashboard .dt-container .dt-paging .dt-paging-button.current,
.account-dashboard .dt-container .dt-paging .dt-paging-button.current:hover{
	background: var(--accent) !important;
	color: var(--base-3) !important;
}

.account-dashboard-additional-content{
	margin-top: 30px;
}

/* navigation */

.account-navigation-header{
	border-top: 2px solid #eee;
	margin: 30px 0 20px;
	padding-top: 25px;
}

.account-navigation{
	flex-wrap: wrap;
	display: flex;
	gap: 10px;
}

/* = Site Footer
---------------------------------------------------- */

/* = Mobile: Width
---------------------------------------------------- */

@media only screen and (min-width: 600px){

	/* = Shop Page
	---------------------------------------------------- */

	.woocommerce-shop .subscription-options{
		justify-content: center;
		flex-direction: row;
		gap: 60px;
	}

	.woocommerce-shop .subscription-option{
		width: 50%;
	}

}

@media only screen and (min-width: 768px){

	/* = Site Content
	---------------------------------------------------- */

	.one-container div.site-content{
		padding-bottom: 80px;
	}

	/* = Account Page
	---------------------------------------------------- */

	.account-dashboard-tabs{
		flex-direction: row;
		margin: 50px 0 0;

		border-bottom: 2px solid #eee;
		padding-bottom: 5px;
	}

	.account-navigation-header{
		padding-top: 40px;
		margin-top: 50px;
	}

}

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

	/* = Site Header
	---------------------------------------------------- */

	.main-navigation{
		margin-right: -15px;
	}

	.main-navigation .main-nav ul li a{
		padding-right: 15px;
		padding-left: 15px;
	}

}

@media only screen and (min-width: 1024px){

	/* = Checkout Page
	---------------------------------------------------- */

	.woocommerce-checkout form.checkout{
		display: flex;
		gap: 40px;
	}

	.woocommerce-checkout .checkout-left{
		width: 45%;
	}

	.woocommerce-checkout .checkout-right{
		margin-top: 0;
		width: 55%;
	}

}