/* Donau Automobile — shared primary button system. */

.da-button,
.wp-element-button,
input[type="submit"],
.elementor-widget-button .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 22px;
	border: 1px solid transparent;
	border-radius: var(--da-radius-button, 999px);
	font-family: var(--da-font-body, "Inter", Arial, sans-serif);
	font-size: var(--da-font-size-button, 14px);
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.da-button--primary,
input[type="submit"],
.elementor-widget-button .elementor-button {
	background: var(--da-color-accent, #d71f2b);
	border-color: var(--da-color-accent, #d71f2b);
	color: #fff;
}

.da-button--primary:hover,
input[type="submit"]:hover,
.elementor-widget-button .elementor-button:hover {
	filter: brightness(.92);
	color: #fff;
}

.da-button:focus-visible,
.wp-element-button:focus-visible,
input[type="submit"]:focus-visible,
.elementor-widget-button .elementor-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.da-button--accent {
	background: var(--da-color-accent, #d71f2b);
	border-color: var(--da-color-accent, #d71f2b);
	color: #fff;
}

.da-button--accent:hover {
	filter: brightness(.92);
	color: #fff;
}

.da-button--light {
	background: #fff;
	border-color: #fff;
	color: #17191d;
}

.da-button--light:hover {
	background: #f1f2f3;
	border-color: #f1f2f3;
	color: #17191d;
}

.da-button--outline-light {
	background: transparent;
	border-color: rgba(255, 255, 255, .55);
	color: #fff;
}

.da-button--outline-light:hover {
	background: #fff;
	border-color: #fff;
	color: #17191d;
}

.da-button--dark {
	background: #17191d;
	border-color: #17191d;
	color: #fff;
}

.da-button--dark:hover {
	background: #2a2d31;
	border-color: #2a2d31;
	color: #fff;
}

.da-button--outline-dark {
	background: transparent;
	border-color: #17191d;
	color: #17191d;
}

.da-button--outline-dark:hover {
	background: #17191d;
	color: #fff;
}
