/*
 * Frontend user dashboard (My Listings / Add New Listing / My Profile /
 * Inquiries etc, templates/user_menu.php + the various user_dashboard_*.php
 * templates) -- native theme styling for this whole area is minimal/dated
 * (a near-unstyled Bootstrap sidebar, a stray purple #b881fc accent left
 * over from the same native purple this plugin already replaced elsewhere).
 * This gives the sidebar shell the site's own brand system (coral/sage/
 * cream, Cormorant Garamond + Inter) instead, per explicit request for a
 * "new look". Scoped to body.wprentals_dashboard_page (a body class the
 * theme itself already adds on every dashboard page) so it never touches
 * the public-facing site.
 */

body.wprentals_dashboard_page {
	background: var( --avs-cream-light, #faf8f5 );
}

body.wprentals_dashboard_page .user_tab_menu {
	background: #fff;
	border-radius: 16px;
	padding: 28px 22px;
	box-shadow: 0 10px 30px rgba( 32, 44, 46, 0.06 );
	font-family: 'Inter', sans-serif;
}

/* ── Profile header ─────────────────────────────────────────── */
body.wprentals_dashboard_page .profile-image-wrapper {
	text-align: center;
	margin-bottom: 20px;
}
body.wprentals_dashboard_page #profile-image-menu {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	margin: 0 auto 12px;
	border: 3px solid var( --avs-cream-light, #faf8f5 );
	box-shadow: 0 0 0 1px var( --avs-border, #e4ddd2 );
}
body.wprentals_dashboard_page .profile_wellcome {
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	font-weight: 700;
	color: var( --avs-charcoal, #202c2e );
}

/* ── Menu links ──────────────────────────────────────────────── */
body.wprentals_dashboard_page .user_dashboard_links {
	display: flex;
	flex-direction: column;
	gap: 2px;
	border-top: 1px solid var( --avs-border, #e4ddd2 );
	padding-top: 16px;
}
body.wprentals_dashboard_page .user_tab_menu a,
body.wprentals_dashboard_page .user_dashboard_links a {
	display: flex !important;
	align-items: center;
	width: 100% !important;
	margin: 0 !important;
	padding: 11px 12px;
	border-radius: 8px;
	color: var( --avs-charcoal, #202c2e );
	text-decoration: none !important;
	font-size: 14.5px;
	font-weight: 500;
	transition: background 0.15s, color 0.15s;
}
body.wprentals_dashboard_page .user_tab_menu i,
body.wprentals_dashboard_page .user_dashboard_links i {
	margin-right: 12px !important;
	width: 18px !important;
	text-align: center;
	color: var( --avs-sage, #5c7473 );
	transition: color 0.15s;
}
body.wprentals_dashboard_page .user_tab_menu a:hover,
body.wprentals_dashboard_page .user_dashboard_links a:hover {
	background: var( --avs-cream-light, #faf8f5 );
	color: var( --avs-coral-dark, #e86a4e );
}
body.wprentals_dashboard_page .user_tab_menu a:hover i,
body.wprentals_dashboard_page .user_dashboard_links a:hover i {
	color: var( --avs-coral, #ff8065 );
}

/* Active tab -- was a dark charcoal/purple treatment (.user_tab_active),
   now brand coral. */
body.wprentals_dashboard_page .user_tab_menu a.user_tab_active,
body.wprentals_dashboard_page .user_dashboard_links a.user_tab_active {
	background: var( --avs-coral, #ff8065 ) !important;
	color: #fff !important;
}
body.wprentals_dashboard_page .user_tab_menu a.user_tab_active i,
body.wprentals_dashboard_page .user_dashboard_links a.user_tab_active i {
	color: #fff !important;
}

/* Edit-listing sub-menu (Description/Price/Images/Details/Location/
   Amenities/Calendar) -- was purple (#b881fc), now coral, matching the
   rest of the brand pass already done sitewide. */
body.wprentals_dashboard_page .property_edit_menu {
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 4px;
}
body.wprentals_dashboard_page .property_edit_menu a.edit_listing_link {
	padding: 8px 12px;
	font-size: 13.5px;
	color: var( --avs-text-muted, #5c6866 ) !important;
	border-left: 2px solid var( --avs-border, #e4ddd2 );
	border-radius: 0;
}
body.wprentals_dashboard_page .property_edit_menu a.edit_listing_link:hover {
	color: var( --avs-coral-dark, #e86a4e ) !important;
	background: transparent;
	border-left-color: var( --avs-coral, #ff8065 );
}
body.wprentals_dashboard_page .property_edit_menu a.edit_listing_link.user_tab_active {
	background: transparent !important;
	color: var( --avs-coral-dark, #e86a4e ) !important;
	border-left-color: var( --avs-coral, #ff8065 );
	font-weight: 700;
}
body.wprentals_dashboard_page .edit_class,
body.wprentals_dashboard_page .edit_class i {
	color: var( --avs-coral-dark, #e86a4e ) !important;
	border-left-color: var( --avs-coral, #ff8065 ) !important;
}

/* Log Out -- last link, visually separated */
body.wprentals_dashboard_page .user_dashboard_links > a:last-child {
	margin-top: 12px !important;
	border-top: 1px solid var( --avs-border, #e4ddd2 );
	border-radius: 0 0 8px 8px;
	padding-top: 16px !important;
	color: var( --avs-text-muted, #5c6866 );
}

/* Unread inquiry count badge */
body.wprentals_dashboard_page .unread_mess_wrap_menu {
	background: var( --avs-coral, #ff8065 );
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
	margin-right: 8px;
	padding: 0 4px;
}

/* ── Dashboard content area headings, matching the villa page's own type
   system instead of the theme's default sans-serif ── */
body.wprentals_dashboard_page h1,
body.wprentals_dashboard_page h2,
body.wprentals_dashboard_page h3 {
	font-family: 'Cormorant Garamond', serif !important;
	color: var( --avs-charcoal, #202c2e );
}

@media (max-width: 991px) {
	body.wprentals_dashboard_page .user_tab_menu {
		border-radius: 0;
		box-shadow: none;
		border-bottom: 1px solid var( --avs-border, #e4ddd2 );
	}
}

/* CSS backstop for the same 3 links dashboard-menu.js hides by text match
   (All In One Calendar / My Bookings / My Reservations) -- belt and
   suspenders so removal doesn't depend on JS having run/loaded/not been
   cache-stale. Matched by icon class instead of text: templates/user_menu.php
   prints these with far fa-calendar-alt (All In One Calendar) and
   far/fas fa-folder-open (My Bookings AND My Reservations both use
   fa-folder-open, just different style prefixes) -- neither icon class is
   reused by any other link in this same menu. Also hides the now-redundant
   Description/Price/Images/.../Calendar edit sub-links: since /edit-listing/
   is the one-page form now, all 7 point at the exact same page. */
body.wprentals_dashboard_page .user_dashboard_links a:has(> i.fa-calendar-alt),
body.wprentals_dashboard_page .user_dashboard_links a:has(> i.fa-folder-open),
body.wprentals_dashboard_page .property_edit_menu {
	display: none !important;
}