/*
Theme Name: Knock Legal Theme
Author: Knock Legal
Description: Professional legal platform theme for Indian law, legal education, and online legal services
Version: 1.2
*/

/* =====================================
   KNOCK LEGAL — GLOBAL THEME VARIABLES
   ===================================== */
:root {
  --legal-yellow: #facc15;
  --legal-yellow-soft: #fde68a;

  --legal-text-main: #0f172a;   /* slate-900 */
  --legal-text-head: #020617;   /* slate-950 */
  --legal-text-muted: #334155;  /* slate-600 */
  --legal-link: #2563eb;        /* blue-600 */
}

/* =====================================
   BASE BODY
   ===================================== */
body {
  background-color: #ffffff;
  line-height: 1.7;
  color: var(--legal-text-main);
}

/* =====================================
   SINGLE POST CONTENT (ARTICLES ONLY)
   ===================================== */
.single-post #postContent {
  font-size: 18px;
  line-height: 1.85;
  color: var(--legal-text-main);
}

.single-post #postContent p {
  margin-bottom: 1.3em;
}

.single-post #postContent h2 {
  margin-top: 2.4em;
  margin-bottom: 0.9em;
  font-size: 26px;
  font-weight: 700;
  color: var(--legal-text-head);
}

.single-post #postContent h3 {
  margin-top: 2em;
  margin-bottom: 0.7em;
  font-size: 22px;
  font-weight: 600;
  color: var(--legal-text-head);
}

.single-post #postContent h4 {
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  font-size: 19px;
  font-weight: 600;
  color: var(--legal-text-head);
}

.single-post #postContent ul,
.single-post #postContent ol {
  margin: 1.2em 0 1.2em 1.6em;
}

.single-post #postContent li {
  margin-bottom: 0.6em;
}

.single-post #postContent a {
  color: var(--legal-link);
  text-decoration: underline;
  font-weight: 500;
}

.single-post #postContent a:hover {
  text-decoration: none;
}

.single-post #postContent strong,
.single-post #postContent b,
.single-post #postContent mark {
  color: var(--legal-yellow);
  font-weight: 600;
}

/* =====================================
   BLOCKQUOTES
   ===================================== */
.single-post #postContent blockquote {
  border-left: 4px solid var(--legal-yellow);
  background: #fffbea;
  padding: 18px 20px;
  margin: 2em 0;
  font-style: italic;
  color: var(--legal-text-muted);
}

/* =====================================
   TABLES
   ===================================== */
.single-post #postContent table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 16px;
}

.single-post #postContent th,
.single-post #postContent td {
  border: 1px solid #e5e7eb;
  padding: 12px 14px;
  text-align: left;
}

.single-post #postContent th {
  background: #f8fafc;
  font-weight: 600;
  color: var(--legal-text-head);
}

/* =====================================
   LEGAL NOTICE BOXES
   ===================================== */
.legal-note {
  background: #fff7cc;
  border-left: 5px solid var(--legal-yellow);
  padding: 18px;
  margin: 2em 0;
  border-radius: 6px;
}

.legal-warning {
  background: #fee2e2;
  border-left: 5px solid #dc2626;
  padding: 18px;
  margin: 2em 0;
  border-radius: 6px;
  color: #7f1d1d;
}

/* =====================================
   BNSS INTERACTIVE APP (CRITICAL FIX)
   ===================================== */
#bnss-root,
#bnss-root * {
  color: revert;
}

/* =====================================
   HEADER & NAV
   ===================================== */
header a,
header nav a {
  color: #ffffff;
  text-decoration: none;
}

header a:hover {
  color: var(--legal-yellow);
}

.menu a {
  color: inherit;
}

/* =====================================
   META LINKS
   ===================================== */
.single-post .entry-meta a,
.single-post .cat-links a,
.single-post .post-categories a {
  color: var(--legal-link);
  font-weight: 600;
}

.single-post .post-categories a:hover {
  text-decoration: underline;
}

/* =====================================
   MOBILE
   ===================================== */
@media (max-width: 768px) {
  .single-post #postContent {
    font-size: 16px;
  }
}

/* =====================================
   PRINT
   ===================================== */
@media print {
  header,
  footer,
  aside,
  nav {
    display: none !important;
  }

  body {
    color: #000;
  }
}
/* 🔥 HARD KILL: remove ALL empty act cards */
.lawCard:empty,
.klActCard:empty {
  display: none !important;
  visibility: hidden !important;
}