/* Cailed dialog theme d1. Load after the vendor styles.
 * Scope: Layer type=dialog/message and Toastr notifications only.
 * Keep Layer positioning, size calculation, icon sprites and transitions intact.
 */

.layui-layer.layui-layer-dialog {
    color: #472d2b;
    background-color: #fffaf2;
    border: 1px solid #d9c7ad;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(71, 45, 43, .14);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.layui-layer.layui-layer-dialog > .layui-layer-title {
    /* Homepage title options set inline text color; keep the themed surface readable. */
    color: #472d2b !important;
    background: #fffaf2;
    border-bottom: 1px solid #d9c7ad;
    border-radius: 9px 9px 0 0;
    font-size: 15px;
    font-weight: 600;
}

.layui-layer.layui-layer-dialog > .layui-layer-content {
    color: #472d2b;
    font-size: 14px;
    line-height: 25px;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn {
    background: transparent;
    border-top-color: #eadfce;
    border-radius: 0 0 9px 9px;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn a {
    height: 34px;
    padding: 0 18px;
    border: 1px solid #d9c7ad;
    border-radius: 6px;
    background: #f6ead7;
    color: #725126;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    text-decoration: none;
    box-shadow: none;
    opacity: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn a:hover,
.layui-layer.layui-layer-dialog > .layui-layer-btn a:focus {
    color: #5e3f1c;
    border-color: #bd965b;
    background: #efdfc5;
    text-decoration: none;
    opacity: 1;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn .layui-layer-btn0 {
    color: #ffffff;
    border-color: #b6202d;
    background: #b6202d;
    font-weight: 600;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn .layui-layer-btn0:hover,
.layui-layer.layui-layer-dialog > .layui-layer-btn .layui-layer-btn0:focus {
    color: #ffffff;
    border-color: #981b28;
    background: #981b28;
}

.layui-layer.layui-layer-dialog > .layui-layer-btn a:active {
    box-shadow: inset 0 2px 4px rgba(71, 45, 43, .14);
}

.layui-layer.layui-layer-dialog > .layui-layer-btn a:focus-visible,
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close:focus-visible {
    outline: 2px solid #94651e;
    outline-offset: 3px;
}

/* The close button keeps each Layer version's original hit area and location. */
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close1,
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close2 {
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' fill='none' stroke='%23472d2b' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    opacity: .8;
}

.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close2 {
    background-color: #fffaf2;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #d9c7ad;
}

.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close1:hover,
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close1:focus,
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close2:hover,
.layui-layer.layui-layer-dialog > .layui-layer-setwin .layui-layer-close2:focus {
    background-color: #f1e4cf;
    background-position: center;
    opacity: 1;
}

/* Icon-bearing messages keep their original warning/error/success sprites,
 * padding and icon dimensions. Hui is the library's compact icon-free toast. */
.layui-layer.layui-layer-dialog.layui-layer-msg {
    border-color: #d9c7ad;
    box-shadow: 0 2px 6px rgba(71, 45, 43, .12);
}

.layui-layer.layui-layer-dialog.layui-layer-hui,
.layui-layer.layui-layer-dialog.layer-hui {
    color: #fffaf2;
    border-color: #6a4942;
    background-color: #472d2b;
    box-shadow: 0 2px 6px rgba(71, 45, 43, .18);
}

.layui-layer.layui-layer-dialog.layui-layer-hui > .layui-layer-content,
.layui-layer.layui-layer-dialog.layer-hui > .layui-layer-content {
    color: #fffaf2;
}

/* Login/member Toastr: neutral warm surfaces, semantic icons and fine borders.
 * Vendor icon images are !important, so their four replacements match that priority. */
body #toast-container > .toast {
    color: #472d2b;
    background-color: #fffaf2;
    border: 1px solid #d9c7ad;
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(71, 45, 43, .12);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    opacity: 1;
}

body #toast-container > .toast:hover {
    box-shadow: 0 3px 8px rgba(71, 45, 43, .16);
    opacity: 1;
}

body #toast-container > .toast.toast-success {
    border-color: #c5d7c9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23427254'/%3E%3Cpath d='m7 12 3 3 7-7' fill='none' stroke='%23fffaf2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body #toast-container > .toast.toast-error {
    border-color: #e4c4c7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23b6202d'/%3E%3Cpath d='m8 8 8 8M16 8l-8 8' fill='none' stroke='%23fffaf2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

body #toast-container > .toast.toast-warning {
    border-color: #deccaa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 23 21H1Z' fill='%2394651e' stroke-linejoin='round'/%3E%3Cpath d='M12 8v6' stroke='%23fffaf2' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.5' r='1.2' fill='%23fffaf2'/%3E%3C/svg%3E") !important;
}

body #toast-container > .toast.toast-info {
    border-color: #cbd2dd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%235c697a'/%3E%3Cpath d='M12 11v6' stroke='%23fffaf2' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='1.2' fill='%23fffaf2'/%3E%3C/svg%3E") !important;
}

body #toast-container .toast-title {
    color: #472d2b;
    font-weight: 600;
}

body #toast-container .toast-message,
body #toast-container .toast-message label {
    color: #472d2b;
}

body #toast-container .toast-message a {
    color: #b6202d;
    text-decoration: underline;
}

body #toast-container .toast-message a:hover,
body #toast-container .toast-message a:focus {
    color: #981b28;
}

body #toast-container .toast-close-button {
    color: #72564d;
    background-color: transparent;
    text-shadow: none;
    opacity: .8;
}

body #toast-container .toast-close-button:hover,
body #toast-container .toast-close-button:focus {
    color: #b6202d;
    opacity: 1;
}

body #toast-container .toast-message .btn,
body #toast-container .toast-message button {
    color: #ffffff;
    border: 1px solid #b6202d;
    border-radius: 6px;
    background: #b6202d;
    box-shadow: none;
    text-decoration: none;
}

body #toast-container .toast-message .btn:hover,
body #toast-container .toast-message .btn:focus,
body #toast-container .toast-message button:hover,
body #toast-container .toast-message button:focus {
    color: #ffffff;
    border-color: #981b28;
    background: #981b28;
}

body #toast-container .toast-message .btn-default {
    color: #725126;
    border-color: #d9c7ad;
    background: #f6ead7;
}

body #toast-container .toast-message .btn-default:hover,
body #toast-container .toast-message .btn-default:focus {
    color: #5e3f1c;
    border-color: #bd965b;
    background: #efdfc5;
}

body #toast-container a:focus-visible,
body #toast-container button:focus-visible {
    outline: 2px solid #94651e;
    outline-offset: 2px;
}

body #toast-container .toast-progress {
    background-color: #bd8a36;
}

body #toast-container .toast-success .toast-progress {
    background-color: #427254;
}

body #toast-container .toast-error .toast-progress {
    background-color: #b6202d;
}

body #toast-container .toast-info .toast-progress {
    background-color: #5c697a;
}

@media (prefers-reduced-motion: reduce) {
    .layui-layer.layui-layer-dialog > .layui-layer-btn a {
        transition: none;
    }
}