/* ============================================================
   TTMHN Resources component — base styles (search toolbar + sidebar).
   The toggle list container, the toggle rows (title / icon / content), and the
   Read Report buttons are styled in ttmhn-resources-v2.css, which is enqueued
   AFTER this file. Keep those concerns out of this file.
   All rules scoped under .ttmhn-resources.
   ============================================================ */

/* ---- Toolbar: search + live count ---- */
.ttmhn-resources .ttmhn-toolbar{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:0 0 18px; }
.ttmhn-resources .ttmhn-search{
  flex:1 1 240px; min-width:0; padding:10px 14px; border:1px solid #E3DCE5; border-radius:8px;
  font-size:15px; color:#2B2B2B; background:#fff; -webkit-appearance:none;
}
.ttmhn-resources .ttmhn-search::placeholder{ color:#A99EAB; }
.ttmhn-resources .ttmhn-search:focus{ outline:none; border-color:#7F4182; box-shadow:0 0 0 3px rgba(127,65,130,.12); }
.ttmhn-resources .ttmhn-count{ flex:0 0 auto; margin-left:auto; font-size:13px; color:#8A7F8C; white-space:nowrap; }

/* ============================================================
   Sidebar
   ============================================================ */
.ttmhn-resources .ttmhn-sidebar{ display:flex; flex-direction:column; gap:16px; }
.ttmhn-resources .ttmhn-card{ border:1px solid #E3DCE5; border-radius:8px; background:#fff; padding:16px; }
.ttmhn-resources .ttmhn-card-heading{
  margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#8A7F8C;
}
.ttmhn-resources .ttmhn-menu{ list-style:none; margin:0; padding:0; }
.ttmhn-resources .ttmhn-menu li{ margin:0; }
.ttmhn-resources .ttmhn-menu a{
  display:block; padding:8px 10px; font-size:14px; color:#5A4A5B; text-decoration:none;
  border-radius:6px; transition:background .12s,color .12s;
}
.ttmhn-resources .ttmhn-menu a:hover{ background:#F8F4F9; }
.ttmhn-resources .ttmhn-menu .current-menu-item > a,
.ttmhn-resources .ttmhn-menu .current_page_item > a{ background:#7F4182; color:#fff; }
.ttmhn-resources .ttmhn-help-card{ background:#F8F4F9; }
.ttmhn-resources .ttmhn-help-card p{ margin:0 0 12px; font-size:14px; color:#5A4A5B; line-height:1.5; }
.ttmhn-resources .ttmhn-help-link{
  display:inline-block; padding:6px 13px; font-size:13px; font-weight:600; letter-spacing:.03em;
  text-transform:uppercase; color:#7F4182; text-decoration:none; border:1px solid #7F4182; border-radius:6px;
  transition:background .12s,color .12s;
}
.ttmhn-resources .ttmhn-help-link:hover{ background:#7F4182; color:#fff; }

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width:980px){
  .ttmhn-resources .ttmhn-sidebar{ margin-top:24px; }
}