.sln-steps-name, .sln-alert.sln-alert--wait::after, .sln-alert--wait::after, .sln-alert a, #sln-salon .alert a, #sln-salon.sln-loginform #loginform .login-remember label.is-checked:after, #sln-salon.sln-loginform #loginform .login-remember label.is-checked:hover:after, .sln-checkbox input:checked + label:after, .sln-checkbox input:checked + label:hover:after, #sln-salon .sln_datepicker:hover:after, #sln-salon .sln_timepicker:hover:after, #sln-salon #sln-salon-my-account .sln_datepicker:hover:after, #sln-salon #sln-salon-my-account .sln_timepicker:hover:after, #sln-salon .sln-panel .sln-panel-heading, .sln-text--emphasis{
    color: #b68a2c !important;
}
.sln-radiobox input + label:before, #sln-salon.sln-loginform #loginform .login-remember label:before, .sln-checkbox input + label:before, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly{
    border-color:#b68a2c !important;
}

.sln-stepper .step.step--active .step-number, .sln-btn--emphasis, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon .sln-btn--emphasis, .sln-bootstrap .sln-btn--emphasis, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option[aria-selected=true], .sln-radiobox input:checked + label:after, .sln-radiobox input:checked + label:hover:after, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled), #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly{
    background-color:#b68a2c !important;
}
.sln-service .sln-service__fkbkg,
#sln-salon .sln-service .sln-service__fkbkg{
    background-color:#b68a2c !important;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active), #sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active), #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active){
    color:#000 !important;
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], .sln-radiobox input + label:hover:after, #sln-salon .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon .datetimepicker.sln-datetimepicker .next:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next:hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover {
  background-color: #F6F1E0 !important;
}

#sln-salon .sln-input--datepicker #sln_time.is_scrollable, #sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable, #sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable, #sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable{
    scrollbar-color:#F6F1E0 rgba(100, 100, 100, 0.2) !important;
}

body:not(.logged-in) .soniya_page_content:has(#sln-salon.sln-loginform){
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: clamp(520px, 58vh, 720px);
    padding: clamp(44px, 8vw, 88px) 0;
}

body:not(.logged-in) #sln-salon.sln-loginform{
    width: min(100%, 560px);
    margin: 0 auto !important;
    padding: clamp(28px, 5vw, 44px) !important;
    border: 1px solid rgba(182, 138, 44, 0.18) !important;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,252,244,0.98)),
        #fff;
    box-shadow: 0 24px 60px rgba(28, 25, 17, 0.10);
}

body:not(.logged-in) .soniya-login-error{
    width: 100%;
    margin: 0 0 20px;
    padding: 13px 16px;
    border: 1px solid rgba(194, 59, 69, 0.24);
    border-left: 3px solid #c23b45;
    border-radius: 6px;
    background: rgba(194, 59, 69, 0.08);
    color: #8e2630;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform{
    width: 100%;
    margin: 0;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform p{
    margin-bottom: 20px;
    padding: 0 !important;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform label{
    display: block;
    margin-bottom: 9px;
    padding-left: 0 !important;
    color: #123d4a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="text"],
body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="password"]{
    display: block;
    width: 100%;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid rgba(18, 61, 74, 0.22);
    border-radius: 6px;
    background-color: #fff;
    color: #123d4a;
    font-size: 16px;
    line-height: 1.3;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="text"]:focus,
body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="password"]:focus{
    border-color: #b68a2c;
    box-shadow: 0 0 0 4px rgba(182, 138, 44, 0.14);
    outline: none;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform .login-remember{
    margin: 4px 0 18px;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform .login-remember label{
    display: inline-flex !important;
    align-items: center;
    min-height: 30px;
    height: auto;
    margin: 0;
    padding: 0 0 0 42px !important;
    color: #123d4a;
    font-weight: 500;
    line-height: 1.35;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform .login-remember label:before,
body:not(.logged-in) #sln-salon.sln-loginform #loginform .login-remember label:after{
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform #wp-submit{
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 6px;
    background-color: #b68a2c !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0 12px 26px rgba(182, 138, 44, 0.28);
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform #wp-submit:hover,
body:not(.logged-in) #sln-salon.sln-loginform #loginform #wp-submit:focus{
    background-color: #9f7621 !important;
    box-shadow: 0 16px 32px rgba(182, 138, 44, 0.32);
    transform: translateY(-1px);
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform + a,
body:not(.logged-in) #sln-salon.sln-loginform a[href*="lostpassword"]{
    display: inline-block;
    margin-top: 4px;
    color: #c23b45 !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

body:not(.logged-in) #sln-salon.sln-loginform #loginform + a:hover,
body:not(.logged-in) #sln-salon.sln-loginform a[href*="lostpassword"]:hover{
    color: #9f7621 !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

body:not(.logged-in).woocommerce-lost-password .soniya_page_content{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: clamp(430px, 52vh, 620px);
    padding: clamp(44px, 8vw, 82px) 16px;
}

body:not(.logged-in).woocommerce-lost-password .woocommerce{
    width: min(100%, 560px);
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password{
    width: 100%;
    margin: 0 auto !important;
    padding: clamp(28px, 5vw, 44px) !important;
    border: 1px solid rgba(182, 138, 44, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,252,244,0.98)),
        #fff;
    box-shadow: 0 24px 60px rgba(28, 25, 17, 0.10);
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password > p:first-child{
    margin: 0 0 22px;
    padding: 14px 16px;
    border-left: 3px solid #b68a2c;
    border-radius: 6px;
    background: rgba(246,241,224,.50);
    color: #3d5359;
    font-size: 15px;
    line-height: 1.55;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password .form-row{
    width: 100%;
    float: none;
    margin: 0 0 20px;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password label{
    display: block;
    margin-bottom: 9px;
    color: #123d4a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password input[type="text"]{
    width: 100%;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid rgba(18, 61, 74, 0.22);
    border-radius: 6px;
    background-color: #fff;
    color: #123d4a;
    font-size: 16px;
    line-height: 1.3;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password input[type="text"]:focus{
    border-color: #b68a2c;
    box-shadow: 0 0 0 4px rgba(182, 138, 44, 0.14);
    outline: none;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password .woocommerce-Button{
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 6px;
    background-color: #b68a2c !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0 12px 26px rgba(182, 138, 44, 0.28);
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body:not(.logged-in).woocommerce-lost-password form.lost_reset_password .woocommerce-Button:hover,
body:not(.logged-in).woocommerce-lost-password form.lost_reset_password .woocommerce-Button:focus{
    background-color: #9f7621 !important;
    box-shadow: 0 16px 32px rgba(182, 138, 44, 0.32);
    transform: translateY(-1px);
}

.soniya-account-actions{
    display: flex;
    justify-content: flex-end;
    margin: 0 0 20px;
}

.soniya-account-logout{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid rgba(194, 59, 69, 0.24);
    border-radius: 6px;
    background: rgba(194, 59, 69, 0.08);
    color: #8e2630 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.soniya-account-logout:hover,
.soniya-account-logout:focus{
    border-color: rgba(194, 59, 69, 0.38);
    background: rgba(194, 59, 69, 0.13);
    color: #741d25 !important;
}

@media (max-width: 767px){
    body:not(.logged-in) .soniya_page_content:has(#sln-salon.sln-loginform){
        min-height: auto;
        padding: 34px 0 56px;
    }

    body:not(.logged-in) #sln-salon.sln-loginform{
        padding: 24px 18px 28px !important;
        box-shadow: 0 16px 36px rgba(28, 25, 17, 0.09);
    }

    body:not(.logged-in) .soniya-login-error{
        margin-bottom: 14px;
        padding: 12px 13px;
        font-size: 14px;
    }

    body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="text"],
    body:not(.logged-in) #sln-salon.sln-loginform #loginform input[type="password"],
    body:not(.logged-in) #sln-salon.sln-loginform #loginform #wp-submit{
        min-height: 50px;
    }

    body:not(.logged-in).woocommerce-lost-password .soniya_page_content{
        min-height: auto;
        padding: 34px 14px 56px;
    }

    body:not(.logged-in).woocommerce-lost-password form.lost_reset_password{
        padding: 24px 18px 28px !important;
        box-shadow: 0 16px 36px rgba(28, 25, 17, 0.09);
    }

    body:not(.logged-in).woocommerce-lost-password form.lost_reset_password > p:first-child{
        padding: 12px 13px;
        font-size: 14px;
    }

    body:not(.logged-in).woocommerce-lost-password form.lost_reset_password input[type="text"],
    body:not(.logged-in).woocommerce-lost-password form.lost_reset_password .woocommerce-Button{
        min-height: 50px;
    }

    .soniya-account-actions{
        justify-content: stretch;
    }

    .soniya-account-logout{
        width: 100%;
    }
}