/* LifterLMS Custom Styling for Sky Pilot Theme */

/* Override LifterLMS styles to match Sky Pilot theme and Diglu font */

/**
 * Buttons - Custom fargepalett
 */
.llms-button-primary,
.llms-button-secondary {
    border-radius: var(--wp--custom--border--radius) !important;
    border-width: 0 !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: var(--wp--preset--font-family--diglu-medium) !important;
    font-size: var(--wp--preset--font-size--18) !important;
    font-weight: var(--wp--custom--heading--font-weight) !important;
    line-height: inherit !important;
    padding: calc(var(--wp--preset--spacing--10) / 2) var(--wp--preset--spacing--10) !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease !important;
}

.llms-button-primary {
    background-color: var(--wp--preset--color--primary) !important;
    color: #ffffff !important;
}

.llms-button-primary:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    color: #ffffff !important;
}

.llms-button-secondary {
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
    border: 1px solid var(--wp--preset--color--primary) !important;
}

.llms-button-secondary:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: #ffffff !important;
}

.llms-button-action {
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: var(--wp--custom--border--radius) !important;
    border-width: 0 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: var(--wp--preset--font-family--diglu-medium) !important;
    font-size: var(--wp--preset--font-size--18) !important;
    font-weight: var(--wp--custom--heading--font-weight) !important;
    line-height: inherit !important;
    padding: calc(var(--wp--preset--spacing--10) / 2) var(--wp--preset--spacing--10) !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease-in-out !important;
}

.llms-button-action:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    color: #ffffff !important;
}

.llms-button-action:focus {
    background-color: var(--wp--preset--color--secondary) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.llms-field-button:not(.type-submit .llms-field-button),
.llms-button-primary.small {
    font-size: var(--wp--preset--font-size--16) !important;
    padding-top: calc(var(--wp--preset--spacing--10) / 2) !important;
    padding-right: var(--wp--preset--spacing--10) !important;
    padding-bottom: calc(var(--wp--preset--spacing--10) / 2) !important;
    padding-left: var(--wp--preset--spacing--10) !important;
}

.llms-button-action:disabled,
.llms-button-danger:disabled,
.llms-button-primary:disabled,
.llms-button-secondary:disabled {
    cursor: default !important;
    opacity: 0.5 !important;
}

/* Login page */
.llms-person-login-form-wrapper,
.llms-new-person-form-wrapper  {padding: var(--wp--preset--spacing--20);}
.llms-new-person-form-wrapper {background-color: var(--wp--preset--color--custom-solskinn);}
.llms-person-login-form-wrapper h4,
.llms-new-person-form-wrapper h4 {margin: 0;}
.llms-new-person-form-wrapper {
    background-color: var(--wp--preset--color--custom-solskinn);
    display: none;
}
.llms-person-login-form-wrapper input[type="text"],
.llms-person-login-form-wrapper input[type="password"],
.llms-person-login-form-wrapper input[type="email"],
.llms-person-login-form-wrapper input[type="url"],
.llms-person-login-form-wrapper input[type="tel"],
.llms-person-login-form-wrapper input[type="number"],
.llms-person-login-form-wrapper input[type="checkbox"] {
    background-color: var(--wp--preset--color--custom-solskinn);
    accent-color: var(--wp--preset--color--custom-sommerkveld);
}
.llms-person-login-form-wrapper .llms-button-action {
    background-color: var(--wp--preset--color--custom-sommerkveld);
}
.llms-person-login-form-wrapper .llms-button-action:hover {
    background-color: var(--wp--preset--color--custom-sommerkveld);
}

/**
 * Utility class for links without underline
 */
.has-no-underline,
.has-no-underline a,
a.has-no-underline {
    text-decoration: none !important;
}

.has-no-underline:hover,
.has-no-underline a:hover,
a.has-no-underline:hover {
    text-decoration: none !important;
}