/*
Theme Name:   eCommerz
Template:     eu-layoutbuilder-master
Description:  E-Unit Child-Theme basierend auf e-unit Layoutbuilder Master
Version:      1.0.0
*/

:root {
    --base-border-radius: var(--wp--custom-form--border-radius, var(--wp--custom--button--border-radius));
    --form-border-width: 1px;
    --form-border: var(--wp--custom-form--border-color, #CCC);
    --form-border-radius: var(--wp--custom-form--border-radius, var(--wp--custom--button--border-radius));
}

.button {
    /*
    --wp--custom--button--border-radius: 0.375rem;
    --wp--custom--button--font-weight: 600;
    --wp--custom--button--line-height: 1.2;
    --wp--custom--button--padding--small: 0.4rem 0.75rem;
    --wp--custom--button--padding--medium: 0.65rem 1.1rem;
    --wp--custom--button--padding--large: 0.85rem 1.5rem;
    --wp--custom--button--font-size--small: var(--wp--preset--font-size--s, .875rem);
    --wp--custom--button--font-size--medium: var(--wp--preset--font-size--m, 1rem);
    --wp--custom--button--font-size--large: var(--wp--preset--font-size--l, 1.125rem);
    --wp--custom--button--primary--background-color: var(--wp--preset--color--primary);
    --wp--custom--button--primary--foreground-color: #fff;
    --wp--custom--button--primary--hover--background-color: color-mix(in srgb, var(--wp--preset--color--primary), #000 12%);
    --wp--custom--button--primary--hover--foreground-color: #fff;
    --wp--custom--button--primary--active--background-color: color-mix(in srgb, var(--wp--preset--color--primary), #000 20%);
    --wp--custom--button--primary--active--foreground-color: #fff;
    --wp--custom--button--secondary--background-color: var(--wp--preset--color--secondary);
    --wp--custom--button--secondary--foreground-color: #fff;
    --wp--custom--button--secondary--hover--background-color: color-mix(in srgb, var(--wp--preset--color--secondary), #000 12%);
    --wp--custom--button--secondary--hover--foreground-color: #fff;
    --wp--custom--button--secondary--active--background-color: color-mix(in srgb, var(--wp--preset--color--secondary), #000 20%);
    --wp--custom--button--secondary--active--foreground-color: #fff;
*/

    border: none;
    border-radius: var(--wp--custom--button--border-radius);
    font-weight: var(--wp--custom--button--font-weight);
    font-size: var(--button--font-size, var(--wp--custom--button--font-size--medium));
    padding: var(--button--padding, var(--wp--custom--button--padding--medium));
    background-color: var(--button--background-color);
    color: var(--button--color);
}

.button:disabled {
    opacity: .5;
}

.button.small {
    --button--padding: var(--wp--custom--button--padding--small);
    --button--font-size: var(--wp--custom--button--font-size--small);
}

.button.medium {
    --button--padding: var(--wp--custom--button--padding--medium);
    --button--font-size: var(--wp--custom--button--font-size--medium);
}

.button.large {
    --button--padding: var(--wp--custom--button--padding--large);
    --button--font-size: var(--wp--custom--button--font-size--large);
}

.button-primary {
    --button--background-color: var(--wp--custom--button--primary--background-color);
    --button--color: var(--wp--custom--button--primary--foreground-color);
}

.button-secondary {
    --button--background-color: var(--wp--custom--button--secondary--background-color);
    --button--color: var(--wp--custom--button--secondary--foreground-color);
}