/* Australia Unity Themes */

/* Base styles for the custom Shoelace button */
/* Primary (variant="primary" or no variant set) */
sl-button.au[variant="primary"],
sl-button.au::part(base) {
    align-items: center;
    justify-content: center;
    
    background-color: var(--au-sand);
    color: var(--au-dark-gray);

    border: none;
    border-radius: 5px;
}

/* Hover effect */
sl-button.au[variant="primary"],
sl-button.au::part(base):hover {
    background-color: var(--au-light-sand);
    color: var(--au-orange);
}

/* Active / pressed state */
sl-button.au[variant="primary"]:active,
sl-button.au::part(base):active {
    background-color: var(--au-sand);
}

/* Success */
sl-button.au[variant="success"]::part(base) {
    align-items: center;
    justify-content: center;
    
    background-color: var(--au-success);
    color: var(--au-dark-gray);
    
    border: 0;
    border-radius: 5px;
}

sl-button.au[variant="success"]::part(base):hover {
    background-color: var(--au-success-light);
    color: var(--au-white);
}

sl-button.au[variant="success"]::part(base):active {
    background-color: var(--au-success);
}

/* Warning */
sl-button.au[variant="warning"]::part(base) {
    align-items: center;
    justify-content: center;

    background-color: var(--au-warning);
    color: var(--au-dark-gray);

    border-radius: 0;
    border-radius: 5px;
}

sl-button.au[variant="warning"]::part(base):hover {
    background-color: var(--au-warning-light);
    color: var(--au-white);
}

sl-button.au[variant="warning"]::part(base):active {
    background-color: var(--au-warning);
}

/* Danger */
sl-button.au[variant="danger"]::part(base) {
    align-items: center;
    justify-content: center;

    background-color: var(--au-danger);
    color: var(--au-dark-gray);

    border-radius: 0;
    border-radius: 5px;
}

sl-button.au[variant="danger"]::part(base):hover {
    background-color: var(--au-danger-light);
    color: var(--au-white);
}

sl-button.au[variant="danger"]::part(base):active {
    background-color: var(--au-danger);
}

/* Neutral */
sl-button.au[variant="neutral"]::part(base) {
    align-items: center;
    justify-content: center;

    background-color: var(--au-neutral);
    color: var(--au-dark-gray);

    border-radius: 0;
    border-radius: 5px;
}

sl-button.au[variant="neutral"]::part(base):hover {
    background-color: var(--au-neutral-light);
    color: var(--au-white);
}

sl-button.au[variant="neutral"]::part(base):active {
    background-color: var(--au-neutral);
}

/* Spacing between buttons */
.au-button-group::part(base) {
  gap: 0.5rem; /* adjust as needed */
}