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

/* Die Stufen tragen `.btn` mit im Selektor. Die Grundregel in
   `default.css` (`:is(…).btn`) ist gleich stark, lädt aber NACH dieser
   Datei und setzte `--btn-bg` wieder auf durchsichtig — ein
   `btn btn--primary` sah aus wie ein Zweitknopf. */

:is(a, button, input[type="submit"]).btn.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.btn--primary:hover {
    --btn-bg: var(--btn-primary-bg-hover);
    --btn-border: var(--btn-primary-bg-hover);
}

:is(a, button, input[type="submit"]).btn.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.btn--secondary:hover {
    --btn-bg: var(--btn-secondary-bg-hover);
}

:is(a, button, input[type="submit"]).btn.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.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.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.btn--apply:hover {
    --btn-bg: var(--btn-apply-bg-hover);
}

/* Booking */
:is(a, button, input[type="submit"]).btn.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.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.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.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.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.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.btn--increment,
:is(a, button, input[type="submit"]).btn.btn--decrement {
    width: var(--btn-stepper-size);
    height: var(--btn-stepper-size);
    padding: 0;
    font-size: 1.1rem;
    --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.btn--increment:hover,
:is(a, button, input[type="submit"]).btn.btn--decrement:hover {
    --btn-bg: var(--btn-stepper-bg-hover);
}

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

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