/* ============================================================
   koko-legal.css — Re-skin Privacy & Terms:
   từ theme "terminal/hacker" sang "văn kiện washi" thanh lịch.
   Giữ nguyên markup, chỉ override CSS (cần koko-ui.css nạp trước).
   ============================================================ */

/* ---- Nền trang: bỏ nền tối + overlay scan ---- */
.privacy-container, .terms-container{
    background:var(--k-base) !important;
    padding:130px 0 80px !important;
    min-height:100vh;
}
.privacy-container::before, .terms-container::before{ display:none !important; }

/* tắt mọi animation/text-shadow của theme cũ */
.privacy-container *, .terms-container *{ animation:none !important; text-shadow:none !important; }

/* ---- Header văn kiện ---- */
.security-header, .legal-header{
    background:#fff !important; border:1px solid rgba(141,110,99,.2) !important;
    border-radius:6px !important; padding:clamp(1.8rem,4vw,2.8rem) !important;
    margin-bottom:3rem !important; box-shadow:0 14px 40px rgba(26,22,20,.06) !important;
    position:relative; overflow:hidden;
}
.security-header::before, .legal-header::before{
    content:"" !important; position:absolute; left:0; top:0; bottom:0; right:auto !important;
    width:4px !important; height:auto !important; border-radius:0 !important;
    background:linear-gradient(var(--k-shu),var(--k-kin)) !important;
}
.security-title, .legal-title{
    font-family:var(--k-serif) !important; color:var(--k-sumi) !important;
    font-weight:600 !important; font-size:clamp(1.7rem,4vw,2.5rem) !important;
}
.security-subtitle, .legal-subtitle{
    font-family:var(--k-sans) !important; color:var(--k-muted) !important;
    font-size:1rem !important; opacity:1 !important; white-space:normal !important;
    border:none !important; overflow:visible !important;
}

/* ---- Bỏ "cửa sổ terminal" ---- */
.terminal-window, .legal-terminal{
    background:#fff !important; border:1px solid rgba(141,110,99,.16) !important;
    border-radius:6px !important; box-shadow:0 10px 30px rgba(26,22,20,.05) !important;
    margin-bottom:2rem !important; overflow:hidden;
}
.terminal-header, .legal-terminal-header{
    background:var(--k-washi) !important; height:auto !important; padding:.55rem 1.3rem !important;
    border-bottom:1px solid rgba(141,110,99,.16) !important;
}
.terminal-header::after, .legal-terminal-header::after{
    content:"こ こ" !important; color:var(--k-cha) !important; font-family:var(--k-serif) !important;
    font-size:12px !important; letter-spacing:3px !important;
}
.terminal-body, .legal-terminal-body{
    background:#fff !important; font-family:var(--k-sans) !important; font-weight:300;
    color:var(--k-ink) !important; padding:clamp(1.5rem,4vw,2.6rem) !important; line-height:1.8 !important;
}

/* ---- Tiêu đề mục: mincho + gạch vàng ---- */
.section-header{
    font-family:var(--k-serif) !important; color:var(--k-sumi) !important;
    font-size:1.3rem !important; font-weight:600 !important; gap:.7rem !important;
    padding-bottom:.7rem !important; margin-bottom:1.2rem !important;
    border-bottom:1px solid rgba(176,141,87,.45) !important;
}
.section-header i{ color:var(--k-shu) !important; }

.section-content{ color:var(--k-ink) !important; font-family:var(--k-sans) !important; font-weight:300; line-height:1.85 !important; }
.section-content li::marker{ color:var(--k-shu) !important; }
.section-content strong{ color:var(--k-sumi) !important; }

/* ---- Code-block giả → ghi chú nhã ---- */
.code-block, .legal-code{
    background:var(--k-washi) !important; border:1px solid rgba(141,110,99,.25) !important;
    border-left:3px solid var(--k-kin) !important; color:var(--k-muted) !important;
    border-radius:3px !important; font-size:.82rem !important; overflow:hidden;
}
.code-block::before, .legal-code::before{ display:none !important; }

/* ---- Status badge → pill nhã ---- */
.security-status, .legal-status{
    background:rgba(198,40,40,.07) !important; border:1px solid rgba(198,40,40,.3) !important;
    color:var(--k-shu) !important; font-family:var(--k-sans) !important; font-weight:500 !important;
    border-radius:2px !important; text-transform:none !important;
}
.security-status.info, .security-status.warning,
.legal-status.warning, .legal-status.protected, .legal-status.copyright{
    background:rgba(176,141,87,.1) !important; border-color:rgba(176,141,87,.4) !important; color:var(--k-cha) !important;
}

/* ---- Callout highlight (terms) ---- */
.highlight-legal{
    background:rgba(176,141,87,.08) !important; border-left:3px solid var(--k-kin) !important;
    color:var(--k-ink) !important; border-radius:3px !important;
}

/* ---- Nút quay lại ---- */
.security-back-btn, .legal-back-btn{
    background:#fff !important; color:var(--k-shu) !important;
    border:1px solid rgba(198,40,40,.35) !important; border-radius:2px !important;
    font-family:var(--k-sans) !important; box-shadow:none !important;
    transition:background .35s,color .35s !important;
}
.security-back-btn:hover, .legal-back-btn:hover{ background:var(--k-shu) !important; color:#fff !important; }