/* Hide page header title */
#titlebar {
		display:none;
}

/* Hide left navigation bar for Rental Payment on mobile view and app */
@media (max-width: 768px) { nav.woocommerce-MyAccount-navigation {
    display: none;
}
}

/* Checkout Page */
form.checkout.woocommerce-checkout {
    padding: 20px;
}

/* Listing Room Details Fact Icon */
span.lbp-detail-fact-icon {
    color: #f3b340;
}

/* UniCommunity Portal Related CSS is in Code Snippets */ 

/* Payment Gateway AliPay and WeChatPay QR Icon */
/* Target the wrapper and force it to be a flexible row */
#custom-qr-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important; /* Keeps them on the right side */
    align-items: center !important;
    gap: 10px !important;
    float: right !important; /* Helps align with WooCommerce default layout */
    width: auto !important;
    height: auto !important;
}

/* Reset every property that could cause overlapping */
#custom-qr-wrapper img {
    position: static !important; /* Prevents them from floating on top of each other */
    height: 25px !important;    /* Fixed height for uniformity */
    width: auto !important;     /* Maintains aspect ratio */
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    box-shadow: none !important;
}

/* Ensure the label text doesn't get squeezed */
.woocommerce-checkout .payment_methods label[for="payment_method_cod"] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* My Account Navigation Boxes, Padding, Hover n Icon*/
/* - Making Dashboard Left SideBar Feel */
.woocommerce-MyAccount-navigation ul {
    padding: 0;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link {
    border-radius: 30px;
    margin-top: 20px;
		margin-left: 20px;
    padding: 20px;
    border-bottom: 1px solid #f3b340;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #f3b340 !important;
    background-color: #ffffff !important;
    border-radius: 20px;
    padding-bottom: 10px;
    padding-top: 20px;
}
/* - Hiding Chevron Right Icon in each Navigation Item */
nav.woocommerce-MyAccount-navigation ul li:before {
	display: none;
}
/* Removing the br so that nav icons are in the same line with nav text */
.woocommerce-MyAccount-navigation ul > li > a > br {
    display: none;
}
/* My Account Content Background */
.woocommerce-MyAccount-content {
    background: #f9f9f9;
		border-radius: 15px;
	  padding: 40px;
}
/* My Account Dashboard */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f0e4"; /* FontAwesome Unicode for Dashboard */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 18px;
		color: #f3b340;
}
/* My Account Orders */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f290"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 18px;
		color: #f3b340;
}
/* My Account Rental Payment */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: "\f015"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 18px;
		color: #f3b340;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
	content: '\f3c5';
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 18px;
		color: #f3b340;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	content: '\f4ff';
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 16px;
		color: #f3b340;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
	content: '\f09d';
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
	  font-size: 16px;
		color: #f3b340;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: '\f08b';
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 18px;
	  color: #f3b340;
}
/* My Account Returns n Refunds Cannot Override Issue */
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--rma-requests {
    display: none !important;
}
/* My Account Rental Payment Content */
/* - Rental Payment Overview */
tr.order.woocommerce-orders-table__row.woocommerce-orders-table__row--status-active {
    background: #ffffff;
}
/* - Rental Payment Details Overall td Background */
table.shop_table.subscription_details {
    border-radius: 15px;
}
body .woocommerce table.shop_table td {
    background: #ffffff;
	  padding: 20px;
}
section.woocommerce-customer-details address {
    background: #ffffff;
}
/* - Rental Payment Current Details Section */
table.shop_table.subscription_details > tbody > tr:nth-child(n) > td:nth-child(1) {
    color: #f3b340;
    border-bottom: 1px solid #ffffff;
    font-weight: 400;
}
table.shop_table.subscription_details > tbody > tr:nth-child(1) > td:nth-child(1) {
    font-weight: 600;
    background: #f3b340;
		color: #ffffff;
}
table.shop_table.subscription_details > tbody > tr:nth-child(1) > td:nth-child(2) {
    color: #f3b340;
    font-weight: 500;
    text-transform: uppercase;
	    border-bottom: 1px solid #f3b340;
	border-top-right-radius: 15px;
}
table.shop_table.subscription_details > tbody > tr:nth-child(1) > td:nth-child(1) {
		border-top-left-radius: 10px;
}
table.shop_table.subscription_details > tbody > tr:nth-child(7) > td:nth-child(1) {
    border-bottom-left-radius: 10px;
}
/* My Rental Payment Pricing Breakdown Details */
table.shop_table.order_details > thead > tr {
    background: #fff1d4;
    color: #3d3c3c;
}
table.shop_table.order_details > tfoot > tr:nth-child(n) > th {
    background: #ffffff;
}
table.shop_table.order_details > tfoot > tr:nth-child(1) {
    border-top: 1px solid #e0e0e0;
}
table.shop_table.order_details > tfoot > tr:last-child > th {
    color: #f3b340;
    font-size: 17px;
    text-transform: uppercase;
}
table.shop_table.order_details > tfoot > tr:last-child > td {
    color: #f3b340;
    font-weight: 700;
    font-size: 17px;
}
body .woocommerce table.shop_table th.product-total {
    border-right: 1px solid #f9f9f9;
}
/* - Rental Related Orders */
#woocommerce-subscriptions-related-orders-table > thead > tr {
	 background: #fff1d4;
   color: #3d3c3c;
}
table.shop_table.subscription_details > tbody > tr:nth-child(n) > td:last-child, table.shop_table.order_details td:last-child, td.order-actions.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    border-right: 1px solid #ffffff;
}
th.order-actions.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions {
    border-right: 1px solid #f9f9f9;
}
/* -- Mobile Responsive */
@media only screen and (max-width: 980px) {
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    border-right: 1px solid #ffffff;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
}