/* Irish Down Under - WooCommerce my-account: BuddyBoss-style header + menu icons. */

/* Menu icons: render every item's icon through our own <i> (same bb-icons the
   header profile dropdown uses) and suppress the theme's duplicate ::before
   glyphs, so there is exactly one icon per item with consistent styling. */
.woocommerce-MyAccount-navigation ul li a:before {
	content: none !important;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-menu li a {
	display: flex;
	align-items: center;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-menu li a i {
	font-size: 20px;
	margin-right: 15px;
	line-height: 1;
	flex: 0 0 auto;
	vertical-align: middle;
}

/* The cover header is rendered with the real BuddyBoss markup inside a
   #buddypress wrapper, so the theme's own cover/avatar CSS styles it. We only
   add spacing below it before the account content. */
#buddypress.idu-account-bp-header {
	margin-bottom: 30px;
}

/* Expandable parent groups (Listings / Jobs) in the my-account sidebar.
   Built with native <details>; the summary row matches the theme's menu links
   (padding: 9px 15px; font-size: 14px; headings colour, primary on hover). */
.idu-account-group details {
	display: block;
}

.idu-account-group summary.idu-group-summary {
	display: flex;
	align-items: center;
	padding: 9px 15px;
	font-size: 14px;
	color: var(--bb-headings-color);
	cursor: pointer;
	list-style: none;
}

.idu-account-group summary.idu-group-summary::-webkit-details-marker {
	display: none;
}

.idu-account-group summary.idu-group-summary::marker {
	content: "";
}

.idu-account-group summary.idu-group-summary:hover {
	color: var(--bb-primary-color);
	background-color: var(--bb-content-alternate-background-color);
}

.idu-account-group summary .idu-group-icon {
	font-size: 20px;
	margin-right: 15px;
	line-height: 1;
	flex: 0 0 auto;
}

.idu-account-group summary .idu-group-caret {
	margin-left: auto;
	font-size: 14px;
	transition: transform 0.2s ease;
}

.idu-account-group details[open] summary .idu-group-caret {
	transform: rotate(180deg);
}

.idu-account-group .idu-group-sub {
	margin: 0;
	padding: 0;
	list-style: none;
}

.idu-account-group .idu-group-sub li a {
	display: block;
	padding: 8px 15px 8px 50px;
	font-size: 14px;
	color: var(--bb-headings-color);
}

.idu-account-group .idu-group-sub li a:hover {
	color: var(--bb-primary-color);
	background-color: var(--bb-content-alternate-background-color);
}

/* ---------------------------------------------------------------------------
 * Same expandable Listings / Jobs groups injected into the BuddyBoss member
 * profile nav (#object-nav) via bp_member_options_nav. Styled to match the
 * native vertical nav items (rounded rows, alt-background on hover).
 * ------------------------------------------------------------------------- */

/* Hide ALL of BuddyBoss's native member-nav items; the custom .idu-bp-li rows
   below replace them so the member sidebar is an exact copy of my-account. */
#object-nav > ul > li:not(.idu-bp-li) {
	display: none;
}

#object-nav .idu-bp-li {
	list-style: none;
	margin: 0;
}

/* Plain-link rows (Timeline, Dashboard, Orders, Addresses, Account details,
   Log out) - same look as the group summary rows. The theme forces
   justify-content:space-between on every #object-nav link (to push a count
   badge right); override it so the icon + label sit together on the left. */
#object-nav .idu-bp-item > a {
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
	gap: 12px;
	padding: 10px 15px;
	border-radius: 6px;
	color: var(--bb-body-text-color);
}

#object-nav .idu-bp-item > a:hover {
	background-color: var(--bb-content-alternate-background-color);
	color: var(--bb-headings-color);
}

/* Active row - blue background matching the theme's native selected state. */
#object-nav .idu-bp-li.idu-active > a,
#object-nav .idu-bp-li.idu-active > details > summary.idu-bp-group-summary {
	background-color: var(--bb-primary-color) !important;
	color: var(--bb-body-background-color) !important;
}

#object-nav .idu-bp-li.idu-active > a .idu-bp-item-icon,
#object-nav .idu-bp-li.idu-active > details > summary .idu-bp-group-icon,
#object-nav .idu-bp-li.idu-active > details > summary .idu-bp-group-caret,
#object-nav .idu-bp-li.idu-active > details > summary .bb-single-nav-item-point {
	color: var(--bb-body-background-color) !important;
}

#object-nav .idu-bp-item .idu-bp-item-icon {
	font-size: 20px;
	line-height: 1;
	flex: 0 0 auto;
}

#object-nav .idu-bp-group {
	list-style: none;
}

#object-nav .idu-bp-group details {
	display: block;
}

#object-nav .idu-bp-group summary.idu-bp-group-summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 15px;
	border-radius: 6px;
	cursor: pointer;
	color: var(--bb-body-text-color);
	list-style: none;
}

#object-nav .idu-bp-group summary.idu-bp-group-summary::-webkit-details-marker {
	display: none;
}

#object-nav .idu-bp-group summary.idu-bp-group-summary::marker {
	content: "";
}

#object-nav .idu-bp-group summary.idu-bp-group-summary:hover {
	background-color: var(--bb-content-alternate-background-color);
	color: var(--bb-headings-color);
}

#object-nav .idu-bp-group .idu-bp-group-icon {
	font-size: 20px;
	line-height: 1;
	flex: 0 0 auto;
}

#object-nav .idu-bp-group .bb-single-nav-item-point {
	flex: 1 1 auto;
}

#object-nav .idu-bp-group .idu-bp-group-caret {
	margin-left: auto;
	font-size: 13px;
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

#object-nav .idu-bp-group details[open] summary .idu-bp-group-caret {
	transform: rotate(180deg);
}

#object-nav .idu-bp-group .idu-bp-group-sub {
	list-style: none;
	margin: 2px 0 2px;
	padding: 0;
}

#object-nav .idu-bp-group .idu-bp-group-sub li {
	margin: 0;
}

#object-nav .idu-bp-group .idu-bp-group-sub,
#object-nav .idu-bp-group .idu-bp-group-sub li {
	background: transparent !important;
}

#object-nav .idu-bp-group .idu-bp-group-sub li a {
	display: block;
	padding: 8px 15px 8px 47px;
	border-radius: 6px;
	color: var(--bb-body-text-color);
	background-color: transparent !important;
}

#object-nav .idu-bp-group .idu-bp-group-sub li a:hover {
	background-color: var(--bb-content-alternate-background-color) !important;
	color: var(--bb-headings-color) !important;
}

/* ---------------------------------------------------------------------------
 * Standalone Submit-a-Listing page wrapped in the my-account shell: hide the
 * theme page title bar so the cover header sits at the very top, matching the
 * my-account pages (where the "My account" title is hidden by the theme).
 * ------------------------------------------------------------------------- */
.idu-listings-account-shell .entry-header {
	display: none;
}
/* Active state inside an expandable group: the current page within Listings /
 * Jobs (e.g. "Submit a Listing") gets the same blue selected look as the flat
 * menu items, and the parent label is tinted so the section still reads when
 * glancing at the menu. */
.idu-account-group .idu-group-sub li.idu-group-sub-active > a,
.idu-account-group .idu-group-sub li.idu-group-sub-active > a:hover {
	background-color: var(--bb-primary-color);
	color: var(--bb-body-background-color);
	border-radius: 6px;
}
.idu-account-group.idu-group-active > details > summary .idu-group-icon,
.idu-account-group.idu-group-active > details > summary span {
	color: var(--bb-primary-color);
}
/* ---------------------------------------------------------------------------
 * Profile management screens (edit / change avatar / change cover image) now
 * render the full member sidebar via the child theme's members/single/home.php
 * override. The in-content profile subnav (View / Edit / Profile Photo / Cover
 * Photo) duplicates the sidebar's Profile group, so hide it and let the form use
 * the full content width.
 * ------------------------------------------------------------------------- */
.profile-edit #subnav.user-subnav,
.change-avatar #subnav.user-subnav,
.change-cover-image #subnav.user-subnav,
.settings #subnav.user-subnav,
.notifications #subnav.user-subnav {
	display: none;
}
/* ---------------------------------------------------------------------------
 * Messages COMPOSE screen: it now renders the full account sidebar (via the
 * child home.php override, compose-only). The messages UI is a two-pane layout
 * (thread-list pane + content pane); while composing a new message the thread
 * list just shows "No Messages", so hide that pane and let the compose form use
 * the full content-column width. Inbox / sent / individual threads are left
 * full-width with both panes intact.
 * ------------------------------------------------------------------------- */
.messages.compose .bp-messages-container .bp-messages-nav-panel {
	display: none;
}
.messages.compose .bp-messages-container .bp-messages-content {
	width: 100%;
	flex: 1 1 100%;
}
/* ---------------------------------------------------------------------------
 * Account shell on non-member pages (e.g. the group-create flow): a two-column
 * grid placing the standalone account sidebar beside the page content. The
 * sidebar rows reuse the #object-nav .idu-bp-* styling above.
 * ------------------------------------------------------------------------- */
.idu-account-shell-grid {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.idu-account-shell-grid .idu-account-shell-nav {
	flex: 0 0 230px;
	max-width: 230px;
}
.idu-account-shell-grid .idu-account-shell-main {
	flex: 1 1 auto;
	min-width: 0;
}
@media (max-width: 800px) {
	.idu-account-shell-grid { display: block; }
	.idu-account-shell-grid .idu-account-shell-nav { max-width: none; margin-bottom: 24px; }
}
/* Group-create: BuddyBoss wraps the create form in a narrow centred white card
 * (#buddypress, max-width 960px, heavy padding). Neutralise that so the account
 * shell can lay the sidebar outside the card (like member pages) and give the
 * content column its own card instead. */
.group-create #buddypress.buddypress-wrap {
	max-width: 1180px;
	margin: 0 auto;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.group-create .idu-account-shell-grid {
	max-width: 1180px;
	margin: 0 auto;
}
.group-create .idu-account-shell-main {
	background: var(--bb-content-background-color, #fff);
	border-radius: 10px;
	padding: 40px;
}
/* Group-create: the step tabs band uses -100px side margins (sized for the old
 * 100px card padding). Match it to our 40px content-card padding so the band
 * spans the card edge-to-edge instead of overflowing. Also space the standalone
 * cover hero (it has no #buddypress wrapper here). */
.group-create #group-create-tabs {
	margin-left: -40px !important;
	margin-right: -40px !important;
}
.idu-account-bp-header.idu-standalone-cover {
	max-width: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 0 30px !important;
}
/* ---------------------------------------------------------------------------
 * Verified member badge (blue tick beside the name). Shown in the BuddyBoss
 * member profile header (sibling after the name, via bp_before_member_header_meta)
 * and in our own cover-header markup (inside .member-title-wrap).
 * ------------------------------------------------------------------------- */
.idu-verified-badge {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	line-height: 0;
	flex: 0 0 auto;
}
.idu-verified-badge .idu-verified-ico { display: block; }
.member-title-wrap .idu-verified-badge { margin-left: 6px; }
.bb-user-content-wrap:has(> .idu-member-badges) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 8px;
}
.bb-user-content-wrap:has(> .idu-member-badges) > .header-meta-wrap,
.bb-user-content-wrap:has(> .idu-member-badges) > .item-meta {
	flex-basis: 100%;
}
/* Badge cluster (verified tick + nationality flag) beside the member name. */
.idu-member-badges {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.idu-nationality-flag {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	flex: 0 0 auto;
}
.idu-nationality-flag svg {
	display: block;
	width: 20px;
	height: 15px;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.12 );
}
.member-title-wrap .idu-nationality-flag { margin-left: 6px; }
/* ---------------------------------------------------------------------------
 * Business card on the member profile view (replaces the raw "Business"
 * xprofile field rows, which are hidden).
 * ------------------------------------------------------------------------- */
.bp-widget.business { display: none; }
.idu-biz-profile-widget { margin-bottom: 30px; }
.idu-biz-profile { border: 1px solid var(--bb-content-border-color, #e7e9ec); border-radius: 14px; padding: 24px; background: var(--bb-content-background-color, #fff); }
.idu-biz-profile-head { display: flex; gap: 16px; align-items: center; margin-bottom: 16px; }
.idu-biz-profile-logo { width: 72px; height: 72px; border-radius: 14px; flex: 0 0 auto; background: var(--bb-content-alternate-background-color, #f5f6f7); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.idu-biz-profile-logo img { width: 100%; height: 100%; object-fit: contain; }
.idu-biz-profile-logo span { font-weight: 700; font-size: 26px; color: var(--bb-primary-color, #385dff); }
.idu-biz-profile-name { margin: 0 0 3px; font-size: 22px; color: var(--bb-headings-color, #122b46); }
.idu-biz-profile-sub { color: var(--bb-alternate-text-color, #787f86); font-size: 14px; }
.idu-biz-profile-desc { margin: 0 0 18px; color: var(--bb-body-text-color, #4b5563); line-height: 1.6; }
.idu-biz-profile-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.idu-biz-profile-contact { list-style: none; margin: 0; padding: 0; }
.idu-biz-profile-contact li { display: flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--bb-body-text-color, #4b5563); }
.idu-biz-profile-contact svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--bb-alternate-text-color, #787f86); }
.idu-biz-profile-contact a { color: var(--bb-headings-color, #122b46); text-decoration: none; word-break: break-word; }
.idu-biz-profile-contact a:hover { color: var(--bb-primary-color, #385dff); }
.idu-biz-profile-hours h4 { margin: 0 0 10px; font-size: 15px; display: flex; align-items: center; gap: 8px; color: var(--bb-headings-color, #122b46); }
.idu-biz-profile-hours h4 svg { width: 16px; height: 16px; }
.idu-biz-hours-list { list-style: none; margin: 0; padding: 0; }
.idu-biz-hours-list li { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0; font-size: 14px; }
.idu-biz-hours-list .idu-biz-hours-d { color: var(--bb-alternate-text-color, #787f86); }
.idu-biz-hours-list .idu-biz-hours-t { color: var(--bb-headings-color, #122b46); }
@media ( max-width: 600px ) { .idu-biz-profile-cols { grid-template-columns: 1fr; } }
.idu-biz-profile-edit { margin-left: auto; align-self: flex-start; flex: 0 0 auto; }