/* 
Theme Name: Fin Theme
Theme URI: https://finpr.com
Description: Theme for Checkout Woocommerce and Dashboard Flatform Connection
Author: FINPR
Author URI: https://finpr.com
Template: hello-elementor
Version: 2.1.3
Text Domain: fintheme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Begin Woocommerce Checkout Style */
.woocommerce form.yourpropfirm-checkout {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-size: var(--e-global-typography-primary-font-size);
	font-weight: normal;
	line-height: var(--e-global-typography-primary-line-height);

	/*Begin Yourpropfirm Layout General*/
	abbr[title] {
    	text-decoration: unset;
	}

	#customer_details{
		width: 100%;
    	display: flex;
    	flex-direction: row;
		justify-content: space-between;
	}

	#customer_details .col-1,
	#customer_details .col-2{
		float:unset;
		width: 50%;
	}
	
	#customer_details .yourpropfirm-grid,
	#customer_details .yourpropfirm-addons-fields {
		width: calc(100% - 32px);
		float:unset;
		padding:32px;
		border-radius: 16px;
		border: 1px solid rgba(255, 255, 255, 0.50);
	}
	
	h1, h2, h3, h4, h5, h6, p, label, input, select, table {
		color: var(--e-global-color-text);
	}

	h3 {    
		font-size: var(--e-global-typography-2768de0-font-size);
		font-weight: var(--e-global-typography-2768de0-font-weight);
		line-height: var(--e-global-typography-2768de0-line-height);
		letter-spacing: var(--e-global-typography-2768de0-letter-spacing);
		word-spacing: var(--e-global-typography-2768de0-word-spacing);
	}
	/*End Yourpropfirm Layout General*/
	
	/*Begin Yourpropfirm Billing*/
	.form-row .input-text,
	.form-row select {
		border: 1px solid #ffffff80;
		border-radius: 8px;
		padding: 12px;        
	}
	
	.form-row select option {
		background: var(--e-global-color-d1b6f63);
		background-color: var(--e-global-color-d1b6f63);
	}

	.form-row select{
		background:transparent;
	}

	input:focus:not([type="button"]):not([type="submit"]){
		border-color: var(--e-global-color-text);
	}
	/*End Yourpropfirm Billing*/
	
	/* Begin Yourpropfirm Addons */
	.yourpropfirm-grid-left-addons{
		margin-top:32px;
	}
	.yourpropfirm-addons-fields .ypf-addon-option {
		display: flex;
		padding: 16px 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);

		&:first-child {
			padding-top: 0px;
		}

		&:last-child {
			padding-bottom: 0px;
			border-bottom:none;
		}

		.yourpropfirm_addon_input {
			width: 24px;
			height: 24px;
			margin-right: 10px;
			cursor: pointer;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			background-color:transparent;
			border: 1px solid var(--e-global-color-98d4396);
			border-radius: 4px;
			transition: all 0.3s ease;
			position: relative;

			/* Custom checked state */
			&:checked {
				background-color: var(--e-global-color-accent); 
				border-color: var(--e-global-color-accent); 

				&::after {
					content: '';
					position: absolute;
					left: 7px;
					top: 3px;
					width: 8px;
					height: 16px;
					border: solid #000;
					border-width: 0 4px 4px 0;
					transform: rotate(45deg);
				}
			}
		}

		label {
			line-height: normal;
			cursor: pointer;
		}
	}
	/* End Yourpropfirm Addons */
	
	/*Begin Yourpropfirm Order Review & Payment*/
	table{
		font-size: var(--e-global-typography-primary-font-size);
	}

	table thead{
		font-size: var(--e-global-typography-1c0112f-font-size);
		font-weight: var(--e-global-typography-1c0112f-font-weight);
		line-height: var(--e-global-typography-1c0112f-line-height);
	}
	
	table thead:first-child tr:first-child th{
		border:none;
		border-bottom: 1px solid #FFFFFF33;
	}

	table td, 
	table th {
		padding: 9px 0px;
		border: none;
		border-bottom: 1px solid #FFFFFF33;
	}

	table td:nth-child(even), 
	table th:nth-child(even) {
		text-align:right;
	}

	table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
		background-color: transparent;
	}
	
	table tfoot th,
	table tfoot td{
		font-weight:normal;
	}
	
	table tfoot .order-total th,
	table tfoot .order-total td{
		font-size: var(--e-global-typography-1c0112f-font-size);
		font-weight: var(--e-global-typography-1c0112f-font-weight);
		line-height: var(--e-global-typography-1c0112f-line-height);
	}
	
	.yourpropfirm-coupon-form label{
	    padding-bottom: 5px;
	}

	.yourpropfirm-coupon-code-container{
		display: flex;
		flex-direction: row;
		gap: 16px;		
	}
	
	.yourpropfirm-apply-coupon-button{
		width: 60%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		padding: 12px 16px;
		border-radius: 999px;
		background: transparent;
		border: 1px solid var(--e-global-color-text);
		color: var(--e-global-color-text);
		line-height: normal;
	}
	
	#payment ul.payment_methods,
	#payment div.form-row{
		padding:0;
	}

	#payment.woocommerce-checkout-payment {
		background: transparent;
	}

	#payment div.payment_box{
		background-color: rgba(255, 255, 255, 0.05);
	}
	
	#payment div.payment_box::before{
		display:none;
	}

	.woocommerce-terms-and-conditions-wrapper a{
		color: var(--e-global-color-accent);
		text-decoration:underline;
	}
	
	#place_order{
		float: unset;
		width: 100%;
		min-height: 52px;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		background: var(--e-global-color-accent);
		color: var(--e-global-color-primary);
		text-align: left;
		padding: 8px 8px 8px 24px;
		border-radius: 999px;		
	}
	/*End Yourpropfirm Order Review & Payment*/
}

/* Begin Thank You Page Style */
.yourpropfirm-purchase-order-container{
	.yourpropfirm-checkout-order{
		display: flex;
        flex-wrap: wrap;
        gap: 20px;
		justify-content: center;
		
		.order-notice-overview-wrapper{
			width: 100%;
			border: 1px solid rgba(255, 255, 255, 0.2);
			border-radius: 16px;
			padding: 32px;
		}
		
		p.woocommerce-notice{
			font-weight:800!important;
		}

		.woocommerce-order-details,
		.woocommerce-customer-details {
			width: calc(50% - 15px);
			border: 1px solid rgba(255, 255, 255, 0.2);
			border-radius: 16px;
			margin:25px 0px 0px;
			padding: 32px;
		}
		
		ul.woocommerce-thankyou-order-details {
			width: 100%;
    		justify-content: center;
			margin:0px;
			
			li{
				margin-bottom:0px;
			}
			.woocommerce-order-overview__total,
			.woocommerce-order-overview__payment-method {
				display:none;
			}
			.woocommerce-order-overview__email {
				border: none;
			}
		}
		section.woocommerce-order-details table.woocommerce-table--order-details,
		section.woocommerce-customer-details address {
				background-color: transparent;
   				border-color: transparent;
				padding:0px;
		}
		section.woocommerce-customer-details address {
			line-height:30px;
		}
		section.woocommerce-order-details table.woocommerce-table--order-details th,
		section.woocommerce-order-details table.woocommerce-table--order-details td,
		section.woocommerce-customer-details address p{
			border-top: 1px solid rgba(255, 255, 255, 0.10);
		}
		section.woocommerce-order-details table.woocommerce-table--order-details th.woocommerce-table__product-name,
		section.woocommerce-order-details table.woocommerce-table--order-details th.woocommerce-table__product-table {
			border-top: none;
		}
		section.woocommerce-customer-details .woocommerce-customer-details--email, 
		section.woocommerce-customer-details .woocommerce-customer-details--phone {
			margin-top: 14px;
			padding-top: 10px;
			margin-bottom: 0;
		}
		section.woocommerce-order-details p.order-again{
			display:none;
		}
	}
}
/* End Thank You Page Style */

/* Begin Responsive Style*/
@media only screen and (max-width: 600px) {
	/* Begin Responsive Woocommerce Checkout Style*/
	.woocommerce form.yourpropfirm-checkout {
		#customer_details{
			flex-direction: column;
		}
		#customer_details .col-1,
		#customer_details .col-2 {
			width: 100%;
		}
		#customer_details .yourpropfirm-grid,
		#customer_details .yourpropfirm-addons-fields {
			width: 100%;
			padding:16px;
		}
		#order_review_heading{
			margin-top:32px;
		}
		.yourpropfirm-coupon-code-container {
        	flex-direction: column;
		}
		.yourpropfirm-apply-coupon-button{
			width:100%;
		}
	}
	/* End Responsive Woocommerce Checkout Style*/
	
	/* Begin Responsive Woocommerce Checkout Style*/
	.yourpropfirm-purchase-order-container{
		.yourpropfirm-checkout-order{
			.woocommerce-order-details,
			.woocommerce-customer-details {
				width: 100%;
			}
			
			.order-notice-overview-wrapper,
			.woocommerce-order-details,
			.woocommerce-customer-details {
				padding: 24px;
			}
		}
	}
}
/* End Responsive Style*/
/* End Woocommerce Checkout Style*/