/*
Theme Name: Nego Handbook
Theme URI: https://negotiation.vn
Author: Negotiation.vn Team
Author URI: https://negotiation.vn
Description: Theme chuyên khảo mở về Khoa học & Nghệ thuật Đàm phán (Nego Handbook). Thiết kế học thuật hiện đại, hỗ trợ tra cứu mục lục 8 phần · 37 chương, đọc tài liệu 2 cột, bản đồ chuyên gia toàn cầu và đóng góp phản biện ngang hàng.
Version: 1.0.0
Text Domain: nego-handbook
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Core Custom CSS variables and fallbacks */
:root {
  --primary: #2e5000;
  --primary-container: #71a534;
  --on-primary: #ffffff;
  --surface: #fbf9f8;
  --surface-container-low: #f6f3f2;
  --surface-container: #f0eded;
  --surface-container-lowest: #ffffff;
  --border-subtle: #e2edd2;
  --ink: #111827;
  --ink-muted: #686868;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: #f6fbf5;
  color: var(--ink);
  margin: 0;
  padding: 0;
}

body.admin-bar header.fixed {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar header.fixed {
    top: 46px;
  }
}

/* Material symbols styling */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* Smooth reading experience */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* Hide scrollbars for clean tab strips */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Academic typography */
.academic-prose h2 {
  margin-top: 2rem;
  margin-bottom: 0.85rem;
}
.academic-prose p {
  line-height: 1.8;
  margin: 0;
}

.academic-prose blockquote {
  border-left: 3px solid var(--primary-container);
  padding-left: 1rem;
  font-style: italic;
  color: #2e4f00;
  margin: 1.5rem 0;
}

/* Paragraph blocks and inline suggestion editor */
.paragraph-block {
  position: relative;
  transition: background-color 0.15s ease-in-out;
  margin-bottom: 1.25rem;
}
.paragraph-block:last-child {
  margin-bottom: 0;
}
.paragraph-block:hover {
  background-color: #f7faf3;
}
.paragraph-block.is-editing {
  background-color: #f4f8ee;
  border-color: #71a534 !important;
  box-shadow: 0 0 0 1px #71a534;
}
.paragraph-block .paragraph-actions {
  display: none;
}
.paragraph-block:hover .paragraph-actions,
.paragraph-block.is-editing .paragraph-actions {
  display: flex !important;
}
.suggest-diff-highlight {
  background-color: #dbeec2;
  color: #203c00;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 600;
}
#suggest-editor[contenteditable]:empty:before {
  content: attr(placeholder);
  color: #9ca3af;
  cursor: text;
}

/* Print & PDF Export Styles (Hạng mục 1 & Mục 2.10) */
@media screen {
  .print-brand-header,
  .print-footer-info {
    display: none !important;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 14mm 12mm 16mm 12mm;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  html, body {
    background: #ffffff !important;
    color: #111827 !important;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 10.5pt !important;
    line-height: 1.65 !important;
  }

  /* Ẩn các thành phần giao diện động / tương tác web khi xuất PDF */
  header, 
  footer, 
  aside, 
  .breadcrumb-strip,
  .no-print,
  #selection-suggest-floater, 
  #suggest-panel, 
  #handbook-chat-panel, 
  .fixed, 
  button, 
  input,
  .btn-ai-prompt,
  .nav-chapter-links,
  .pdf-download-card {
    display: none !important;
  }

  /* Hiển thị Header & Footer nhận diện thương hiệu dành riêng cho PDF */
  .print-brand-header {
    display: block !important;
    page-break-after: avoid !important;
    break-after: avoid !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #2e5000 !important;
  }

  .print-footer-info {
    display: block !important;
    page-break-before: avoid !important;
    break-before: avoid !important;
  }

  /* Trải rộng trang in toàn khổ */
  .max-w-7xl, .max-w-5xl, .max-w-4xl {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  article {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Chapter Header Card - Chuẩn đẹp giống giao diện web */
  .chapter-header-card {
    border: 1.5px solid #e2edd2 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .chapter-header-card h1 {
    color: #2e5000 !important;
    font-size: 24pt !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .chapter-header-card p {
    color: #43493a !important;
    font-size: 11pt !important;
    line-height: 1.6 !important;
  }

  /* Ảnh tư liệu đầu bài & hình minh họa - Giữ tỷ lệ, không bị xé trang */
  figure {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    margin-bottom: 24px !important;
    border: 1px solid #e2edd2 !important;
    border-radius: 12px !important;
    padding: 10px !important;
    background: #ffffff !important;
  }

  figure img {
    max-height: 380px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  figcaption {
    color: #43493a !important;
    font-size: 9.5pt !important;
    margin-top: 8px !important;
  }

  /* Watermark bản quyền mở Creative Commons BY-SA 4.0 trên mỗi trang PDF */
  body::before {
    content: "NEGOTIATION.VN HANDBOOK • BẢN QUYỀN MỞ CC BY-SA 4.0 • CHÍNH THỨC";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-32deg);
    font-size: 26px;
    font-weight: 800;
    color: rgba(46, 80, 0, 0.065) !important;
    pointer-events: none;
    z-index: 99999;
    white-space: nowrap;
    letter-spacing: 0.18em;
  }

  /* Định dạng tiêu đề các phần H2, H3 trong bài */
  h1, h2, h3, h4 {
    color: #2e5000 !important;
    page-break-after: avoid !important;
    break-after: avoid !important;
  }

  h2 {
    font-size: 16pt !important;
    font-weight: 800 !important;
    margin-top: 28px !important;
    margin-bottom: 14px !important;
    padding-bottom: 6px !important;
    border-bottom: 1.5px solid #e2edd2 !important;
    color: #2e5000 !important;
  }

  h3 {
    font-size: 13pt !important;
    font-weight: 700 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    color: #2e5000 !important;
  }

  /* Khối luận điểm then chốt (Executive Takeaways) */
  .academic-prose > div[class*="bg-[#e2edd2]"],
  .academic-prose div:has(h3) {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  /* Bảng biểu so sánh & Ma trận */
  table {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 18px 0 !important;
  }

  th {
    background-color: #2e5000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    font-size: 9.5pt !important;
  }

  td {
    border: 1px solid #e2edd2 !important;
    padding: 8px 12px !important;
    font-size: 9.5pt !important;
  }

  tr:nth-child(even) td {
    background-color: #f7faf2 !important;
  }

  /* Khối trích dẫn danh ngôn & nguyên lý học thuật */
  blockquote {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    border-left: 4px solid #71a534 !important;
    background-color: #f6f8f1 !important;
    padding: 12px 18px !important;
    margin: 18px 0 !important;
    border-radius: 0 10px 10px 0 !important;
  }

  blockquote p {
    color: #2e5000 !important;
    font-style: italic !important;
  }

  /* Đoạn văn bản & số thứ tự đoạn (Đ.01, Đ.02) */
  p {
    orphans: 3;
    widows: 3;
    margin-bottom: 12px !important;
  }

  .paragraph-block {
    margin-bottom: 14px !important;
  }

  .paragraph-block .paragraph-marker {
    background-color: #e2edd2 !important;
    color: #2e5000 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 1px 4px !important;
  }
}