/* Design tokens defined in: assets/css/global/design-tokens.css */

/* Navigation Container */
div#mepr-account-nav {
	margin-bottom: 0 !important;
	width: 100% !important;
	background: var(--bg-white) !important;
	border-radius: var(--border-radius) !important;
	box-shadow: var(--shadow-card) !important;
	padding: 14px !important;
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap !important;
	gap: 8px !important;
	border: 1px solid var(--border-color) !important;
}

.mp-form-row {
	display: flex !important;
}

/* Navigation Items */
.mepr-nav-item {
	padding: 0 !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

/* Navigation Links */
.mepr-nav-item a {
	display: inline-block !important;
	padding: 12px 24px !important;
	color: var(--text-secondary) !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	text-decoration: none !important;
	border-radius: var(--border-radius-sm) !important;
	transition: all var(--transition) !important;
	position: relative !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

/* Hover State */
.mepr-nav-item a:hover {
	background: var(--bg-light) !important;
	border-color: transparent !important;
}

.entry-content a:focus {
	outline: none !important;
}

/* Active Tab */
.mepr-nav-item.mepr-active-nav-tab a,
.mepr-nav-item a.mepr-active-nav-tab {
	color: var(--turfnet-red) !important;
	background: #FEF2F2 !important;
	font-weight: 600 !important;
	border-color: var(--turfnet-red) !important;
	border-width: 1px !important;
	border-style: solid !important;
}

/* Active Tab - No Hover Effect */
.mepr-nav-item.mepr-active-nav-tab a:hover,
.mepr-nav-item a.mepr-active-nav-tab:hover {
	color: var(--turfnet-red-dark) !important;
	background: #FEE2E2 !important;
	border-color: var(--turfnet-red-dark) !important;
}

/* Logout Link - Special Styling */
.mepr-nav-item a#mepr-account-logout {
	color: var(--text-light) !important;
	border: 1px solid var(--border-color) !important;
}

.mepr-nav-item a#mepr-account-logout:hover {
	color: var(--text-primary) !important;
	background: var(--bg-light) !important;
	border-color: var(--border-color-dark) !important;
}

/* ============================================
   ACCOUNT PAGE ENHANCEMENTS
   ============================================ */

/* Welcome Message */
.mp_wrapper h3 {
	color: var(--text-primary) !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	margin-bottom: 24px !important;
}

/* Form Fields */
.mp_wrapper .mepr-form-row {
	margin-bottom: 20px !important;
}

.mp_wrapper .mepr-form-row label {
	color: var(--text-primary) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	margin-bottom: 6px !important;
	display: block !important;
}

.mp_wrapper input[type="text"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="password"],
.mp_wrapper select {
	border: 1px solid var(--border-color-dark) !important;
	border-radius: var(--border-radius-sm) !important;
	padding: 10px 14px !important;
	font-size: 16px !important;
	width: 100% !important;
	transition: all var(--transition) !important;
	background: var(--bg-white) !important;
	color: var(--text-primary) !important;
}

.mp_wrapper input[type="text"]:focus,
.mp_wrapper input[type="email"]:focus,
.mp_wrapper input[type="password"]:focus,
.mp_wrapper select:focus {
	border-color: var(--turfnet-blue) !important;
	box-shadow: 0 0 0 3px rgba(0, 84, 166, 0.1) !important;
	outline: none !important;
}

/* Save Button */
button#mpca-add-sub-user-btn,
.mp_wrapper input[type="submit"],
.mp_wrapper button.mepr-submit {
	background: var(--turfnet-red) !important;
	color: white !important;
	padding: 12px 24px !important;
	border-radius: var(--border-radius) !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all var(--transition) !important;
	box-shadow: var(--shadow-sm) !important;
}

button#mpca-add-sub-user-btn:hover,
.mp_wrapper input[type="submit"]:hover,
.mp_wrapper button.mepr-submit:hover {
	background: var(--turfnet-red-dark) !important;
	box-shadow: var(--shadow-md) !important;
	transform: translateY(-1px) !important;
}

/* Links */
.mp_wrapper a {
	text-decoration: none !important;
	font-weight: 500 !important;
	transition: color var(--transition) !important;
}

.mp_wrapper a:hover {
	text-decoration: underline !important;
}

/* Tables - Enhanced Styling */
.mp_wrapper table.mepr-account-table {
	background: var(--bg-white) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius) !important;
	overflow: hidden !important;
	box-shadow: var(--shadow-sm) !important;
}

.mp_wrapper table.mepr-account-table th {
	background: var(--bg-light) !important;
	color: var(--text-primary) !important;
	font-weight: 600 !important;
	padding: 12px !important;
	border-bottom: 2px solid var(--border-color-dark) !important;
}

.mp_wrapper table.mepr-account-table td {
	padding: 12px !important;
	color: var(--text-secondary) !important;
	border-left: 1px solid var(--border-color) !important;
}

.mp_wrapper table.mepr-account-table tr.mepr-alt-row {
	background: #FAFAFA !important;
}

.mp_wrapper table.mepr-account-table tr:hover {
	background: var(--bg-light) !important;
}

/* Status Indicators */
.mepr-active {
	color: #10B981 !important;
	font-weight: 600 !important;
}

.mepr-inactive {
	color: #EF4444 !important;
	font-weight: 600 !important;
}


/* ============================================
	USER PROFILE
	============================================ */
.directorist-user-dashboard__nav a[target="dashboard_preferences"],
.directorist-user-dashboard__nav a.directorist-btn.directorist-btn--logout {
	display: none !important;
}

.directorist-tab__nav__item,
li.directorist-tab-nav--content-link {
	list-style: none !important;
}

.mepr-nav-item a#mepr-account-logout {
	display: none;
}

.directorist-content-active .entry-content ul.directorist-dashboard-listing-nav-js,
.directorist-content-active .entry-content ul.directorist-tab__nav__items {
	padding: 0 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

body.page-id-1036 .directorist-user-dashboard__toggle,
body.page-id-1036 .directorist-user-dashboard__nav.directorist-tab__nav {
	display: none;
}

.mp_wrapper:has(#mepr-account-nav) {
	box-shadow: none !important;
}

div#mepr-account-welcome-message {
	color: var(--text-primary) !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	margin-bottom: 24px !important;
}

.directorist-user-dashboard__toggle {
	display: none;
}

.mp_wrapper:has(#mepr-account-nav) {
	margin-bottom: 0 !important;
}

.directorist-user-dashboard {
	margin-top: -30px;
}

/* ============================================
   CHECKOUT LOGIN FORM
   ============================================ */

/* Override password field padding for checkout form
 * Fixes vertical alignment with other form fields
 */
body:not(.community-pro-homepage) input[type="password"] {
	padding: 10px !important;
}

/* Reset transform on password visibility toggle */
#loginform .forgot-password-show {
	transform: none;
}

/* ============================================
   CHECKOUT PAGE CONTAINER OVERRIDES
   ============================================ */

/* Remove padding and shadows on checkout page
 * Targets pages with "checkout-page" custom class
 */
.checkout-page .site-container .mp_wrapper,
.checkout-page .entry-content-wrapper,
.checkout-page .page-content-section .wrap {
	padding: 0 !important;
	box-shadow: none !important;
}

/* ============================================
   PROFILE PAGE OVERRIDES
   ============================================ */

/* Profile page - hide duplicate navigation and logout */
.profile-page .directorist-user-dashboard__nav.directorist-tab__nav {
	display: none !important;
}

article.post-11 table {
	word-break: normal !important;
}

.profile-page .mepr-nav-item a#mepr-account-logout {
	display: none !important;
}

/* Saved Listings / Submit New Listing buttons */
.profile-page .guide-card {
	margin-left: 26px;
}

/* Profile page - dashboard layout */
.profile-page .directorist-user-dashboard__nav {
	min-width: 188px;
	margin-right: 20px !important;
}

.profile-page .directorist-user-dashboard__contents {
	margin: 10px !important;
}

.profile-page .directorist-container-fluid {
	margin: 0 !important;
}

/* ============================================
   REGISTER FREE ACCOUNT PAGE
   ============================================ */

/* Hide error SVG icons and list bullets on registration page */
.register-free-account-page .mepr_pro_error svg,
.register-free-account-page.entry-content .mp_wrapper ul:not([class]) li::before {
	display: none !important;
}