/*
 * MWFewoManager
 *
 * @author Küstenweb GmbH <info@mwfewomanager.de>
 * @copyright mwfewomanager.de
 */

:is(a, button, input[type="submit"]).btn--primary {
    --btn-bg: var(--btn-primary-bg);
    --btn-color: var(--btn-primary-text);
    --btn-border: var(--btn-primary-border);
}

:is(a, button, input[type="submit"]).btn--primary:hover {
    --btn-bg: var(--btn-primary-bg-hover);
    --btn-border: var(--btn-primary-bg-hover);
}

:is(a, button, input[type="submit"]).btn--secondary {
    --btn-bg: var(--btn-secondary-bg);
    --btn-color: var(--btn-secondary-text);
    --btn-border: var(--btn-secondary-border);
}

:is(a, button, input[type="submit"]).btn--secondary:hover {
    --btn-bg: var(--btn-secondary-bg-hover);
}

:is(a, button, input[type="submit"]).btn--clear {
    --btn-bg: var(--btn-clear-bg);
    --btn-border: var(--btn-clear-border);
    --btn-color: var(--btn-clear-text);
}

:is(a, button, input[type="submit"]).btn--cancel {
    --btn-bg: var(--btn-cancel-bg);
    --btn-border: var(--btn-cancel-border);
    --btn-color: var(--btn-cancel-text);
}

:is(a, button, input[type="submit"]).btn--apply {
    --btn-bg: var(--btn-apply-bg);
    --btn-border: var(--btn-apply-border);
    --btn-color: var(--btn-apply-text);
}

:is(a, button, input[type="submit"]).btn--apply:hover {
    --btn-bg: var(--btn-apply-bg-hover);
}

/* Booking */
:is(a, button, input[type="submit"]).btn--book {
    --btn-bg: var(--btn-book-bg);
    --btn-border: var(--btn-book-border);
    --btn-color: var(--btn-book-text);
}

:is(a, button, input[type="submit"]).btn--book:hover {
    --btn-bg: var(--btn-book-bg-hover);
    --btn-border: var(--btn-book-bg-hover);
}

/* Request */
:is(a, button, input[type="submit"]).btn--request {
    --btn-bg: var(--btn-request-bg);
    --btn-border: var(--btn-request-border);
    --btn-color: var(--btn-request-text);
}

:is(a, button, input[type="submit"]).btn--request:hover {
    --btn-bg: var(--btn-request-bg-hover);
    --btn-border: var(--btn-request-bg-hover);
}

/* Danger */
:is(a, button, input[type="submit"]).btn--danger {
    --btn-bg: var(--btn-danger-bg);
    --btn-border: var(--btn-danger-border);
    --btn-color: var(--btn-danger-text);
}

:is(a, button, input[type="submit"]).btn--danger:hover {
    --btn-bg: var(--btn-danger-bg-hover);
    --btn-border: var(--btn-danger-bg-hover);
}

/* Stepper Buttons */
:is(a, button, input[type="submit"]).btn--increment,
:is(a, button, input[type="submit"]).btn--decrement {
    width: var(--personpicker-stepper-min-width);
    height: var(--personpicker-stepper-min-width);
    padding: 0;
    font-size: 1.1rem;
    /*border-radius: 50%;*/
    --btn-bg: var(--btn-stepper-bg);
    --btn-border: var(--btn-stepper-border);
    --btn-color: var(--btn-stepper-text);
}

:is(a, button, input[type="submit"]).btn--increment:hover,
:is(a, button, input[type="submit"]).btn--decrement:hover {
    --btn-bg: var(--btn-stepper-bg-hover);
}

:is(a, button, input[type="submit"]).btn--prev,
:is(a, button, input[type="submit"]).btn--next,
:is(a, button, input[type="submit"]).btn--close {
    background: var(--btn-bg);
    color: var(--btn-color);
}

:is(a, button, input[type="submit"]).btn--prev:hover,
:is(a, button, input[type="submit"]).btn--next:hover,
:is(a, button, input[type="submit"]).btn--close:hover{
    background: color-mix(in srgb, var(--btn-bg) 90%, #000 5%);
    color: var(--btn-color);
}