/**
 * Nuvoton Direct — 停止接單提示視窗樣式
 * 搭配 themes/modez/js/autoload/80-order-pause.js
 */

#nvt-order-pause { display: none; }

#nvt-order-pause .nvt-op-dim {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(30, 24, 20, .55);
    z-index: 99998;
}

#nvt-order-pause .nvt-op-modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 780px;
    max-width: 94vw;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
    z-index: 99999;
    text-align: left;
}

#nvt-order-pause .nvt-op-band {
    height: 6px;
    background: linear-gradient(90deg, #e23712, #f6892f);
}

#nvt-order-pause .nvt-op-inner { padding: 26px 42px 30px; color: #3d3833; }

#nvt-order-pause .nvt-op-ic {
    width: 50px; height: 50px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #fdf1e6;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nvt-order-pause .nvt-op-title {
    margin: 0 0 14px;
    padding: 0;
    border: none;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    color: #3d3833;
}

#nvt-order-pause .nvt-op-inner p {
    margin: .45em 0;
    font-size: 12.5px;
    line-height: 1.85;
    color: #5c554e;
}

#nvt-order-pause .nvt-op-li {
    margin: .1em 0 .1em 18px;
    font-size: 12.5px;
    line-height: 1.9;
    color: #5c554e;
}

#nvt-order-pause .nvt-op-hl {
    background: #fbf6f0;
    border: 1px solid #f0e2d2;
    border-radius: 8px;
    padding: 10px 16px;
    margin: 12px 0;
    font-size: 12.5px;
    line-height: 1.95;
    color: #5c554e;
}

#nvt-order-pause .nvt-op-hl b { color: #3d3833; }

#nvt-order-pause .nvt-op-inner p.nvt-op-h {
    margin: 13px 0 4px;
    font-size: 13px;
    font-weight: 700;
    color: #3d3833;
}

#nvt-order-pause .nvt-op-inner p.nvt-op-sign {
    margin-top: 13px;
    font-size: 12.5px;
    font-weight: 700;
    color: #3d3833;
}

#nvt-order-pause .nvt-op-inner a {
    color: #c2410c;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(194, 65, 12, .4);
}

#nvt-order-pause .nvt-op-inner a:hover { color: #9b2a08; }

#nvt-order-pause .nvt-op-x {
    position: absolute;
    top: 12px; right: 18px;
    z-index: 100000;
    padding: 0;
    background: none;
    border: none;
    color: #b3aca5;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

#nvt-order-pause .nvt-op-x:hover { color: #6e6156; }

@media (max-width: 767px) {
    #nvt-order-pause .nvt-op-inner { padding: 20px 22px 24px; }
    #nvt-order-pause .nvt-op-title { font-size: 17px; }
}

/* ========= 保底頁：直接訪問購物車／結帳頁時的全頁公告 ========= */
.nvt-op-page {
    max-width: 820px;
    margin: 24px auto 36px;
    padding: 38px 48px;
    background: linear-gradient(180deg, #fffaf5, #fff3e8);
    border: 1px solid #f2d9c4;
    border-radius: 12px;
    color: #3d3833;
    text-align: left;
}

.nvt-op-page .nvt-op-ic {
    width: 56px; height: 56px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #e23712;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nvt-op-page .nvt-op-title {
    margin: 0 0 16px;
    padding: 0;
    border: none;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    color: #3d3833;
}

.nvt-op-page p { margin: .45em 0; font-size: 13.5px; line-height: 1.85; color: #5c554e; }
.nvt-op-page .nvt-op-li { margin: .1em 0 .1em 22px; font-size: 13.5px; line-height: 1.9; color: #5c554e; }
.nvt-op-page .nvt-op-h { margin: 16px 0 4px; font-size: 14px; font-weight: 700; color: #3d3833; }
.nvt-op-page .nvt-op-sign { margin-top: 16px; font-size: 13.5px; font-weight: 700; color: #3d3833; }

.nvt-op-page .nvt-op-hl {
    background: #fff;
    border: 1px solid #f0e2d2;
    border-radius: 8px;
    padding: 12px 18px;
    margin: 14px 0;
    font-size: 13.5px;
    line-height: 2;
    color: #5c554e;
}

.nvt-op-page a {
    color: #c2410c;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(194, 65, 12, .4);
}

.nvt-op-page a:hover { color: #9b2a08; }

.nvt-op-home { display: flex; justify-content: center; margin-top: 26px; }

.nvt-op-home a {
    background: #e23712;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 44px;
    border-radius: 5px;
    border: none;
    text-decoration: none;
}

.nvt-op-home a:hover { background: #c22e0f; color: #fff; }

@media (max-width: 767px) {
    .nvt-op-page { padding: 26px 22px; margin: 16px auto 24px; }
    .nvt-op-page .nvt-op-title { font-size: 18px; }
}