@charset "UTF-8";
/*!
Theme Name: LumoLiving
Template:   skincare
*/

.skincare-header-more {
    display: none;
}

.skincare-page-header .trail-items li:after {
    content: '>';
    font-weight: bold;
    background: none;
    margin: 0 1em;
    padding: 0px 2px 0px 10px;
    background-position: center;
}

@media screen and (min-width: 75em) {
    .skincare-modal-search .skincare-icon--search {
        left: 1.5%;
    }
}

a.wp-block-button__link {
    height: auto;
}

.woocommerce-MyAccount-content a.button:visited {
    color: #FFF !important;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message a.wc-forward {
    color: #000 !important;
}

.woocommerce-checkout-review-order #payment ul.wc_payment_methods li.wc_payment_method label {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: middle;
}

.wishlist-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensure full height */
}

.wishlist-item .product-remove {
    margin-top: auto; /* Push to bottom */
}

.wishlist-pagination {
    display: flex;             /* Arrange children in a row */
    gap: 8px;                  /* Optional: space between elements */
    align-items: center;       /* Vertical alignment */
    justify-content: center;   /* Center the whole row horizontally */
    flex-wrap: nowrap;
    margin-top: 3.75em;
    margin-bottom: 3.75em;/* Keep everything in one row (no wrapping) */
}

.wishlist-pagination a,
.wishlist-pagination span {
    padding: 4px;
    width: 2.5em;
    height: 2.5em;
    background-color: #EBEBEC;
    color: #111;
}

.wishlist-pagination .current {
    background-color: #AA7446;
    color: #FFF;
}

select {
    padding: 0.5em 1.875em 0.5em 0.625em;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" width="12" viewBox="0 0 30.727 30.727"><path d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z" fill="black"></path></svg>') no-repeat;
    background-position: right 5% top 52%;
    border: solid 1px #CCC;
}

@media screen and (min-width: 48em) {
    table.shop_table_responsive tr.cart_item td.product-remove {
        padding: 0 0.5em;
        width: 0;
    }
    table.shop_table_responsive tr.cart_item td.product-thumbnail {
        padding: 1em 0;
    }
    table.shop_table_responsive tr.cart_item td.product-name {
        font-size: 1.6rem;
    }
    table.shop_table_responsive tr.cart_item td.product-price,
    table.shop_table_responsive tr.cart_item td.product-subtotal {
        font-size: 1.8rem;
    }
}

.woocommerce-shipping-totals ul {
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove padding */
    margin: 0 0 1.875em 0;
}
.woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    gap: 8px; /* optional: spacing between input and label */
}

.woocommerce-account .col2-set .col-1 {
    float: left;
    width: 100%;
    padding: 2.5em;
    background-color: #EEF0F2;
    border: 1px solid #CCC;
    margin-bottom: 1.875em;
}

.password-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

.password-input input {
    width: 100%;
    padding-right: 40px; /* reserve space for the button */
}

.show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: none;
    background: transparent url('data:image/svg+xml;utf8,<svg viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="1"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path clip-rule="evenodd" d="M17.7469 15.4149C17.9855 14.8742 18.1188 14.2724 18.1188 14.0016C18.1188 11.6544 16.2952 9.7513 14.046 9.7513C11.7969 9.7513 9.97332 11.6544 9.97332 14.0016C9.97332 16.3487 12.0097 17.8886 14.046 17.8886C15.3486 17.8886 16.508 17.2515 17.2517 16.2595C17.4466 16.0001 17.6137 15.7168 17.7469 15.4149ZM14.046 15.7635C14.5551 15.7635 15.0205 15.5684 15.3784 15.2457C15.81 14.8566 16 14.2807 16 14.0016C16 12.828 15.1716 11.8764 14.046 11.8764C12.9205 11.8764 12 12.8264 12 14C12 14.8104 12.9205 15.7635 14.046 15.7635Z" fill="black" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M1.09212 14.2724C1.07621 14.2527 1.10803 14.2931 1.09212 14.2724C0.96764 14.1021 0.970773 13.8996 1.09268 13.7273C1.10161 13.7147 1.11071 13.7016 1.11993 13.6882C4.781 8.34319 9.32105 5.5 14.0142 5.5C18.7025 5.5 23.2385 8.33554 26.8956 13.6698C26.965 13.771 27 13.875 27 13.9995C27 14.1301 26.9593 14.2399 26.8863 14.3461C23.2302 19.6702 18.6982 22.5 14.0142 22.5C9.30912 22.5 4.75717 19.6433 1.09212 14.2724ZM3.93909 13.3525C3.6381 13.7267 3.6381 14.2722 3.93908 14.6465C7.07417 18.5443 10.6042 20.3749 14.0142 20.3749C17.4243 20.3749 20.9543 18.5443 24.0894 14.6465C24.3904 14.2722 24.3904 13.7267 24.0894 13.3525C20.9543 9.45475 17.4243 7.62513 14.0142 7.62513C10.6042 7.62513 7.07417 9.45475 3.93909 13.3525Z" fill="grey"></path></g></svg>') no-repeat;
    cursor: pointer;
    background-size: contain;
    opacity: 0.6;
    padding: 0.8em;
}

.woocommerce-account .woocommerce-form-login button.show-password-input {
    width: 20px;
    margin: 0;
}

.show-password-input:hover {
    opacity: 1;
    background-color: transparent;
    box-shadow:  none;
}

.paysera-payment-method input[type="radio"] {
    display: none;
}

/* Style each label to look like a selectable card */
.paysera-payment-method-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #ccc;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #fff;
}

/* On hover */
.paysera-payment-method-label:hover {
    border-color: #999;
}

/* Selected state using :has() */
.paysera-payment-method:has(input[type="radio"]:checked) .paysera-payment-method-label {
    background-color: #F3E5DC;
    border: 2px solid #AA7446;
    box-shadow: 0 0 0 2px rgba(170, 116, 70, 0.2);
}

.paysera-payment-method-label:hover {
    border-color: #AA7446;
    background-color: #FAF2EE;
}

.wc_payment_methods label[for="payment_method_paysera"] {
    display: inline-flex;
    align-items: center;
}

.wc_payment_method label {
    cursor: pointer;
}

.transfer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 10px 6px 10px;
    text-align: left;
    background-color: #FAF2ED;
}

.skincare-masthead .skincare-container {
    max-width: var(--container-width, 1260px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.custom-logo-link {
    width: 156px;
}