.svg-fill svg {
	fill: transparent !important;
}
.icon-grid > * {
	display: grid;
}
.header-add-cart svg {
	fill: var( --e-global-color-text );
}

.legal-page a {
	color: var( --e-global-color-primary );
}
.legal-page h1 {
		font-size: 1.75rem;
		margin: 2.25rem 0 1.25rem 0;
	}
.legal-page h2 {
	font-size: 1.5rem;
	color: #fff;
	margin: 2.25rem 0 1rem 0;
}
.legal-page h3 {
	font-size: 1.25rem;
	color: #fff;
	margin: 1.75rem 0 1rem 0;
}
.legal-page p,
.legal-page ul {
	margin: 1rem 0;
}
.legal-page li {
	margin: 0.5rem 0;
}
@media screen and (min-width: 768px) {
	.legal-page h1 {
		font-size: 2rem;
	}
	.legal-page h2 {
		font-size: 1.75rem;
	}
	.legal-page h3 {
		font-size: 1.5rem;
	}
}


/* WooCommerce My Account Wrapper */
.woocommerce-account {
	h1 {
		color: #fff;
	}
	#content {
			margin: 3rem auto;
	}
	a {
		color: #D4AF37;
	}
	input {
		background-color: rgba(255,255,255,0.08) !important;
		color: #fff !important;
	}
	form button[type="submit"] {
		margin-top: 1.5rem !important;
	}
    .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
        margin-bottom: 30px;

        ul {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
            list-style: none;
            padding: 0;

            li {
                background: #171717; // Field BG
                border: 1px solid rgba(212, 175, 55, 0.1); // Subtle Gold border
                border-radius: 4px;
                transition: all 0.3s ease;

                a {
                    display: block;
                    padding: 15px;
                    color: #B7B7B7;
                    text-decoration: none;
                    text-align: center;
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 0.85rem;
                }

                &:hover, &.is-active {
                    background: #D4AF37; // Primary Gold
                    border-color: #D4AF37;
                    
                    a {
                        color: #0B0B0C; // Dark text on Gold
                    }
                }
            }
        }
    }

    .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        background: #171717;
        padding: 12px;
        border-radius: 8px;
        color: #B7B7B7;
        border: 1px solid rgba(255, 255, 255, 0.05);

        h2, h3 {
            color: #fff;
            margin-bottom: 20px;
            border-left: 3px solid #D4AF37;
            padding-left: 15px;
        }

        mark {
            background: rgba(212, 175, 55, 0.2);
            color: #D4AF37;
            padding: 0 5px;
        }
    }

    /* Table Styles (Orders, Downloads) */
    .shop_table {
        background: transparent;
        border-collapse: separate;
        border-spacing: 0 10px;
        border: none !important;

        thead th {
            color: #fff;
            background: rgba(255, 255, 255, 0.03);
            border: none;
            padding: 15px;
        }

        tbody tr {
            background: rgba(255, 255, 255, 0.02);
            
            td {
                border-top: 1px solid rgba(255, 255, 255, 0.05);
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                padding: 20px 15px;
            }
        }
    }

    /* Buttons */
    .button {
        background-color: #D4AF37 !important;
        color: #0B0B0C !important;
        border-radius: 0;
        font-weight: 600;
        padding: 12px 25px;
        transition: opacity 0.3s;

        &:hover {
            opacity: 0.9;
            background-color: #D4AF37;
        }
    }
}

/* Responsive Tweak */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr 1fr;
    }
	.woocommerce-MyAccount-content {
		    padding: 40px;
	}
}


/* WooCommerce Cart */
.woocommerce-cart #content {
	color: #fff;
}
.woocommerce-cart #content .wc-block-components-product-name {
	color: #DAA520;
}
.woocommerce-cart #content .wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
	background-color: #DAA520;
	text-decoration: none;
	color: #222;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.woocommerce-cart #content .wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover {
	background-color: #fff;
}
.woocommerce-cart #content .alignwide {
	margin: 0;
}
.woocommerce-cart #content #wc-block-components-totals-coupon__input-coupon {
	background-color: #171717;
}
.woocommerce-cart #content .wc-block-components-button {
	border-color: #DAA520;
	color: #DAA520;
	font-weight: 600;
}

/* Woocommerce Checkout */
.woocommerce-checkout {
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 22px;
	}
	.alignwide {
		margin: 0;
	}
	.entry-title {
		max-width: 100% !important;
		margin-bottom: 1.5rem;
	}
	
	.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
		width: 100%;
		
		.woocommerce-error {
			margin-bottom: 0;
			background-color: rgba(255,255,255,0.08);
			color: #fff;
			border: 1px solid #b81c23;
			border-radius: 8px;

			a {
				color: #b81c23;
				text-decoration: none;
			}
		}
	}
	
	.woocommerce-form-coupon-toggle .woocommerce-info {
		background-color: rgba(255,255,255,0.08);
		border-radius: 6px;
		border: 1px solid rgba(212, 175, 55, 0.1);
		color: #fff;
		margin-bottom: 1rem;
		
		a {
			color: var( --e-global-color-primary );
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
	}
	
	.woocommerce-form-coupon-toggle .woocommerce-info:before {
		color: var( --e-global-color-primary )
	}
	
	form.checkout_coupon {
		padding: 0;
		border: none;
		display: flex;
		gap: 10px;
		margin-top: 1rem;

		.form-row {
			padding: 0;
		}
		.form-row input.input-text {
			background-color: rgba(255,255,255,0.08);
			color: #fff;
			outline: none;
			width: 100%;
			border: 1px solid rgba(212, 175, 55, 0.1);
		}
		.form-row input.input-text:focus {
			border-color: var( --e-global-color-primary );
		}
		button[name="apply_coupon"] {
			background-color: var( --e-global-color-primary );
			color: #222;
		}
		button[name="apply_coupon"]:hover {
			background-color: #fff;
		}
	} 

	#order_review_heading {
		display: none;
	}

	#content {
		padding: 0 1rem;
		max-width: 1200px;
		width: 100%;
		margin: 3rem auto;
		color: #fff;

		form.woocommerce-checkout {
			display: flex;
			flex-wrap: wrap;
			gap: 48px;

			.select2-selection {
				background-color: rgba(255,255,255,0.08);
				border: 1px solid rgba(212, 175, 55, 0.1);
				.select2-selection__rendered {
					color: #fff;
				}
			}
			
			.select2-selection__arrow b {
				filter: invert(1);
			}
			#customer_details {
				width: calc(60% - 24px);
				
				> * {
					width: 100%;
				}
			}
			#order_review:before {
				content: 'Cart Summary';
				display: inline-block;
				font-size: 22px;
				margin-top: 0.5rem;
				margin-bottom: 1rem;
			}
			#order_review {
				width: calc(40% - 24px);
				
				table.shop_table {
					* {
						border: none;
					}
					thead th {
						background-color: rgba(255,255,255,0.08);
						font-size: 1rem;
						font-weight: 400;
						color: var( --e-global-color-primary );
						border-bottom: 1px solid rgba(212, 175, 55, 0.1);
					}
					td {
						background-color: transparent;
					}
					tbody tr td {
						padding: 12px;
						color: var( --e-global-color-text );
					}
					tfoot th,
					tfoot td {
						background-color: rgba(255,255,255,0.08);
						font-size: 1rem;
						font-weight: 400;
						color: #fff;
						border-top: 1px solid rgba(212, 175, 55, 0.1);
					}
					tfoot tr:last-child th,
					tfoot tr:last-child td {
						color: var( --e-global-color-primary );
					} 
				}
			}
			.woocommerce-billing-fields__field-wrapper {
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
			}
			.form-row {
				padding: 0;
				
				input.input-text, 
				select {
					background-color: rgba(255,255,255,0.08) !important;
					color: #fff !important;
					outline: none;
					width: 100%;
				}
				.country_to_state--single {
					padding: 8px;
				}
				input.input-text:not(:focus),
				select:not(:focus) {
					border: 1px solid rgba(212, 175, 55, 0.1);
				}
				input.input-text:focus,
				select:focus {
					border-color: #D4AF37;
				}
			}
			.form-row-first,
			.form-row-last {
				width: calc(50% - 6px);
			}
			.form-row-wide {
				width: 100%;
			}
			.woocommerce-invalid {
				input.input-text:not(:focus),
				select:not(:focus) {
					border-color: var(--wc-red);
				}
			}
			#payment {
				border: 1px solid rgba(212, 175, 55, 0.1);
				
				ul.payment_methods {
					.woocommerce-info {
						background-color: rgba(255,255,255,0.08);
						color: var( --e-global-color-text );
						line-height: 1.4em;
						font-size: 15px;
					}
				}
				.form-row.place-order {
					padding: 1rem;
					
					.woocommerce-terms-and-conditions-wrapper {
						color: var( --e-global-color-text );
						
						a {
							color: var( --e-global-color-primary );
						}
					}
					
					button#place_order {
							background-color: var( --e-global-color-primary );
						color: #222;
						}
					button#place_order:hover {
							background-color: #fff;
						}
				}
			}
		}
	}
	.select2-container--open .select2-dropdown--below {
		background-color: #1E1E1F;
		border: 1px solid rgba(212, 175, 55, 0.1);
		color: #fff;
		
		input {
			background-color: #0B0B0C;
			color: #fff;
		}
	}
}

@media screen and (max-width: 992px) {
	.woocommerce-checkout #content form.woocommerce-checkout {
		gap: 20px;
		
		#customer_details {
			width: calc(60% - 10px );
		}
		#order_review {
			width: calc(40% - 10px );
		}
	}
}

@media screen and (max-width: 576px) {
	.woocommerce-checkout #content {
		form.woocommerce-checkout {
			gap: 20px;
			
			#customer_details,
			#order_review {
				width: 100%;
			}
		}
		.form-row-first,
		.form-row-last {
			width: 100% !important;
		}
	} 
}