/* public_html/css/files.css */

#ajax-files-root { font-size: 14px; }

/* Accordion minimal */
#ajax-files-root .card { border: 0; box-shadow: none; margin-bottom: 14px; }
#ajax-files-root .card-header { background:#fff; border:0; padding:14px 12px; }
#ajax-files-root .card-header .btn-link { text-decoration:none; color:#111; font-weight:600; font-size:16px; padding:0; }
#ajax-files-root .files-caret { font-size:14px; opacity:0.6; }

/* Category hover */
#ajax-files-root .files-cat-btn:hover .files-cat-label { color:#0d6efd; text-decoration: underline; }
#ajax-files-root .files-cat-btn:hover .files-caret { color:#0d6efd; opacity:0.9; }

/* Count pill */
#ajax-files-root .files-count{
  background: rgba(0,0,0,0.05);
  color:#444;
  font-weight:600;
  border-radius:999px;
  padding:3px 8px;
  font-size:12px;
}

/* Search */
#ajax-files-root #ajax-files-search.form-control{
  border-radius:10px;
  padding:12px;
  height:auto;
  font-size:14px;
}

/* Scroller */
#ajax-files-root .files-cat-frame{
  max-height:520px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/* Table: pure white */
#ajax-files-root table { width:100%; border-collapse:collapse; }
#ajax-files-root th,
#ajax-files-root td{
  background:#fff !important;
  border:0 !important;
  padding:12px 10px;
  text-align:left;
  vertical-align:middle;
}

/* Sticky header */
#ajax-files-root thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#fff !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.06);
  font-size:12px;
  font-weight:600;
  color:#666;
}

/* separators */
#ajax-files-root tbody tr{
  background:#fff !important;
  border-bottom:1px solid rgba(0,0,0,0.04);
}

/* Date column */
#ajax-files-root .files-col-date{
  width:120px;
  min-width:120px;
  font-size:13px;
  color:#666;
}

/* Link styling */
#ajax-files-root .file-link{
  color:#0d6efd;
  text-decoration:none;
  font-weight:500;
}
#ajax-files-root .file-link:hover{
  color:#084298;
  text-decoration:underline;
}

/* Sorting */
#ajax-files-root th.sortable{ cursor:pointer; user-select:none; }
#ajax-files-root .sort-ind{ font-size:11px; margin-left:4px; color:#aaa; }

/* Inline row: filename then icon at end */
#ajax-files-root .file-row{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Make AddToAny button look like a small icon button */
#ajax-files-root .a2a_inline_btn{
  display:inline-flex !important;
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  align-items:center !important;
  justify-content:center !important;
  background: rgba(13,110,253,0.08) !important;
}

#ajax-files-root .a2a_inline_btn:hover{
  background: rgba(13,110,253,0.14) !important;
}

/* Hide icon until hover/focus (desktop) */
@media (hover:hover){
  #ajax-files-root .a2a-inline{
    opacity:0;
    pointer-events:none;
    transition: opacity 140ms ease;
  }
  #ajax-files-root tbody tr:hover .a2a-inline,
  #ajax-files-root tbody tr:focus-within .a2a-inline{
    opacity:1;
    pointer-events:auto;
  }
}

/* Always show on mobile */
@media (max-width:768px){
  #ajax-files-root .a2a-inline{
    opacity:1;
    pointer-events:auto;
  }
  #ajax-files-root .files-col-date{
    width:105px;
    min-width:105px;
  }
}

#ajax-files-root #ajax-files-noresults{
  margin-top: 6px;
}

/* Share button at end of filename */
#ajax-files-root .share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:0;
  border-radius:8px;
  background: rgba(13,110,253,0.08);
  color:#0d6efd;
  padding:0;
  cursor:pointer;
}

#ajax-files-root .share-btn:hover{
  background: rgba(13,110,253,0.14);
}

/* hide until hover (desktop) */
@media (hover:hover){
  #ajax-files-root .share-btn{
    opacity:0;
    pointer-events:none;
    transition: opacity 140ms ease;
  }
  #ajax-files-root tbody tr:hover .share-btn,
  #ajax-files-root tbody tr:focus-within .share-btn{
    opacity:1;
    pointer-events:auto;
  }
}

/* always visible on mobile */
@media (max-width:768px){
  #ajax-files-root .share-btn{
    opacity:1;
    pointer-events:auto;
  }
}

/* Hide AddToAny kit visually but keep in DOM */
#ajax-files-root .a2a-hidden-kit{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}