/* IDU consistency layer - gives every member-account tab (Listings, Orders,
   Groups, Friends, Activity, Notifications) the same card-and-row visual
   language, even though they come from three different sources (WP Job
   Manager, WooCommerce, BuddyBoss) that don't share styling by default.

/* ========================================================================
   1. Shared row/table primitives (Listings tab)
   ======================================================================== */
.idu-dash__intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 18px;
}
.idu-dash__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--idu-listings-dash-ink);
	margin: 0;
}

.idu-dash-btn,
.idu-dash-btn--primary,
.idu-dash-btn--outline,
.idu-dash-btn--link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	padding: 8px 16px;
	border-radius: var(--idu-listings-dash-btn-radius);
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.idu-dash-btn--primary,
.idu-dash-btn--primary:link,
.idu-dash-btn--primary:visited,
.idu-dash-btn--primary:hover,
.idu-dash-btn--primary:focus,
.idu-dash-btn--primary:active {
	background: var(--idu-listings-dash-accent);
	color: #fff !important;
	border-color: var(--idu-listings-dash-accent);
}
.idu-dash-btn--primary:hover {
	filter: brightness(0.95);
}
.idu-dash-btn--outline {
	background: transparent;
	color: var(--idu-listings-dash-ink);
	border-color: var(--idu-listings-dash-border);
}
.idu-dash-btn--outline:hover {
	border-color: var(--idu-listings-dash-ink);
	color: var(--idu-listings-dash-ink);
}
.idu-dash-btn--link {
	background: transparent;
	color: var(--idu-listings-dash-muted);
	padding: 8px 8px;
}
.idu-dash-btn--link:hover {
	color: var(--idu-listings-dash-ink);
	text-decoration: underline;
}

/* My Listings "Edit" cta - matches the job-dashboard Edit button exactly
 * (see "6. Job dashboard" .jm-dashboard-action--primary...idu-btn--outline
 * below), rather than the generic .idu-btn--outline defaults. */
.idu-dash-col--actions .idu-btn--outline {
	padding: 6px 25px !important;
	font-size: 14px;
    background-color: transparent !important;
}
.idu-dash-col--actions .idu-btn--outline:hover {
	background: var(--idu-listings-gold) !important;
	border-color: var(--idu-listings-line-2);
	color: var(--idu-listings-ink);
}

.idu-dash-table {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.idu-dash-head.idu-dash-row {
	display: flex;
	align-items: center;
	gap: var(--idu-listings-dash-gap);
	padding: 5px var(--idu-listings-dash-pad);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--idu-listings-ink-2);
}
.idu-dash-row {
	display: flex;
	align-items: center;
	gap: var(--idu-listings-dash-gap);
	padding: var(--idu-listings-dash-pad);
	background: var(--idu-listings-white);
	border: 1px solid var(--idu-listings-dash-border);
	border-radius: var(--idu-listings-radius-sm);
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.idu-dash-rows .idu-dash-row:hover {
	box-shadow: var(--idu-listings-shadow-sm);
}
.idu-dash-rows {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.idu-dash-col {
	flex: 1 1 0;
	min-width: 0;
	font-size: 14px;
	color: var(--idu-listings-dash-ink);
	line-height: 1.35;
}
.idu-dash-col--thumb {
	flex: 0 0 var(--idu-listings-dash-thumb);
	width: var(--idu-listings-dash-thumb);
	height: var(--idu-listings-dash-thumb);
}
.idu-dash-col--thumb img,
.idu-dash-col--thumb .idu-dash-thumb-ph {
	width: var(--idu-listings-dash-thumb);
	height: var(--idu-listings-dash-thumb);
	object-fit: cover;
	border-radius: 8px;
	display: block;
	background: #f1efec;
}
.idu-dash-col--title {
	flex: 2 1 0;
}
.idu-dash-col--actions {
	/* Fixed basis, not auto: the header's "Actions" label and each row's
	 * Edit/Delete buttons have different natural widths, and since every
	 * .idu-dash-row is its own independent flex container, flex:0 0 auto
	 * let this column's width - and therefore how much space is left for
	 * the flex:1 1 0 columns before it - vary row to row, misaligning the
	 * header from the body rows and rows from each other. */
	flex: 0 0 180px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.idu-dash-link {
	font-size: 16px;
	font-weight: 600;
	color: var(--idu-listings-dash-ink);
	text-decoration: none;
}
.idu-dash-link:hover {
	text-decoration: underline;
}
.idu-dash-label {
	display: none;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--idu-listings-dash-faint);
	margin-bottom: 2px;
}
.idu-dash-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--idu-listings-dash-muted);
}
.idu-dash-status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}
.idu-dash-status--publish {
	color: #2f9e57;
}
.idu-dash-status--pending {
	color: #c98a13;
}
.idu-dash-status--draft,
.idu-dash-status--expired {
	color: var(--idu-listings-dash-faint);
}
.idu-dash-empty {
	padding: 28px;
	text-align: center;
	color: var(--idu-listings-dash-muted);
	border: 1px dashed var(--idu-listings-dash-border);
	border-radius: var(--idu-listings-radius-sm);
}

@media (max-width: 782px) {
	.idu-dash-head.idu-dash-row {
		display: none;
	}
	.idu-dash-row {
		flex-wrap: wrap;
	}
	.idu-dash-col {
		flex: 1 1 45%;
	}
	.idu-dash-col--title {
		flex: 1 1 100%;
		order: -1;
	}
	.idu-dash-col--thumb {
		order: -2;
	}
	.idu-dash-label {
		display: block;
	}
	.idu-dash-col--actions {
		flex: 1 1 100%;
		justify-content: flex-start;
	}
}

/* ========================================================================
   2. WooCommerce My Account -> Orders table
   ======================================================================== */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.woocommerce-orders-table.shop_table {
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 12px !important;
	table-layout: fixed !important;
	width: 100%;
	margin: 0;
}
.woocommerce-account .woocommerce-orders-table thead th {
	border: none;
	padding: 4px 16px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--idu-listings-dash-faint);
	background: transparent;
	text-align: left;
	width: auto;
}
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-number {
	width: 14%;
}
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-date {
	width: 18%;
}
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-status {
	width: 16%;
}
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-total {
	width: 22%;
}
/* Cells can be <td> or <th scope="row"> (the order-number cell), so target > * */
.woocommerce-account .woocommerce-orders-table tbody tr > * {
	border-top: 1px solid var(--idu-listings-dash-border) !important;
	border-bottom: 1px solid var(--idu-listings-dash-border) !important;
	border-left: 0;
	border-right: 0;
	background: var(--idu-listings-white);
	padding: 16px;
	font-size: 14px;
	font-weight: 400;
	color: var(--idu-listings-dash-ink);
	vertical-align: middle;
	text-align: left;
}
.woocommerce-account .woocommerce-orders-table tbody tr > *:first-child {
	border-left: 1px solid var(--idu-listings-dash-border);
	border-top-left-radius: var(--idu-listings-radius-sm);
	border-bottom-left-radius: var(--idu-listings-radius-sm);
	font-weight: 600;
}
.woocommerce-account .woocommerce-orders-table tbody tr > *:last-child {
	border-right: 1px solid var(--idu-listings-dash-border);
	border-top-right-radius: var(--idu-listings-radius-sm);
	border-bottom-right-radius: var(--idu-listings-radius-sm);
	text-align: right;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-button,
.woocommerce-account .woocommerce-orders-table a.button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 500;
    padding: 10px 20px !important;
	border-radius: var(--idu-listings-radius-pill) !important;
	border: 1px solid var(--idu-listings-line-2) !important;
	background: transparent;
	color: var(--idu-listings-ink);
	text-decoration: none;
	/* line-height: 1.2; */
	min-width: 0;
	margin: 0 0 0 6px;
    transition: background-color 0.4s ease;
    justify-content: center;
    box-shadow: none;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-account .woocommerce-orders-table a.button:hover {
	background-color: var(--idu-listings-gold);
}
.woocommerce-account .woocommerce-orders-table .woocommerce-button.pay {
	background: var(--idu-listings-dash-accent);
	border-color: var(--idu-listings-dash-accent);
	color: #fff;
}
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
	width: 30% !important;
	white-space: wrap;
	text-align: left !important;
	overflow: visible;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-button,
.woocommerce-account .woocommerce-orders-table a.button {
	white-space: nowrap !important;
	flex: none !important;
    margin: 0 5px 5px 0 !important;
}
.woocommerce section.woocommerce-order-details p.order-again a.button:hover {
    background-color: transparent !important;
    color: var(--idu-listings-ink) !important;
}
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions, 
    .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions, 
    .woocommerce-account .woocommerce-orders-table tbody tr > *:last-child {
        display: block;
        text-align: right !important;
        width: auto !important;
        border-right: 0 !important;
        border-radius: 0 !important;
    }
    .woocommerce-account .woocommerce-orders-table tbody tr > td {
        border-bottom: 1px solid var(--idu-listings-dash-border) !important;
        border-top: 0 !important;
    }
    .woocommerce-account .woocommerce-orders-table tbody tr > td:first-child {
        border-top: 1px solid var(--idu-listings-dash-border) !important;
    }
    .woocommerce-account .woocommerce-orders-table tbody tr > td:last-child {
        border-bottom: 1px solid var(--idu-listings-dash-border) !important;
    }
}


/* ========================================================================
   3. Listings tab - card it like the WC tabs (member shell leaves it uncarded)
   ======================================================================== */
.item-body-inner > .woocommerce-MyAccount-content {
	background: var(--bb-content-background-color, #fff);
	border: 1px solid var(--bb-content-border-color, #e7e9ec);
	border-radius: var(--idu-listings-radius-sm);
	padding: 30px;
}
.item-body-inner > .woocommerce-MyAccount-content .wc-MyAccount-sub-heading {
	margin: 0 0 22px;
}
.item-body-inner > .woocommerce-MyAccount-content .wc-MyAccount-sub-heading h2 {
	margin: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--bb-content-border-color, #e7e9ec);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}
.item-body-inner > .woocommerce-MyAccount-content .wc-MyAccount-inner-content {
	padding: 0;
}


/* ========================================================================
   4. Groups / Friends / Activity / Notifications tabs - shared card wrapper
      to match Listings/Orders, plus resetting the theme's pull-up offset so
      the loop count/sort bar stays within the card padding instead of
      overlapping it.
   ======================================================================== */
.buddypress .buddypress-wrap .bp-pagination {
	float: unset;
}
.bp-user.groups .item-body-inner,
.bp-user.friends .item-body-inner,
.bp-user.activity .item-body-inner,
.bp-user.notifications .item-body-inner {
	background: var(--bb-content-background-color, #fff);
	border: 1px solid var(--bb-content-border-color, #e7e9ec);
	border-radius: var(--idu-listings-radius-sm);
	padding: 40px;
}
/* The vertical sub-tab nav (My Communities / Invites, My Connections /
   Requests) sits at the top of the card - give it a divider + breathing room */
.bp-user.groups .item-body-inner > #subnav.bb-subnav-vert,
.bp-user.friends .item-body-inner > #subnav.bb-subnav-vert {
	margin-bottom: 18px;
	padding-bottom: 6px;
}
/* Reset the theme's pull-up offset so the loop count/sort bar stays within the card padding. */
.bp-user.groups .item-body-inner .bp-pagination.top,
.bp-user.friends .item-body-inner .bp-pagination.top,
.bp-user.activity .item-body-inner .bp-pagination.top,
.bp-user.notifications .item-body-inner .bp-pagination.top,
.bp-user.groups .item-body-inner .subnav-filters,
.bp-user.friends .item-body-inner .subnav-filters,
.bp-user.activity .item-body-inner .subnav-filters,
.bp-user.notifications .item-body-inner .subnav-filters,
.bp-user.groups .item-body-inner .bb-subnav-filters-container,
.bp-user.friends .item-body-inner .bb-subnav-filters-container,
.bp-user.activity .item-body-inner .bb-subnav-filters-container,
.bp-user.notifications .item-body-inner .bb-subnav-filters-container {
	position: static !important;
	transform: none !important;
	margin-top: 0 !important;
}
.bp-user.activity .item-body-inner .bb-subnav-filters-container:has(.subnav-filters-modal) {
    position: relative !important;
}
.bp-user.groups .item-body-inner .bp-pagination.top,
.bp-user.friends .item-body-inner .bp-pagination.top,
.bp-user.activity .item-body-inner .bp-pagination.top,
.bp-user.notifications .item-body-inner .bp-pagination.top {
	margin: 0 0 14px !important;
	padding: 0 !important;
}
.bp-user.groups .item-body-inner .pag-count,
.bp-user.friends .item-body-inner .pag-count,
.bp-user.activity .item-body-inner .pag-count,
.bp-user.notifications .item-body-inner .pag-count {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	position: static !important;
	top: auto !important;
}
.bp-user.groups .item-body-inner .pag-count .pag-data,
.bp-user.friends .item-body-inner .pag-count .pag-data,
.bp-user.activity .item-body-inner .pag-count .pag-data,
.bp-user.notifications .item-body-inner .pag-count .pag-data {
	margin: 0 !important;
}


@media (max-width: 600px) {
    .bp-user.groups .item-body-inner,
    .bp-user.friends .item-body-inner,
    .bp-user.activity .item-body-inner,
    .bp-user.notifications .item-body-inner {
        padding: 20px 16px;
    }
}

/* Buddypress generic button */
#buddypress .bp-list .action .generic-button button, 
#buddypress .bp-list .action .generic-button a {
    font-size: 13px;
    font-weight: 500;
    min-height: 32px;
    line-height: 32px;
    padding: 0 20px;
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular);
    margin: 5px 0;
    -webkit-font-smoothing: initial;
    -moz-font-smoothing: initial;
    box-shadow: none;
    transition: background-color 0.4s ease;
}
#buddypress .bp-list .action .generic-button button:hover,
#buddypress .bp-list .action .generic-button a:hover {
    background-color: var(--idu-listings-white);

}

/* ========================================================================
   5. Messages.
   ======================================================================== */
.bp-user.messages nav.bp-navs.bb-subnav-vert > ul.subnav {
	display: flex;
	align-items: center;
	gap: 8px;
}
.bp-user.messages nav.bp-navs.bb-subnav-vert .subnav > li > a {
	display: inline-flex;
	align-items: center;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--idu-listings-ink-2);
	text-decoration: none;
	transition: background-color 0.18s ease, color 0.18s ease;
}
.bp-user.messages nav.bp-navs.bb-subnav-vert .subnav > li.selected > a,
.bp-user.messages nav.bp-navs.bb-subnav-vert .subnav > li > a:hover {
	background: var(--idu-listings-cream);
	color: var(--idu-listings-ink);
}

.bp-user.messages nav.bp-navs .more-button,
.bp-user.messages nav.bp-navs .bb_more_dropdown_overlay {
	display: none !important;
}
.bp-user.messages nav.bp-navs .hideshow.menu-item-has-children {
	margin-left: auto;
}
.bp-user.messages nav.bp-navs .bb_more_dropdown {
	display: flex !important;
	position: static !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	align-items: center;
	gap: 6px;
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.bp-user.messages nav.bp-navs #compose-action-personal-li {
	order: 2;
}
.bp-user.messages nav.bp-navs #compose-personal-li {
	order: 1;
}

/* Drop "Actions" (text + its own "..." trigger) and "Notification
   preferences" - Archived is the only thing from that group worth keeping. */
.bp-user.messages nav.bp-navs #compose-action-personal-li > a#compose-action,
.bp-user.messages nav.bp-navs .bb_more_options_action,
.bp-user.messages nav.bp-navs .notification_preferences {
	display: none !important;
}
.bp-user.messages nav.bp-navs .bb_more_options_list.message_action__list {
	display: flex !important;
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* My messages */
.bp-user.messages nav.bp-navs .archived-messages > a,
.bp-user.messages nav.bp-navs #compose-personal-li > a#compose {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-sizing: border-box !important;
	background: var(--idu-listings-cream);
	color: var(--idu-listings-ink);
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	transition: background-color 0.18s ease;
}
.bp-user.messages nav.bp-navs .archived-messages > a:hover,
.bp-user.messages nav.bp-navs #compose-personal-li > a#compose:hover {
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	background: var(--idu-listings-gold-soft);
}
.bp-user.messages nav.bp-navs .archived-messages > a:before,
.bp-user.messages nav.bp-navs #compose-personal-li > a#compose:before {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	text-indent: 0;
	font-family: bb-icons;
	font-style: normal;
	font-size: 16px !important;
	line-height: 1 !important;
}
.bp-user.messages nav.bp-navs .archived-messages > a:before {
	content: "\ee70"; 
}
.bp-user.messages nav.bp-navs #compose-personal-li > a#compose:before {
	content: "\eeec"; 
}
.bp-user.messages .messages-wrapper nav.bp-navs #compose-personal-li > a#compose:hover:before {
    background: transparent;
    border-radius: 0;
    width: initial;
    height: initial;
    color: var(--idu-listings-gold);
}

ul#bp-message-thread-list .bp-message-content-wrap blockquote {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul#bp-message-thread-list .bp-message-content-wrap blockquote:before {
    margin-bottom: 0;
    flex: none;
}
ul#bp-message-thread-list .bp-message-content-wrap blockquote p {
    margin: 0;
}
.bp-user.buddypress .item-body .bp-messages-container #subnav ul li.bp-personal-sub-tab a, 
.bp-user.buddypress .item-body .bp-messages-container #subnav ul li.bp-personal-sub-tab.current a {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.bp-user.buddypress .item-body .bp-messages-container #subnav #compose-personal-li {
    margin-bottom: 0;
}


/* ========================================================================
   5. Woocommerce -> Addresses
   ======================================================================== */
.woocommerce .woocommerce-MyAccount-content .wc-MyAccount-inner-content .woocommerce-address-fields {
    width: 100% !important;
}
.woocommerce-account .woocommerce-Address a.edit:hover {
	text-decoration: underline;
}

/* Edit/Add Address form save cta. */
.woocommerce-account button[name="save_address"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	height: auto !important;
	padding: 14px 25px !important;
	border-radius: var(--idu-listings-radius-pill) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	background-color: var(--idu-listings-gold) !important;
	color: var(--idu-listings-primary-ink) !important;
	border: none !important;
	transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}
.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account button[name="save_address"]:focus {
	transform: translateY(-1px);
	background-color: var(--idu-listings-gold) !important;
	color: var(--idu-listings-primary-ink) !important;
	border-color: transparent !important;
}


/* ========================================================================
   6. Job dashboard
   ======================================================================== */
.jm-form input[type].jm-ui-input--search-icon:focus {
    border: 1px solid var(--idu-listings-gold);
    outline: none !important;
}
.jm-dashboard-action--primary.jm-ui-button--outline.idu-btn--outline {
    display: inline-flex;
    flex: none;
    white-space: nowrap;
    gap: 10px;
    padding: 6px 25px;
    border-radius: var(--idu-listings-radius-pill);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: var(--idu-listings-ink);
    border: 1px solid var(--idu-listings-line-2);
}
.jm-dashboard-action--primary.jm-ui-button--outline.idu-btn--outline:hover {
    background: var(--idu-listings-gold);
    border-color: var(--idu-listings-line-2);
    color: var(--idu-listings-ink);
}
.jm-dashboard__actions a.jm-ui-button.idu-btn--primary {
    display: inline-flex;
    flex: none;
    white-space: nowrap;
    gap: 10px;
    padding: 14px 25px;
    border-radius: var(--idu-listings-radius-pill);
    font-size: 15px;
    font-weight: 500;
    background: var(--idu-listings-gold);
    border: none;
}
.jm-dashboard__actions a.jm-ui-button.idu-btn--primary,
.jm-dashboard__actions a.jm-ui-button.idu-btn--primary * {
    color: var(--idu-listings-primary-ink);
}
.jm-dashboard__actions a.jm-ui-button.idu-btn--primary:hover,
.jm-dashboard__actions a.jm-ui-button.idu-btn--primary:hover * {
    background: var(--idu-listings-gold);
    color: var(--idu-listings-primary-ink);
}

/* ========================================================================
   6. Events listing
   ======================================================================== */
#tribe-events-pg-template, 
.tribe-events-pg-template {
    max-width: none !important;
}

.tribe-button.tribe-button-primary.add-new.idu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    white-space: nowrap !important;
    gap: 10px !important;
    padding: 9px 20px !important;
    border-radius: var(--idu-listings-radius-pill) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.52px;
    line-height: normal;
    text-transform: none !important;
    background: var(--idu-listings-gold) !important;
    color: var(--idu-listings-primary-ink) !important;
    border: none !important;

    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}
.tribe-button.tribe-button-primary.add-new.idu-btn:hover {
    transform: translateY(-1px);
    background: var(--idu-listings-gold) !important;
    color: var(--idu-listings-primary-ink) !important;
}

.tribe-button.idu-btn.tribe-button-secondary,
.tribe-button.idu-btn.tribe-button-tertiary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    white-space: nowrap !important;
    padding: 10px 20px !important;
    border-radius: var(--idu-listings-radius-pill) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}
.tribe-button.idu-btn.tribe-button-secondary {
    background: var(--idu-listings-gold) !important;
    color: var(--idu-listings-primary-ink) !important;
    border: 1px solid var(--idu-listings-gold) !important;
}
.tribe-button.idu-btn.tribe-button-tertiary {
    background: var(--idu-listings-white) !important;
    color: var(--idu-listings-ink) !important;
    border: 1px solid var(--idu-listings-line-2) !important;
}
.tribe-button.idu-btn.tribe-button-tertiary:hover {
    background: var(--idu-listings-gold) !important;
}
.tribe-community-events-content .tribe-nav .table-menu-wrapper .tribe-button-tertiary, 
.tribe-community-events-content .tribe-nav .table-menu-wrapper button.tribe-button-tertiary {
    color: var(--idu-listings-gold) !important;
    background-color: var(--idu-listings-gold-soft) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.52px;
    line-height: normal;
    padding-right: 40px;
    border: 1px solid var(--idu-listings-line-2) !important;
}
.tribe_community_list .tribe-button-activate:after {
    color: var(--idu-listings-gold) !important;
}
.tribe-community-events-content .tribe-nav .my-events-display-options a.tribe-button-tertiary {
    margin: 0 var(--tec-spacer-2) 0 0 !important;
}

.woocommerce-MyAccount-content:has(.tribe-community-events-content),
.tribe-community-events-content,
.tribe-responsive-table-container {
    min-width: 0;
}
.tribe-responsive-table-container {
    max-width: 100%;
    overflow-x: auto;
}

.woocommerce-MyAccount-content .tribe-community-events-list .title a {
    font-weight: 500;
}

@media (max-width: 800px) {
    .tribe-community-events-content .tribe-nav .my-events-display-options {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .single-wp_router_page .bb-grid.site-content-grid > div {
        padding-inline: 0 !important;
    }
    
    #tribe-events-pg-template, 
    .tribe-events-pg-template {
        padding-inline: 0 !important;
    }
}