/* ============================================
   DraftSahayak Documents Plugin — v3 Styles
   Self-contained: works with any theme version
   ============================================ */

/* Category filter pills */
.dsdoc-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.dsdoc-cat{padding:7px 18px;border:1px solid #E5E5EA;border-radius:9999px;background:#fff;cursor:pointer;font-size:13px;font-family:'DM Sans',-apple-system,sans-serif;color:#636366;transition:all .2s;white-space:nowrap}
.dsdoc-cat:hover,.dsdoc-cat.active{background:#1C1C1E;color:#fff;border-color:#1C1C1E}

/* Documents grid — 3 columns */
.dsdoc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:768px){.dsdoc-grid{grid-template-columns:1fr}}
@media(min-width:769px) and (max-width:1024px){.dsdoc-grid{grid-template-columns:repeat(2,1fr)}}

/* Document card */
.dsdoc-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E5E5EA;border-radius:8px;padding:20px;text-decoration:none;transition:all .25s;color:#1C1C1E}
.dsdoc-card:hover{border-color:#C17F4E;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.06)}

.dsdoc-icon{font-size:24px;margin-bottom:10px;line-height:1}
.dsdoc-body{flex:1;min-width:0}
.dsdoc-title{display:block;font-size:14px;font-weight:600;color:#1C1C1E;line-height:1.3;margin-bottom:4px}
.dsdoc-desc{display:block;font-size:12px;color:#AEAEB2;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.dsdoc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #F2F2F7}
.dsdoc-price{font-size:15px;font-weight:700;color:#C17F4E}
.dsdoc-btn{font-size:12px;font-weight:600;color:#fff;background:#C17F4E;padding:6px 16px;border-radius:8px;transition:background .2s}
.dsdoc-card:hover .dsdoc-btn{background:#A06B3F}

/* Dark mode support */
@media(prefers-color-scheme:dark){
  .dsdoc-cat{background:#2C2C2E;border-color:#3A3A3C;color:#AEAEB2}
  .dsdoc-cat:hover,.dsdoc-cat.active{background:#C17F4E;color:#fff;border-color:#C17F4E}
  .dsdoc-card{background:#2C2C2E;border-color:#3A3A3C;color:#F5F5F7}
  .dsdoc-title{color:#F5F5F7}
  .dsdoc-foot{border-top-color:#3A3A3C}
}
[data-theme="dark"] .dsdoc-cat{background:#2C2C2E;border-color:#3A3A3C;color:#AEAEB2}
[data-theme="dark"] .dsdoc-cat:hover,[data-theme="dark"] .dsdoc-cat.active{background:#C17F4E;color:#fff;border-color:#C17F4E}
[data-theme="dark"] .dsdoc-card{background:#2C2C2E;border-color:#3A3A3C;color:#F5F5F7}
[data-theme="dark"] .dsdoc-title{color:#F5F5F7}
[data-theme="dark"] .dsdoc-desc{color:#636366}
[data-theme="dark"] .dsdoc-foot{border-top-color:#3A3A3C}