/* Global button system and Flatsome color-variant overrides. */
[data-text-bg=secondary],
.bg-secondary-color {
	background-color: var(--secondary-color);
}

.button:not(.icon),
button:not(.icon),
input[type=submit],
input[type=reset],
input[type=button] {
	border: none;
}

.button:not(.icon),
button:not(.icon) {
	padding: 5px 40px;
}

.huse-til-salg .button {
	padding: 5px 20px;
}

.button:not(.icon),
.dark .button:not(.icon) {
	color: #000000;
	font-weight: 400;
}

.dark .button.is-form:hover,
.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dark a.button:hover {
	color: #000000;
}

input[type=submit],
input[type=submit].button,
input[type=submit],
.primary {
	background-color: #061E3F;
}

.button.secondary:not(.is-outline),
.checkout-button:not(.is-outline),
.button.checkout:not(.is-outline),
.button.alt:not(.is-outline) {
	background-color: var(--secondary-color) !important;
	border-color: var(--secondary-color);
}

.secondary.is-underline,
.secondary.is-link,
[data-text-color=secondary],
.secondary-color {
	color: var(--base-color) !important;
}

.button.secondary.is-outline,
.checkout-button.is-outline,
.button.checkout.is-outline,
.button.alt.is-outline {
	color: var(--base-color);
	border-color: var(--secondary-color);
    border-width: 2px;
    border-style: solid;
}

.button.secondary.is-outline:hover,
.checkout-button.is-outline:hover,
.button.checkout.is-outline:hover,
.button.alt.is-outline:hover {
	color: var(--base-color);
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
    border-width: 2px;
    border-style: solid;
}

/* White filled */
.button.white,
a.button.white {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 44px;
	line-height: 1.6;
    background-color: var(--adt-btn-white-bg) !important;
    color: var(--adt-btn-white-text) !important;
    border-color: var(--adt-btn-white-border) !important;
    border-width: 2px;
    border-style: solid;
}

/* White outline */
.button.white.is-outline,
a.button.white.is-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 44px;
	line-height: 1.6;
    background-color: transparent !important;
    color: var(--adt-btn-white-bg) !important;
    border-color: var(--adt-btn-white-border) !important;
	border-width: 2px;
	border-style: solid;
}

.button.white > span,
a.button.white > span,
.button.white.is-outline > span,
a.button.white.is-outline > span {
	line-height: 1;
}

/* White outline hover */
.button.white.is-outline:hover,
a.button.white.is-outline:hover {
    background-color: var(--adt-btn-white-bg) !important;
    color: var(--adt-btn-white-text) !important;
    border-color: var(--adt-btn-white-border) !important;
}

@media only screen and (max-width: 820px) {
	.button:not(.icon),
	button:not(.icon) {
		padding: 5px 30px;
	}
}

/*
*   ADT - Responsive styling 2026
*/

@media screen and (max-width: 768px) { 
    /* White filled */
    .button.white,
    a.button.white {
        min-height: unset;
        font-size: 13px;
        text-transform: uppercase;
    }

    .button:not(.icon),
	button:not(.icon) {
		padding: 5px 20px;
	}
}