/* LifeClub – ren mobil-CSS-kandidat (Version 2026-08-19)
 * Login-only scope.
 */

.login {
    max-width: 430px;
    margin: 20px auto;
    padding: 94px 20px 24px;
    background: #fff url("https://lifeclub.dk/images/Logo/logo-normal.png") center 22px / 230px auto no-repeat;
    border: 1px solid #dfe6e1;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(36, 53, 45, 0.12);
}

.login .logo {
    display: none;
}

.login .label,
.login .editor-field,
.login .ui-checkbox {
    margin-top: 10px;
}

.login .label {
    color: #2b3a32;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}

.login .ui-input-text,
.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
    min-height: 50px;
    border: 1px solid #b8c4bd;
    border-radius: 8px;
    box-shadow: none;
    padding: 10px 12px;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
}

.login .ui-submit,
.login input[type="submit"],
.login button[type="submit"] {
    display: block;
    width: 100%;
    min-height: 50px;
    border-radius: 8px;
    border: 1px solid #176a42;
    background: #2cab5a;
    background-image: none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    box-shadow: none;
    text-shadow: none;
}

.login #RememberMe {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #2cab5a;
}

.login #RememberMe + label,
.login .ui-checkbox label {
    font-size: 14px;
    color: #4d5a53;
    line-height: 1.35;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.login .fright {
    margin-top: 8px;
}

/* LifeClub mobile navigation colours only. */
.ui-mobile .ui-header.ui-bar-a,
.ui-mobile .ui-header .ui-navbar .ui-btn-up-a {
    border-color: #3f4850;
    background: #505a64;
    background-image: none;
    color: #fff;
    text-shadow: none;
}

.ui-mobile .ui-header .ui-navbar .ui-btn-hover-a,
.ui-mobile .ui-header .ui-navbar .ui-btn-down-a,
.ui-mobile .ui-header .ui-navbar .ui-btn-active {
    border-color: #23934c;
    background: #2cab5a;
    background-image: none;
    color: #fff;
    text-shadow: none;
}

/* LifeClub logged-in Messages page: section divider colour only. */
div[data-role="page"][data-url^="/LifeClubRoskilde/Member/Messages"]
    .ui-li-divider.ui-bar-b {
    background: #505a64;
    background-image: none;
    border-color: #3f4850;
    color: #fff;
    text-shadow: none;
}

/* LifeClub logged-in Loyalty page: loyalty card only. */
div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .loyalty.loyalty-fulfilled {
    background: #f7fbf8;
    background-image: none;
    border: 1px solid #2cab5a;
    color: #333;
    min-height: 0;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .loyalty-header {
    color: #263238;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .loyalty-desc {
    color: #333;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .loyalty-image {
    background: transparent;
    border-color: transparent;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .loyalty-date {
    display: none;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .lifeclub-loyalty-code-note {
    margin-top: 4px;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .lifeclub-loyalty-benefits-title {
    margin-top: 18px;
    color: #263238;
    font-weight: 600;
}

div[data-role="page"][data-url^="/LifeClubRoskilde/Member/MemberLoyalty"]
    .lifeclub-loyalty-benefits-link {
    display: inline-block;
    margin-top: 5px;
    color: #238f4c;
    font-weight: 600;
}

/* LifeClub payment self-service box only. */
.postit.postit_info.lifeclub-payment-selfservice {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    padding: 14px 16px;
    background: #f7fbf8;
    background-image: none;
    border: 1px solid #2cab5a;
    border-radius: 8px;
    box-shadow: none;
    color: #333;
}

.postit.postit_info.lifeclub-payment-selfservice > .header {
    display: block;
    margin: 0 0 8px;
    color: #263238;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.postit.postit_info.lifeclub-payment-selfservice
    > .lifeclub-payment-selfservice-text {
    display: inline;
    margin: 0;
    color: #333;
    line-height: 1.5;
}

.postit.postit_info.lifeclub-payment-selfservice
    > .lifeclub-payment-selfservice-link {
    display: inline;
    margin-left: 6px;
    color: #238f4c;
    font-weight: 600;
    line-height: 1.4;
}