/* ---------- button arrow  ---------- */
.idu-arrow::after {
	content: "\27F6";
	font-size: 0.9em;
	line-height: 1;
}

/* ---------- buttons ---------- */
.idu-btn {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 25px;
	border-radius: var(--idu-listings-radius-pill);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	/* border: 1.5px solid transparent; */
	cursor: pointer;
	transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.idu-btn:hover {
	transform: translateY(-1px);
}
.idu-btn--primary {
	background: var(--idu-listings-gold);
	color: var(--idu-listings-primary-ink);
}
.idu-btn--primary:hover {
	/* background: var(--idu-listings-gold-2); */
	color: var(--idu-listings-primary-ink);
	/* box-shadow: 0 10px 24px rgba(236, 160, 2, 0.35); */
}
.idu-btn--outline {
    background: transparent;
	color: var(--idu-listings-ink);
	border: 1px solid var(--idu-listings-line-2);
    transition: background-color 0.18s ease, border-color 0.18s ease;
}
.idu-btn--outline:hover {
    background: var(--idu-listings-accent);
    border: 1px solid var(--idu-listings-line-2);
}
@media (max-width: 370px) {
    .idu-btn::after, 
    .idu-btn.idu-arrow::after,
    .idu-btn .idu-arrow::after {
        display: none !important;
    }
    .idu-btn,
    .idu-btn.idu-arrow,
    .idu-btn .idu-arrow {
        text-align: center !important;
        justify-content: center !important;
    }
}

/* ---------- verified badge / nationality flag ---------- */
.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;
}
.idu-nationality-flag {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	flex: 0 0 auto;
}
.idu-nationality-flag svg {
	display: block;
	width: 18px;
	height: 13.5px;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.12 );
}


.idu-card {
	background: var(--idu-listings-white);
    border: 1px solid var(--idu-listings-line);
    border-radius: var(--idu-listings-radius);
    box-shadow: var(--idu-listings-shadow-sm);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.idu-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--idu-listings-shadow-sm);
}

/* ---------- field description tooltip (hover icon next to a label) ---------- */
.desc-tip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 6px;
	color: var(--idu-listings-muted);
	cursor: help;
	vertical-align: middle;
}
.desc-tip .idu-icon {
	width: 15px;
	height: 15px;
}
.desc-tip::after {
	content: attr(data-tip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 240px;
	padding: 8px 10px;
	border-radius: 6px;
	background: var(--idu-listings-ink);
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	white-space: normal;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease;
	z-index: 5;
}
.desc-tip:hover::after,
.desc-tip:focus-visible::after {
	opacity: 1;
}


/* Hover effect on links - override bb template v2 color */
/* Link */
.bb-template-v2 #bbpress-forums .bs-dropdown .bbp-admin-links a, 
.bb-template-v2 #bbpress-forums .bs-dropdown .generic-button a, 
.bb-template-v2 #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a, 
.bb-template-v2 #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a, 
.bb-template-v2 #buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a, 
.bb-template-v2 #buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a, 
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a, 
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a, 
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-filtering .subnav-filters-modal li a, 
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a, 
.bb-template-v2 .bb_more_options .bb_more_options_list a {
    transition: color 0.2s ease;
}

.bb-template-v2 #bbpress-forums .bs-dropdown .bbp-admin-links a:hover, 
.bb-template-v2 #bbpress-forums .bs-dropdown .generic-button a:hover, 
.bb-template-v2 #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a:hover, 
.bb-template-v2 #buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover, 
.bb-template-v2 #buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a:hover, 
.bb-template-v2 #buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover, 
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .bbp-admin-links a:hover, 
.bb-template-v2 .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover, 
.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-filtering .subnav-filters-modal li a:hover, 
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover,
.bb-template-v2 .bb_more_options .bb_more_options_list.bb_more_dropdown a:hover, 
.bb-template-v2 #buddypress .bb_more_options .bb_more_options_list.bb_more_dropdown a:hover {
    color: var(--idu-listings-gold) !important;
}

/* Icon */
#buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a::before, 
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a::before, 
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a::before, 
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a::before, 
.bb-template-v2 .bb_more_options .bb_more_options_list a::before {
    transition: color 0.2s ease;
}
#buddypress .activity-comments .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before, 
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before, 
.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover::before, 
.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover::before, 
.bb-template-v2 .bb_more_options .bb_more_options_list a:hover::before {
    color: var(--idu-listings-gold) !important;
}

/* Send button (send msg/comment) */
#message-new-submit, 
#message-reply-new-submit, 
form.ac-form .ac-reply-content .ac-submit-wrap {
    transition: background-color 0.3s ease, border-color 0.18s ease;
}
#message-new-submit:hover, 
#message-reply-new-submit:hover, 
form.ac-form .ac-reply-content .ac-submit-wrap:hover {
    background-color: var(--idu-listings-white);
    border: 1px solid var(--idu-listings-line-2);
}
form.ac-form .ac-reply-content .ac-submit-wrap:before {
    color: var(--idu-listings-ink);
}