/* Single Doctor Page Enhancements */

.doc-section-title {
    margin-bottom: 16px;
}

.doc-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.doc-card + .doc-card { margin-top: 12px; }

.doc-card__thumb {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
}

.doc-card__thumb--primary { background: var(--theme-primary-color); }

.doc-card__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.doc-card__media--icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* make svg white over primary bg */
}

.doc-card__body { flex: 1; }

.doc-card__title { font-weight: 700; color: #111827; margin: 0; font-size: 16px; }
.doc-card__meta { color: #6b7280; font-size: 13px; margin-top: 2px; }
.doc-card__desc { margin-top: 6px; color: #374151; font-size: 14px; white-space: pre-wrap; }

@media (max-width: 576px) {
  .doc-card { padding: 10px; }
  .doc-card__thumb { width: 48px; height: 48px; }
}