/* =========================================================
   Vedic People — Infobox + TOC (compact chevrons & indents)
   ========================================================= */

/* ---------- Cards: Infobox + TOC (float right) ---------- */
.entry-content .vedic-infobox,
.entry-content .vedic-toc{
  float: right !important;
  clear: right;
  margin: 0 0 1em 1em;
  width: 360px;
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #000;
  text-decoration: none;
  position: relative;
  z-index: 9;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;                 /* fixes rounded-corner seam */
  box-shadow: 0 2px 0 rgba(0,0,0,.06);
  line-height: 1.5;
}

/* ---------- Collapsible headers (cards) ---------- */
.entry-content .collapsible{ margin: 0 0 1em 0; }
.entry-content .collapsible-header{
  display: flex; align-items: center; gap: .45em;
  padding: .55em .7em;
  cursor: pointer; user-select: none;
  border-bottom: 1px solid #a2a9b1; background: #f3f4f6;
  border-top-left-radius: 8px; border-top-right-radius: 8px;
}
.entry-content .collapsible-title{ font-weight: 700; font-size: 90%; color:#000; line-height:1.5; }
.entry-content .collapsible-icon{
  width: 24px; height: 24px; min-width: 24px; min-height: 24px;
  transition: transform .2s ease;
}
.entry-content .collapsible.expanded .collapsible-content{ display:block; }
.entry-content .collapsible.collapsed .collapsible-content{ display:none; }
.entry-content .collapsible.collapsed .collapsible-icon{ transform: rotate(-90deg); }

/* ---------- Infobox table ---------- */
.entry-content .vedic-infobox table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.entry-content .vedic-infobox th,
.entry-content .vedic-infobox td{
  padding: 8px 6px; vertical-align:top; box-sizing:border-box; word-wrap:break-word; line-height:1.5;
}
.entry-content .vedic-infobox th{ width:40%; text-align:left; background: transparent; font-weight:bold; }

/* Image row spanning both columns */
.entry-content .infobox-image-cell{ padding: 0; }
.entry-content .infobox-feature{
  display:block; width:100%; height:auto; object-fit:cover;
  border-bottom:1px solid #a2a9b1;
}
/* Zebra only on data rows */
.entry-content .vedic-infobox tbody tr.infobox-image-row { background: transparent; }
.entry-content .vedic-infobox tbody tr:not(.infobox-image-row):nth-child(even){ background:#f0f2f5; }
.entry-content .vedic-infobox tbody tr:not(.infobox-image-row):nth-child(odd) { background:transparent; }

/* ---------- TOC (compact) ---------- */
/* bring chevrons tight to the card edge */
.entry-content .vedic-toc .collapsible-content{ padding: .25em .6em .7em .08em; }

/* Kill Kadence default list padding inside TOC */
.entry-content .vedic-toc .collapsible-content ul,
.entry-content .vedic-toc .collapsible-content ol{
  padding-left: 1em !important;   /* your preferred value */
  margin-left: 0 !important;
}

/* Remove bullets everywhere */
.entry-content .vedic-toc-tree, 
.entry-content .vedic-toc-tree ul{ list-style:none; margin:0; padding:0; }
.entry-content .vedic-toc-tree li::marker, 
.entry-content .vedic-toc-tree li::before{ content:none; }

/* Parent branch (has children) — shrink chevron→title gap */
.entry-content .toc-branch{
  margin: .45em 0;
  position: relative;
  padding-left: 26px;              /* 24px icon + 2px gutter */
}
.entry-content .toc-toggle{
  position:absolute; left:0; top:0;
  display:inline-grid; place-items:center;
  width:24px; height:24px;
  cursor:pointer; background:transparent; border:0; padding:0;
}
.entry-content .toc-icon{ width:24px; height:24px; color:#333; transition:transform .18s ease; }
.entry-content .toc-branch.collapsed > .toc-toggle .toc-icon{ transform: rotate(-90deg); }
.entry-content .toc-branch.expanded  > .toc-toggle .toc-icon{ transform: rotate(0deg); }
.entry-content .toc-branch-title{ font-weight:600; cursor:pointer; line-height:1.5; }

/* Children list: indent + guide line (tight) */
.entry-content .toc-children{
  margin-top:.25em;
  margin-left: 6px !important;     /* indent from parent label to guide line */
  padding-left: 3px !important;    /* gap from line to text */
  border-left: 2px solid #d0d4da;
}
.entry-content .toc-branch.collapsed > .toc-children{ display:none; }

/* Leaf items (actual links) */
.entry-content .toc-leaf{ 
    margin: 12px 0px 12px 0px;
    
}
.entry-content .toc-leaf .toc-link{
  display:block; padding-left:3px;
  text-decoration:none; color:#000; line-height:1.5;
}
.entry-content .toc-leaf .toc-link:hover{ color:#006ee6; }

/* ---------- Responsive ---------- */
@media (max-width: 768px){
  .entry-content .vedic-infobox, 
  .entry-content .vedic-toc{
    float:none !important; clear:both; 
    margin:0 auto 1em auto;
    width:100%; max-width:340px;
  }
}

/* ---------- Small polish ---------- */
.entry-content .vedic-infobox a, 
.entry-content .vedic-toc a{ text-decoration:none; }
.entry-content .vedic-infobox a:hover, 
.entry-content .vedic-toc a:hover{ text-decoration:none; }