/* v4.1.1 – Full CSS: accordion + grids + H2 titles + Flatsome friendly */

/* Archive wrapper padding */
.tccch .tcc-arch{
  max-width:1100px;
  margin:0 auto;
    padding-top: 0px !important;
    padding-right: 5px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
  box-sizing:border-box;
}

/* Accordion (3 lines clamp + gradient + toggle) */
.tccch .tcc-arch-hero{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin:10px 0 12px}
.tccch .tcc-arch-title{margin:0 0 6px;font-size:26px}
.tccch .tcc-arch-descbox{position:relative}
.tccch .tcc-arch-desc{
  margin:0;
  color:#334155;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  position:relative;
}
.tccch .tcc-arch-desc:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0; height:40px;
  background:linear-gradient(to bottom, rgba(248,250,252,0), rgba(248,250,252,1));
  pointer-events:none;
}
.tccch .tcc-arch-desc.expanded{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}
.tccch .tcc-arch-desc.expanded:after{display:none}
.tccch .tcc-arch-toggle{margin-top:8px;background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer}
.tccch .tcc-arch-toggle:hover{background:#f1f5f9}

/* Archive grid */
.tccch .tcc-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px}
.tccch .tcc-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;position:relative;padding:5px}
.tccch .tcc-thumb{aspect-ratio:1.6/1;object-fit:cover;width:100%;height:auto;display:block;background:#f2f3f5;border-radius:6px}
.tccch .tcc-date-row{display:flex;align-items:center;gap:6px;color:#64748b;margin:10px 2px 0 2px;font-size:13px;line-height:1.2}
.tccch .tcc-date-row .fa{font-size:12px;line-height:1;width:12px;text-align:center}
.tccch .tcc-card h2{font-size:1.1em !important;line-height:1.35;margin:8px 2px 10px 2px;border:none!important;padding:0!important}

@media (max-width:1024px){ .tccch .tcc-grid{grid-template-columns:repeat(2,1fr) !important;} }
@media (max-width:549px){ .tccch .tcc-grid{grid-template-columns:1fr !important;} }

/* Hub mother grid */
.tccch .tcckb{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
.tccch .tcckb-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:transform .15s;height:100%}
.tccch .tcckb-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.09)}
.tccch .tcckb-wrap{display:flex;gap:14px;align-items:center;padding:16px 18px;text-decoration:none;color:#111827;min-height:86px}
.tccch .tcckb-card .dashicons{font-size:28px;width:28px;height:28px;color:#54c070 !important;flex:0 0 28px}

/* Hub mother titles now H2 */
.tccch .tcckb-title{margin:0 0 6px 0;font-size:18px;font-weight:700;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;border:none!important;padding:0!important}
.tccch .tcckb-count{font-size:13px;color:#475569}
@media (max-width:1024px){ .tccch .tcckb{grid-template-columns:repeat(2,1fr)} }
@media (max-width:549px){ .tccch .tcckb{grid-template-columns:1fr} }