/*
 * Shared hover, active, and disabled button colors for the default home layout.
 * Loaded only from Layout/home.ctp. Fabyle and Avanta are excluded.
 */
body.homepage:not(.fabyle-theme):not(.avanta-layout) {
	--home-btn-hover-bg: var(--primary-hover-color);
	--home-btn-hover-border: var(--primary-hover-color);
	--home-btn-hover-text: #fff;
	--home-btn-radius: 0.25rem;
}

/* One corner radius. Width is left alone so each button can size to its own label or layout. */
body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.btn-primary,
	.btn-secondary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger,
	.btn-dark,
	.btn-default,
	.btn.default,
	.btn.green,
	.btn.blue,
	.btn.red,
	.btn.yellow,
	.btn.purple,
	.btn-action,
	.btn-action-transparent,
	.btn-confirm,
	.btn-register,
	.btn-calendar,
	.btn-antique-default,
	.btn-antique-default-reverse,
	.btn-burgundy-text,
	.btn-invert,
	.btn-outline-primary,
	.btn-outline-secondary,
	.btn-outline-success,
	.btn-outline-danger,
	.btn-outline-info,
	.btn-outline-warning,
	.btn-outline-dark,
	.btn-cancel,
	.submit-btn,
	.search-btn,
	.add-to-offer,
	.explore,
	.about-us-a,
	.pay__button,
	button.form-control,
	button.cancel,
	button[type="submit"],
	input[type="submit"],
	input[type="button"],
	.small-about-us a
):not(.btn-link):not(.close):not(.dropdown-toggle):not(.glider-prev):not(.glider-next):not(.owl-prev):not(.owl-next),
body.homepage:not(.fabyle-theme):not(.avanta-layout) #lot-search button.cancel {
	border-radius: var(--home-btn-radius) !important;
}

/* Buttons joined to a field keep a square inner edge and the same outer radius. */
body.homepage:not(.fabyle-theme):not(.avanta-layout) .input-group > .input-group-append > :is(
	.btn.default,
	.btn,
	.btn-confirm,
	.submit-btn,
	.search-btn,
	button[type="submit"]
):not(.btn-link):not(.close):not(.dropdown-toggle):not(.glider-prev):not(.glider-next):not(.owl-prev):not(.owl-next),
body.homepage:not(.fabyle-theme):not(.avanta-layout) .app-search button,
body.homepage:not(.fabyle-theme):not(.avanta-layout) #lot-search button.search {
	border-radius: 0 var(--home-btn-radius) var(--home-btn-radius) 0 !important;
}

body.homepage:not(.fabyle-theme):not(.avanta-layout) .input-group > .input-group-prepend > :is(
	.btn.default,
	.btn,
	.btn-confirm,
	.submit-btn,
	.search-btn,
	button[type="submit"]
):not(.btn-link):not(.close):not(.dropdown-toggle):not(.glider-prev):not(.glider-next):not(.owl-prev):not(.owl-next) {
	border-radius: var(--home-btn-radius) 0 0 var(--home-btn-radius) !important;
}

body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.btn-primary,
	.btn-secondary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger,
	.btn-dark,
	.btn-default,
	.btn.default,
	.btn.green,
	.btn.blue,
	.btn.red,
	.btn.yellow,
	.btn.purple,
	.btn-action,
	.btn-action-transparent,
	.btn-confirm,
	.btn-register,
	.btn-calendar,
	.btn-antique-default,
	.btn-antique-default-reverse,
	.btn-burgundy-text,
	.btn-invert,
	.btn-outline-primary,
	.btn-outline-secondary,
	.btn-outline-success,
	.btn-outline-danger,
	.btn-outline-info,
	.btn-outline-warning,
	.btn-outline-dark,
	.btn-cancel,
	.submit-btn,
	.search-btn,
	.add-to-offer,
	.explore,
	.about-us-a,
	.pay__button,
	button.form-control,
	button.cancel,
	button[type="submit"],
	input[type="submit"],
	input[type="button"],
	.app-search button,
	#lot-search button.search,
	#lot-search button.cancel,
	.small-about-us a
):not(.btn-link):not(.close):not(.dropdown-toggle):not(.glider-prev):not(.glider-next):not(.owl-prev):not(.owl-next):is(:hover, :focus, :active, .active) {
	background: var(--home-btn-hover-bg) !important;
	background-color: var(--home-btn-hover-bg) !important;
	border-color: var(--home-btn-hover-border) !important;
	color: var(--home-btn-hover-text) !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.btn-primary,
	.btn-secondary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger,
	.btn-dark,
	.btn-default,
	.btn.default,
	.btn.green,
	.btn.blue,
	.btn.red,
	.btn.yellow,
	.btn.purple,
	.btn-action,
	.btn-action-transparent,
	.btn-confirm,
	.btn-register,
	.btn-calendar,
	.btn-antique-default,
	.btn-antique-default-reverse,
	.btn-burgundy-text,
	.btn-invert,
	.btn-outline-primary,
	.btn-outline-secondary,
	.btn-outline-success,
	.btn-outline-danger,
	.btn-outline-info,
	.btn-outline-warning,
	.btn-outline-dark,
	.btn-cancel,
	.submit-btn,
	.search-btn,
	.add-to-offer,
	.explore,
	.pay__button,
	button.form-control,
	button.cancel,
	button[type="submit"],
	input[type="submit"],
	input[type="button"]
):not(.btn-link):not(.close):not(.dropdown-toggle):is(:disabled, .disabled) {
	opacity: 1 !important;
	filter: none !important;
	cursor: not-allowed;
}

/* Disabled buttons use the same filled colors as the primary button, not grey or faded. */
body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.btn-primary,
	.btn-secondary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger,
	.btn-dark,
	.btn-default,
	.btn.default,
	.btn.green,
	.btn.blue,
	.btn.red,
	.btn.yellow,
	.btn.purple,
	.btn-action,
	.btn-action-transparent,
	.btn-confirm,
	.btn-register,
	.btn-calendar,
	.btn-antique-default,
	.btn-antique-default-reverse,
	.btn-burgundy-text,
	.btn-invert,
	.btn-outline-primary,
	.btn-outline-secondary,
	.btn-outline-success,
	.btn-outline-danger,
	.btn-outline-info,
	.btn-outline-warning,
	.btn-outline-dark,
	.btn-cancel,
	.submit-btn,
	.search-btn,
	.add-to-offer,
	.explore,
	.pay__button,
	button.form-control,
	button.cancel,
	button[type="submit"],
	input[type="submit"],
	input[type="button"]
):not(.btn-link):not(.close):not(.dropdown-toggle):is(:disabled, .disabled) {
	background: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
	background-image: none !important;
	border: 1px solid var(--primary-color) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 1 !important;
	appearance: none !important;
}

/* Hover and active on a disabled button use the same colors as an enabled button. */
body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.btn-primary,
	.btn-secondary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger,
	.btn-dark,
	.btn-default,
	.btn.default,
	.btn.green,
	.btn.blue,
	.btn.red,
	.btn.yellow,
	.btn.purple,
	.btn-action,
	.btn-action-transparent,
	.btn-confirm,
	.btn-register,
	.btn-calendar,
	.btn-antique-default,
	.btn-antique-default-reverse,
	.btn-burgundy-text,
	.btn-invert,
	.btn-outline-primary,
	.btn-outline-secondary,
	.btn-outline-success,
	.btn-outline-danger,
	.btn-outline-info,
	.btn-outline-warning,
	.btn-outline-dark,
	.btn-cancel,
	.submit-btn,
	.search-btn,
	.add-to-offer,
	.explore,
	.about-us-a,
	.pay__button,
	button.form-control,
	button.cancel,
	button[type="submit"],
	input[type="submit"],
	input[type="button"],
	.app-search button,
	#lot-search button.search,
	#lot-search button.cancel,
	.small-about-us a
):not(.btn-link):not(.close):not(.dropdown-toggle):not(.glider-prev):not(.glider-next):not(.owl-prev):not(.owl-next):is(:disabled, .disabled):is(:hover, :focus, :active) {
	background: var(--home-btn-hover-bg) !important;
	background-color: var(--home-btn-hover-bg) !important;
	border-color: var(--home-btn-hover-border) !important;
	color: var(--home-btn-hover-text) !important;
	opacity: 1 !important;
	box-shadow: none !important;
}

/* Bids "Raise Bidding Limit" and Buying "View Invoice" use one disabled color. */
body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.raise-credit-btn,
	.view-invoice-btn,
	.cancel-invoice-btn,
	.pay-btn,
	.sell-item-btn,
	.review-item-btn,
	.btn-view
):is(:disabled, .disabled) {
	background: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
	background-image: none !important;
	border: 1px solid var(--primary-color) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 1 !important;
	box-shadow: none !important;
	appearance: none !important;
}

body.homepage:not(.fabyle-theme):not(.avanta-layout) :is(
	.raise-credit-btn,
	.view-invoice-btn,
	.cancel-invoice-btn,
	.pay-btn,
	.sell-item-btn,
	.review-item-btn,
	.btn-view
):is(:disabled, .disabled):is(:hover, :focus, :active) {
	background: var(--home-btn-hover-bg) !important;
	background-color: var(--home-btn-hover-bg) !important;
	background-image: none !important;
	border: 1px solid var(--home-btn-hover-border) !important;
	color: var(--home-btn-hover-text) !important;
	-webkit-text-fill-color: var(--home-btn-hover-text) !important;
	opacity: 1 !important;
	box-shadow: none !important;
}