/* Plugin-owned frontend system UI. */
.uppercase{
    text-transform: uppercase!important;
}

/* MAIN */
body.thinking{
    cursor: wait;
}

.right{
    text-align: right;
}

.button{
    border-radius: 4px;
}

.home .woocommerce-notices-wrapper{
    display: none!important;
}

/* WOO */
.woocommerce-error:has(.lrk-phone-notice){
    margin-bottom: 20px;
}

.lrk-phone-notice{
    display: flex;
    width: -webkit-fill-available;
}

.lrk-phone-notice b{
    display: block;
    font-size: 1.2em;
}

.lrk-phone-notice .text{
    max-width: 500px;
    flex-grow: 1;
    line-height: 1.3;
    margin-top: 5px;
    margin-right: 10px;
}

.lrk-profile-empty-notice h4{
    line-height: 1.2;
    margin-bottom: 10px;
}

.lrk-profile-empty-notice h4 small{
    display: block;
    margin-top: 10px;
    opacity: 0.5;
}

.lrk-profile-empty-notice img{
    width: 144px;
}

body .woocommerce-MyAccount-navigation-link--dashboard a:before{
    content: '\E90B'!important;
}

body .woocommerce-MyAccount-navigation-link--checkin a:before{
    content: '\E903'!important;
}

body .woocommerce-MyAccount-navigation-link--pranesimai a:before{
    content: '\e901'!important;
}

.woocommerce-credits-table__cell.amount{
    font-weight: bold;
}

.woocommerce-account .button:not(.view),
.lrk-profile-empty-notice .button{
    min-width: 200px;
    font-size: 1.2em;
}

.woocommerce-credits-table + div > .button{
    display: inline-block;
    margin-top: 20px;
}

.workout-table-title{
    margin-top: 20px!important;
}

.sms-settings-title small,
.calendar-settings-title small,
.calendar-ics-title small,
.workout-table-title:not([data-count="0"]) small{
    display: block;
    font-size: 16px;
    line-height: 1.25;
    opacity: 0.6;
    margin-top: 5px;
}

.woocommerce-credits-table__cell.amount{
    color: green;
    font-weight: bold;
    font-size: 1.2em;
}

.woocommerce-workouts-table__cell.credits{
    color: red;
}

.lrk-settings-grid{
    display: grid;
    row-gap: 20px;
}

.lrk-settings-grid .lrk-settings-grid--item{
    box-shadow: 0px 0px 11px 1px #99999936;
    transition: box-shadow 0.2s ease-in-out;
    padding: 15px;
    border-radius: 4px;
}

.lrk-settings-grid--item p{
    margin: 5px 0;
    line-height: 1;
}

.lrk-settings-grid--item h6 small{
    display: block;
}

body .calendar-ics-title,
body .sms-settings-title{
    margin-top: 60px!important;
}

.calendar-ics input{
    margin-right: 15px;
}

.calendar-ics{
    display: flex;
}

.lrk-admin h2.calendar-ics-title{
    margin-top: 0px!important;
}

.woocommerce-Address address div{
    font-style: normal;   
    margin-bottom: 10px;
}

body .woocommerce-EditAccountForm.edit-account fieldset{
    margin-top: 30px;
}

.wc-block-components-product-image,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{
    border-radius: 3px;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 768px) {
    .woocommerce-account h2{
        font-size: 1.8em;
        line-height: 1.2;
    }

    .workout-table-title:not([data-count="0"]) small{
        max-width: 350px;
    }

    .woocommerce-MyAccount-navigation ul{
        display: grid;
        grid: auto / 50% 50%;
    }

    .woocommerce-MyAccount-navigation-link--dashboard{
        grid-column: span 2;
        text-align: center;
    }

    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a{
        flex-grow: 1;
        justify-content: center;
        font-size: 1.3em;
    }

    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{
        font-size: 1.3em;
    }

    button[name="save_address"],
    button[name="save_account_details"],
    .woocommerce-Address .edit,
    .woocommerce-credits-table + div > .button,
    .ct-woo-unauthorized .woocommerce-button{
        width: 100%;
    }

    .lrk-phone-notice{
        flex-direction: column;
    }

    .woocommerce-credits-table__cell{
        padding: 9px 0!important;
    }

    .woocommerce-credits-table__row:not(:last-of-type),
    .woocommerce-workouts-table__row:not(:last-of-type){
        border-bottom: 2px solid #7e7e7e21;
    }

    .calendar-ics{
        flex-direction: column;
    }

    .calendar-ics input{
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .woocommerce-credits-table__header-credits-amount,
    .woocommerce-credits-table__cell.amount,
    .woocommerce-workouts-table__header-credits,
    .woocommerce-workouts-table__cell.credits{
        width: 80px;
        text-align: center;
        padding-left: 0;
    }

    .woocommerce-credits-table__header-credits-date,
    .woocommerce-credits-table__cell.expiration{
        width: 150px;
    }

    tr .woocommerce-workouts-table__cell.workout,
    tr .woocommerce-credits-table__cell.credits{
        padding-left: 8px!important;
    }

    .woocommerce-workouts-table__cell,
    .woocommerce-credits-table__cell{
        transition: 0.1s background-color ease-in-out;
    }

    .woocommerce-workouts-table__row:hover .woocommerce-workouts-table__cell,
    .woocommerce-credits-table__row:hover .woocommerce-credits-table__cell{
        background-color: #7e7e7e0d;
    }

    .lrk-settings-grid{
        display: grid;
        grid: auto / 50% 50%;
        column-gap: 35px;
        row-gap: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .lrk-settings-grid{
        grid: auto / auto auto auto;
    }
}