/* 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;
}
}

/* 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%;
}


/* Force Listeo and all Main Content and Dashboard Header to Fill the Screen caused by Qiupid Wrapper */
.elementor-page .container.content-container, div#header .container {
	max-width: 100%;
}

/* Remove underline in header menu text, button text and dashboard side nav menu */
div.user-menu a, .button.border, .dashboard-nav-inner ul li a {
text-decoration: none;
}
/* Mobile View Search Form Padding */
@media only screen and (max-width: 767px) {
	form#listeo_core-search-form {
    padding: 20px;
	}
}

/* My Account Page */
/* Mobile View Header */
@media (max-width: 768px) {
    .slim-mobile-menu .right-side {
        margin-top: 35px;
        position: absolute;
        margin-bottom: -100px;
    }
}
/* Qiupid Header */
.qiupidsaas-dashboard-top-nav.row.align-items-center {
    display: none;
}
/* Content Overall Wrap Navigation */
.woocommerce {
	display:	flex;
}
nav.woocommerce-MyAccount-navigation ul {
    display: block;
	  width: 250px;
} 
/* My Account Navigation Hover n Icon*/
.woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover {
	color: #f3b340 !important;
	background-color: #fff1d4 !important;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul>li>a {
	align-items: flex-end;
	padding-bottom: 30px;
}
/* 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: 28px;
		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: 24px;
		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: 24px;
		color: #f3b340;
}
/* My Account My Profile */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-profiles a::before {
    content: "\f2bd"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		color: #f3b340;
}
/* My Account Find Matches */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--find-matches a::before {
    content: "\e595"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		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 Liked Profiles */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--favourites a::before {
    content: "\e4fd"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		color: #f3b340;
}
/* My Account Disliked Profiles */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--removed-profiles a::before {
    content: "\e501"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		color: #f3b340;
}
/* My Account Likes Received */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--liked-by a::before {
    content: "\f4be"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		color: #f3b340;
}
/* My Account My Inbox */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--messaging a::before {
    content: "\f4ad"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
		font-size: 24px;
		color: #f3b340;
}
/* Hide Qiupid My Account Bottom Nav Bar */
div.qiupidsaas-footer-mobile-sticky-nav-group {
    display: none !important;
}
/* My Account My Profile Edit Profile Form */
@media (min-width: 992px){fieldset.qiupidsaas-fsw.border.p-4.relative {
    margin-right: 220px;
}
}
/* Hide Address Privacy Notice */
#profile-required-settings > fieldset > div:nth-child(9) > div.col-md-12 > div {
    display: none;
}
	/* Button */
#qiupidsaas_unread_messages_notice, body .mt-profile-search .submit .form-control, .mt-like-wrap .mt-add-like:hover i.far.fa-heart, html body .qiupid-social-links .mt-like-wrap .qiupid-chat, .qiupidsaas-primary-btn, #qiupidsaas-builder-form .btn[name="form_configuration"], .qiupidsaas-upgrade-plan-btn, body .qiupidsas-plan-image span.qiupidsaas-toptier-badge {
    background: #f3b340;
    border-color: #f3b340;
}
button.btn.btn-primary.btn-lg {
    padding-top: 0px !important;
}
@media only screen and (max-width: 767px) {
	button.btn.btn-primary.btn-lg {
    padding-bottom: 20px !important;
}
}
/* Fix Label Text for Each Field is After the Input Box in Edit Profile */
/*1. Force the container to stack vertically */
.form-floating.mb-3 {
    display: flex !important;
    flex-direction: column-reverse !important; /* Forces Label (bottom in HTML) to Top (visually) */
    height: auto !important;
    min-height: 80px !important;
}
/* 2. Reset the label from being absolute/centered */
.qiupidsaas-attributes-wrapper label {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    display: block !important;
    margin-bottom: 5px !important;
    order: 1 !important;
    pointer-events: auto !important;
    font-weight: bold !important;
}
/* 3. Ensure the input stays below */
.qiupidsaas-attributes-wrapper input {
    order: 2 !important;
    width: 100% !important;
}

/* Listing Dashboard - Dashboard Widget Fix for Dekstop View */
@media (min-width: 992px) { div.row.listeo-dashoard-widgets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 5px;
}
    div.col-lg-3 {
        width: 100%;
    }
}
/* My Listing View Chart Fix */
canvas#chart {
    height: 303px;
    width: 673px;
}

/* Find Matches Swipe Button*/
.qiupidsaas-members-swipe--buttons {
	align-items: center;
	margin-top: 30px;
}
/* Ensure line breaks don't interfere */
.qiupidsaas-members-swipe--buttons br {
    display: none !important;
}
/* Find Matches Profile Like n Dislike Button */
/* Targets the line break inside the  button group */
.qiupidsaas-btn-group.text-center br {
    display: none !important;
}
/* Adds a small gap between the buttons now that they are horizontal */
.qiupidsaas-btn-group.text-center a {
    display: inline-block;
    margin: 5px; 
}
div.qiupidsaas-btn-group.text-center a {
	margin-top: 40px;
}
@media (max-width: 768px) {
div.qiupidsaas-btn-group.text-center a {
	margin-top: 20px;
	padding: 15px;
	border-radius: 10px;
}