/**
 * Global button system — square, narrow, grey.
 * Loads last so it wins over theme / BP / Woo / plugin pills and red accents.
 */

:root {
	--itm-accent: #52525b !important;
	--itm-accent-rgb: 82, 82, 91 !important;
	--itm-btn-bg: #52525b;
	--itm-btn-bg-hover: #3f3f46;
	--itm-btn-text: #ffffff;
	--itm-btn-border: #52525b;
	--itm-btn-radius: 4px;
	--itm-btn-pad-y: 7px;
	--itm-btn-pad-x: 12px;
	--itm-btn-font-size: 0.8125rem;
	--itm-btn-outline-bg: #ffffff;
	--itm-btn-outline-text: #3f3f46;
	--itm-btn-outline-border: #a1a1aa;
	--itm-btn-outline-hover-bg: #f4f4f5;
	--ufst-accent: #52525b;
}

body.itm-dark-mode {
	--itm-btn-bg: #71717a;
	--itm-btn-bg-hover: #a1a1aa;
	--itm-btn-border: #71717a;
	--itm-btn-outline-bg: #242526;
	--itm-btn-outline-text: #e4e6eb;
	--itm-btn-outline-border: #52525b;
	--itm-btn-outline-hover-bg: #3f3f46;
}

/* ---- Primary action controls ---- */
.btn,
.btn-primary,
.btn-outline,
.btn-sm,
.button,
a.button,
button.button,
input.button,
input[type="submit"],
input[type="button"],
button[type="submit"],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce #place_order,
#itm-community .generic-button a,
#itm-community a.button,
#itm-community input[type="submit"],
#itm-community button[type="submit"],
#itm-community .action .friendship-button a,
#itm-community .action .group-button a,
#itm-community ul.button-nav li a,
#itm-community #whats-new-submit input[type="submit"],
#itm-community .ac-reply-content input[type="submit"],
body.itm-com-user #item-body input[type="submit"],
body.itm-com-user #item-body .generic-button a,
body.itm-com-user #item-body a.button,
body.itm-com-user #itm-community a.button,
body.itm-com-group #itm-community a.button,
body.itm-com-user #itm-community .generic-button a,
body.itm-com-group #itm-community .generic-button a,
body.itm-com-user #itm-community input[type="submit"],
body.itm-com-group #itm-community input[type="submit"],
.itm-composer-submit,
.itm-wall-composer button[type="submit"],
.itm-action-btn,
.itm-sidebar .search-submit,
.itm-sidebar input[type="submit"],
.itm-cookie-btn,
.itm-mini-cart-shop-btn,
.itm-mc__btn,
.itm-event-btn,
.itm-events a.button,
.itm-events button.button,
.itm-review-form button,
.itm-review-form input[type="submit"],
.ufst-btn,
.ufst a.button,
.ufst button.button,
.itm-com-wc-store .button,
.itm-com-wc-store a.button,
.itm-com-wc-store button.button,
.itm-com-wc-store input.button,
.itm-com-wc-store #place_order,
.itm-com-wc-account .button,
.itm-com-wc-account a.button,
.itm-com-wc-account button.button,
.itm-com-wc-account input.button,
body.itm-community .widget_bp_core_login_widget input[type="submit"], body.community .widget_bp_core_login_widget input[type="submit"],
body.itm-community .wp-block-bp-login-form input[type="submit"], body.community .wp-block-bp-login-form input[type="submit"],
body.itm-community .wp-block-bp-login-form .wp-element-button, body.community .wp-block-bp-login-form .wp-element-button{
	border-radius: var(--itm-btn-radius) !important;
	padding: var(--itm-btn-pad-y) var(--itm-btn-pad-x) !important;
	font-size: var(--itm-btn-font-size) !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	background: var(--itm-btn-bg) !important;
	border: 1px solid var(--itm-btn-border) !important;
	color: var(--itm-btn-text) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	transform: none !important;
}

.btn:hover,
.btn-primary:hover,
.button:hover,
a.button:hover,
button.button:hover,
input.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
#itm-community .generic-button a:hover,
#itm-community a.button:hover,
#itm-community input[type="submit"]:hover,
#itm-community #whats-new-submit input[type="submit"]:hover,
body.itm-com-user #item-body input[type="submit"]:hover,
body.itm-com-user #item-body a.button:hover,
.itm-cookie-btn:hover,
.itm-mc__btn:hover,
.itm-com-wc-store .button:hover,
.itm-com-wc-store a.button:hover,
.itm-com-wc-account .button:hover,
.itm-com-wc-account a.button:hover {
	background: var(--itm-btn-bg-hover) !important;
	border-color: var(--itm-btn-bg-hover) !important;
	color: var(--itm-btn-text) !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
}

/* Outline / secondary */
.btn-outline,
.itm-mc__btn--ghost,
.itm-cookie-btn.btn-outline,
a.button.secondary,
.button.secondary {
	background: var(--itm-btn-outline-bg) !important;
	border: 1px solid var(--itm-btn-outline-border) !important;
	color: var(--itm-btn-outline-text) !important;
}

.btn-outline:hover,
.itm-mc__btn--ghost:hover,
.itm-cookie-btn.btn-outline:hover {
	background: var(--itm-btn-outline-hover-bg) !important;
	border-color: var(--itm-btn-bg) !important;
	color: var(--itm-btn-outline-text) !important;
}

.btn-sm,
.itm-cookie-btn.btn-sm {
	padding: 5px 10px !important;
	font-size: 0.75rem !important;
}

/* ---- Pill-shaped nav / filter chips → square ---- */
#itm-community .item-list-tabs li a,
#itm-community .item-list-tabs li span,
#itm-community #subnav.item-list-tabs li a,
body.itm-com-activity-dir #itm-community .activity-type-tabs li a,
body.itm-com-user #item-body #subnav.item-list-tabs li a,
body.itm-com-user #item-body #subnav.itm-profile-subnav li a,
.itm-topic-header-tag,
.itm-podcast-badge,
.itm-composer-btn,
.itm-pinned-badge,
.itm-member-type-pill,
.itm-badge-chip,
.itm-event-chip,
.itm-events-filter a,
.itm-events-filter button,
.ufst-chip,
.ufst-filter a,
.itm-review-chip {
	border-radius: var(--itm-btn-radius) !important;
}

#itm-community #subnav.item-list-tabs li.selected a,
#itm-community #subnav.item-list-tabs li.current a,
body.itm-com-activity-dir #itm-community .activity-type-tabs li.selected a,
body.itm-com-activity-dir #itm-community .activity-type-tabs li.current a,
body.itm-com-user #item-body #subnav.item-list-tabs li.selected a,
body.itm-com-user #item-body #subnav.item-list-tabs li.current a,
body.itm-com-user #item-body #subnav.itm-profile-subnav li.selected a,
body.itm-com-user #item-body #subnav.itm-profile-subnav li.current a,
body.itm-com-members-dir #itm-community #subnav.item-list-tabs li.selected a,
body.itm-com-groups-dir #itm-community #subnav.item-list-tabs li.selected a {
	background: var(--itm-btn-bg) !important;
	border-color: var(--itm-btn-border) !important;
	color: #fff !important;
}

/* Profile / group primary tabs keep underline style — not filled buttons */
body.itm-com-user #itm-community #item-nav .item-list-tabs li.selected a,
body.itm-com-user #itm-community #item-nav .item-list-tabs li.current a,
body.itm-com-user #itm-community #object-nav.item-list-tabs li.selected a,
body.itm-com-user #itm-community #object-nav.item-list-tabs li.current a,
body.itm-com-group #itm-community #item-nav .item-list-tabs li.selected a,
body.itm-com-group #itm-community #item-nav .item-list-tabs li.current a {
	background: transparent !important;
	border-color: transparent !important;
	border-bottom-color: #52525b !important;
	color: #24262b !important;
	-webkit-text-fill-color: #24262b !important;
}

/* Pagination current + load-more */
#itm-community .pagination-links span.current,
#itm-community .activity-list li.load-more a,
#itm-community .activity-list li.load-newest a,
body.itm-com-user .activity-list li.load-more a,
body.itm-com-user .activity-list li.load-newest a {
	border-radius: var(--itm-btn-radius) !important;
}

#itm-community .pagination-links span.current {
	background: var(--itm-btn-bg) !important;
	border-color: var(--itm-btn-border) !important;
	color: #fff !important;
}

/*
 * ITM Community filled controls — force light text on grey.
 * Higher specificity so profile/activity color rules cannot leave dark-on-dark.
 */
body.itm-com-user #itm-community a.button,
body.itm-com-group #itm-community a.button,
body.itm-com-user #itm-community .generic-button a,
body.itm-com-group #itm-community .generic-button a,
body.itm-com-user #itm-community input[type="submit"],
body.itm-com-group #itm-community input[type="submit"],
body.itm-com-user #itm-community button[type="submit"],
body.itm-com-group #itm-community button[type="submit"],
body.itm-com-user #itm-community #whats-new-submit input[type="submit"],
body.itm-com-user #itm-community .ac-reply-content input[type="submit"],
body.itm-com-user #item-body a.button,
body.itm-com-user #item-body .generic-button a,
body.itm-com-user #item-body input[type="submit"],
body.itm-com-user #itm-community #item-buttons a.button,
body.itm-com-group #itm-community #item-buttons a.button,
body.itm-com-user #itm-community .action a,
body.itm-com-group #itm-community .action a,
body.itm-community #itm-community a.button, body.community #itm-community a.button,
body.itm-community #itm-community .generic-button a, body.community #itm-community .generic-button a,
body.itm-community #itm-community input[type="submit"], body.community #itm-community input[type="submit"],
body.itm-com-members-dir #itm-community #subnav.item-list-tabs li.selected a,
body.itm-com-groups-dir #itm-community #subnav.item-list-tabs li.selected a,
body.itm-com-user #itm-community #subnav.item-list-tabs li.selected a,
body.itm-com-user #itm-community #subnav.item-list-tabs li.current a,
body.itm-com-group #itm-community #subnav.item-list-tabs li.selected a,
body.itm-com-group #itm-community #subnav.item-list-tabs li.current a,
body.itm-com-activity-dir #itm-community .activity-type-tabs li.selected a,
#itm-community #subnav.item-list-tabs li.selected a,
#itm-community #subnav.item-list-tabs li.current a {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body.itm-com-user #itm-community a.button:hover,
body.itm-com-group #itm-community a.button:hover,
body.itm-com-user #itm-community .generic-button a:hover,
body.itm-com-group #itm-community .generic-button a:hover,
body.itm-com-user #itm-community input[type="submit"]:hover,
body.itm-com-group #itm-community input[type="submit"]:hover,
body.itm-com-user #item-body a.button:hover,
body.itm-com-user #item-body input[type="submit"]:hover,
body.itm-community #itm-community a.button:hover, body.community #itm-community a.button:hover,
body.itm-community #itm-community input[type="submit"]:hover, body.community #itm-community input[type="submit"]:hover{
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Keep activity Comment / Favorite as light ghost controls (not filled grey) */
body.itm-com-user #itm-community .activity-meta a,
body.itm-com-user #itm-community .activity-meta a.button,
body.itm-com-user #itm-community .itm-activity-card__actions a,
body.itm-com-group #itm-community .activity-meta a,
body.itm-com-group #itm-community .activity-meta a.button,
body.itm-com-group #itm-community .itm-activity-card__actions a,
body.itm-com-activity-dir #itm-community .activity-meta a,
body.itm-com-activity-dir #itm-community .activity-meta a.button {
	background: transparent !important;
	border: 0 !important;
	color: var(--itm-text-muted, #65676b) !important;
	-webkit-text-fill-color: var(--itm-text-muted, #65676b) !important;
	box-shadow: none !important;
}

body.itm-com-user #itm-community .activity-meta a span,
body.itm-com-user #itm-community .itm-activity-card__actions a span,
body.itm-com-group #itm-community .activity-meta a span,
body.itm-com-group #itm-community .itm-activity-card__actions a span,
body.itm-com-activity-dir #itm-community .activity-meta a span {
	background: var(--itm-accent, #52525b) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body.itm-com-user #itm-community .activity-meta a:hover,
body.itm-com-user #itm-community .itm-activity-card__actions a:hover,
body.itm-com-group #itm-community .activity-meta a:hover,
body.itm-com-group #itm-community .itm-activity-card__actions a:hover,
body.itm-com-activity-dir #itm-community .activity-meta a:hover {
	background: rgba(82, 82, 91, 0.08) !important;
	color: var(--itm-heading, #111) !important;
	-webkit-text-fill-color: var(--itm-heading, #111) !important;
}

body.itm-com-user #itm-community .activity-meta a:hover span,
body.itm-com-user #itm-community .itm-activity-card__actions a:hover span,
body.itm-com-group #itm-community .activity-meta a:hover span,
body.itm-com-group #itm-community .itm-activity-card__actions a:hover span,
body.itm-com-activity-dir #itm-community .activity-meta a:hover span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Avatar action menu stays on light surface — dark text is correct */
body.itm-com-user #itm-community .itm-profile-hero__avatar-actions-menu a,
body.itm-com-user #itm-community .itm-profile-hero__avatar-actions-menu a.button,
body.itm-com-user .itm-profile-hero__avatar-actions-menu.is-portal-open a.button {
	background: transparent !important;
	color: var(--itm-heading, #111) !important;
	-webkit-text-fill-color: var(--itm-heading, #111) !important;
	border: 0 !important;
}