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

/* intl-tel-input wrapper — force full width inside flex form rows */
.mp-form-row .iti {
	width: 100%;
}

/* intl-tel-input — prevent text overlapping the flag/dial-code area */
.mp-form-row .iti input[type="tel"] {
	padding-left: 80px !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 input[type="tel"],
.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 input[type="tel"]: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;
}

/* ============================================
   CORPORATE ACCOUNTS - MANAGE SUB ACCOUNTS
   ============================================ */

/* Tighten the excessive 50px bottom margins */
.mp_wrapper .mpca-fat-bottom {
	margin-bottom: 20px !important;
}

/* Page heading — corporate account owner name */
.mp_wrapper h3.mpca-fat-bottom {
	font-size: 18px !important;
	margin-bottom: 4px !important;
	padding-bottom: 0 !important;
}

/* Sub-account counter — styled as a subtitle */
#mpca_sub_accounts_used {
	margin-bottom: 20px !important;
}

#mpca_sub_accounts_used h4 {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--text-secondary) !important;
	margin: 0 !important;
}

/* Add Sub Account button — align with existing button styles */
#mpca-add-sub-user {
	margin-bottom: 16px !important;
}

button#mpca-add-sub-user-btn {
	font-size: 14px !important;
	padding: 8px 18px !important;
}

/* Add sub-account form — card styling when revealed */
#mpca-add-sub-user-form {
	background: var(--bg-light) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius) !important;
	padding: 20px !important;
	margin-top: 12px !important;
}

#mpca-add-sub-user-form label {
	display: block !important;
	margin-bottom: 12px !important;
	font-size: 14px !important;
	color: var(--text-primary) !important;
}

#mpca-add-sub-user-form label span {
	display: block !important;
	font-weight: 500 !important;
	margin-bottom: 4px !important;
}

#mpca-add-sub-user-form input[type="submit"] {
	font-size: 14px !important;
	padding: 8px 18px !important;
	margin-top: 4px !important;
}

/* Search box — full width with spacing */
.mpca-search {
	margin-bottom: 12px !important;
}

.mpca-search input[type="text"] {
	max-width: 100% !important;
}

/* Page info — subtle text above table */
.mpca-sub-account-page-info {
	font-size: 13px;
	color: var(--text-light);
	margin-bottom: 8px;
}

/* Sub accounts table — clean up spacing */
.mpca-table-overflow {
	margin-bottom: 8px;
}

#mpca-sub-accounts-table {
	width: 100% !important;
}

#mpca-sub-accounts-table th:last-child,
#mpca-sub-accounts-table td:last-child {
	text-align: right !important;
	border-left: none !important;
}

/* Remove link — subtle red on hover */
a.mpca-remove-sub-account {
	color: var(--text-light) !important;
	font-size: 13px !important;
}

a.mpca-remove-sub-account:hover {
	color: #d63638 !important;
}

/* Pagination — flex row with spacing */
#mepr-sub-account-paging {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 8px 0 !important;
	margin-bottom: 16px !important;
}

#mepr-sub-account-paging a {
	float: none !important;
}

/* Export link — styled as a secondary button */
#mpca_export_sub_accounts {
	margin-bottom: 24px !important;
}

#mpca_export_sub_accounts a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 6px 14px !important;
	border: 1px solid var(--border-color-dark) !important;
	border-radius: var(--border-radius-sm) !important;
	color: var(--text-secondary) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	background: var(--bg-white) !important;
	transition: all var(--transition) !important;
}

#mpca_export_sub_accounts a:hover {
	background: var(--bg-light) !important;
	border-color: var(--text-secondary) !important;
	text-decoration: none !important;
}

/* Signup URL section — card styling */
#mpca_signup_url {
	background: var(--bg-light) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius) !important;
	padding: 16px 20px !important;
	margin-bottom: 24px !important;
}

#mpca_signup_url h4 {
	font-size: 14px !important;
	font-weight: 600 !important;
	margin: 0 0 4px !important;
	color: var(--text-primary) !important;
}

#mpca_signup_url p {
	font-size: 13px !important;
	color: var(--text-light) !important;
	margin: 0 0 10px !important;
}

#mpca_signup_url input[type="text"] {
	font-size: 13px !important;
	padding: 8px 12px !important;
	background: var(--bg-white) !important;
}

/* Import CSV section — card styling */
#mpca_import_sub_accounts {
	background: var(--bg-light) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius) !important;
	padding: 16px 20px !important;
}

#mpca_import_sub_accounts h4 {
	font-size: 14px !important;
	font-weight: 600 !important;
	margin: 0 0 4px !important;
	color: var(--text-primary) !important;
}

#mpca_import_sub_accounts small {
	color: var(--text-light) !important;
}

#mpca_import_sub_accounts input[type="submit"] {
	font-size: 13px !important;
	padding: 6px 14px !important;
}

/* Remove stray br after table */
#mpca-sub-accounts-table + br {
	display: none;
}

/* ============================================
   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
   ============================================ */


.mp-form-label {
	width: 50% !important;
}

/* Error message */
.mepr_error ul li::before {
	display: none !important;
}

.mepr_error {
	border: none !important;
	border-radius: 5px !important;
	padding: 6px 11px 0 0 !important;
}

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